:root{--bg: #05060a;--panel: rgba(10, 12, 18, .86);--line: rgba(255, 255, 255, .09);--text: #eef1f7;--muted: rgba(238, 241, 247, .55);--accent: #8fd0ff;--radius: 12px;color-scheme:dark}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body,#root{height:100%;margin:0;background:var(--bg);color:var(--text);font-family:system-ui,-apple-system,Segoe UI,sans-serif;overscroll-behavior:none}body{-webkit-user-select:none;user-select:none;-webkit-touch-callout:none}input,textarea,[contenteditable]{-webkit-user-select:text;user-select:text}.app{position:fixed;inset:0}.app--bare:not(.app--playing){position:static;inset:auto;min-height:100dvh}.stage,.overlay{position:absolute;inset:0;width:100%;height:100%;display:block}.stage{touch-action:none}.overlay{pointer-events:none}.hud{position:absolute;top:calc(12px + env(safe-area-inset-top));left:16px;right:16px;display:flex;gap:12px;align-items:baseline;font-size:12px;letter-spacing:.06em;text-transform:uppercase;color:var(--muted);pointer-events:none;text-shadow:0 1px 8px rgba(0,0,0,.7)}.hud__name{color:var(--text);font-weight:600}.hud__out{pointer-events:auto;color:#d4b1fbe6;font-weight:600;letter-spacing:.14em;text-decoration:none}.hud__out:hover{color:#fff}.hud__source{margin-left:auto;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:40%}.transport{position:absolute;inset:auto 16px 0%;display:flex;align-items:center;gap:10px;padding:8px 12px;background:var(--panel);backdrop-filter:blur(18px);border:1px solid var(--line);border-radius:999px;transform:translateY(-8px);z-index:2}.app .transport{bottom:auto;top:calc(44px + env(safe-area-inset-top))}.transport__play{border:none;background:#ffffff1a;border-radius:50%;width:34px;height:34px;flex:0 0 34px;font-size:12px;padding:0}.transport__seek{flex:1;accent-color:var(--accent)}.transport__time{font-size:12px;color:var(--muted);font-variant-numeric:tabular-nums}.chrome{position:absolute;inset:auto 0 0;display:flex;flex-direction:column;pointer-events:none;z-index:3}.sheet{pointer-events:auto;background:var(--panel);backdrop-filter:blur(24px);border-top:1px solid var(--line);padding:16px 16px 10px;max-height:46vh;overflow-y:auto}.sheet h2{display:flex;align-items:baseline;gap:10px;font-size:11px;letter-spacing:.09em;text-transform:uppercase;color:var(--muted);margin:18px 0 8px}.sheet h2:first-child{margin-top:0}.sheet h2 em{font-style:normal;text-transform:none;letter-spacing:0;font-size:11px;opacity:.7}.row{display:flex;gap:8px}.row.wrap{flex-wrap:wrap}button,.button,select,input.text,input.search{font:inherit;color:var(--text);background:#ffffff0f;border:1px solid var(--line);border-radius:10px;padding:10px 14px;cursor:pointer;transition:background .12s ease}button:hover,.button:hover{background:#ffffff1f}button.active,.chip.active{background:var(--accent);color:#05060a;border-color:transparent;font-weight:600}button.primary{background:var(--accent);color:#05060a;font-weight:600;border-color:transparent;width:100%;padding:14px}button.link{background:none;border:none;padding:0;font-size:11px;color:var(--accent);text-transform:none;letter-spacing:0;margin-left:auto;cursor:pointer}.chip{padding:7px 13px;border-radius:999px;font-size:13px}.disclosure{width:100%;margin-top:6px;font-size:13px;color:var(--muted)}input.text,input.search{width:100%;cursor:text;margin-bottom:8px}input.code{width:7em;margin-bottom:0;text-align:center;letter-spacing:.18em;text-transform:uppercase}.hit{position:absolute;right:calc(18px + env(safe-area-inset-right));bottom:calc(96px + env(safe-area-inset-bottom));width:84px;height:84px;border-radius:50%;border:2px solid hsla(var(--hit-hue),90%,68%,.85);background:hsla(var(--hit-hue),90%,60%,.16);color:hsl(var(--hit-hue),90%,78%);font-size:13px;font-weight:700;letter-spacing:.14em;touch-action:none;transition:transform 90ms ease,background .12s ease}.hit:before{content:"";position:absolute;inset:-10px;border-radius:50%;border:2px solid hsla(var(--hit-hue),90%,70%,calc(.1 + var(--beat, 0) * .55));transform:scale(calc(1.35 - var(--beat, 0) * .35));pointer-events:none}.hit:after{content:"";position:absolute;left:0;right:0;bottom:0;height:calc(var(--charge, 0) * 100%);border-radius:0 0 42px 42px;background:hsla(var(--hit-hue),95%,68%,.45);pointer-events:none;transition:height 60ms linear}.hit--locked{border-color:hsla(var(--hit-hue),95%,78%,1);box-shadow:0 0 24px hsla(var(--hit-hue),95%,62%,.55)}.hit--ready{border-color:#ffffffe6;animation:hit-ready .6s ease-in-out infinite alternate}@keyframes hit-ready{to{box-shadow:0 0 26px #ffffff8c}}.hit--now{border-color:#fff;background:#fff6;color:#05060a;box-shadow:0 0 46px #ffffffd9}.board{position:absolute;right:calc(18px + env(safe-area-inset-right));top:calc(64px + env(safe-area-inset-top));display:flex;flex-direction:column;align-items:flex-end;gap:3px;padding:10px 14px;border-radius:12px;background:#04050a99;border:1px solid var(--line);font-size:14px;pointer-events:none;text-shadow:0 1px 6px rgba(0,0,0,.8)}.board__clock{font-size:26px;font-weight:700;line-height:1;margin-bottom:2px}.board__row{display:flex;align-items:baseline;gap:8px;font-weight:600}.board__row b{font-variant-numeric:tabular-nums}.board__row i{font-style:normal;font-size:11px;opacity:.75}.board__won{font-size:18px;font-weight:700;margin-bottom:4px}.board--wall{right:2.2vmin;top:2.2vmin;padding:1.4vmin 2vmin;border-radius:1.4vmin;font-size:2.2vmin;gap:.4vmin}.board--wall .board__clock{font-size:5vmin}.board--wall .board__won{font-size:3.2vmin}.board--wall .board__row i{font-size:1.5vmin}.play{position:absolute;inset:0;pointer-events:none}.play__notes{position:absolute;inset:0;width:100%;height:100%}.play__lanes{position:absolute;inset:0;display:grid;grid-template-columns:repeat(var(--lanes, 3),1fr);pointer-events:auto}.play__dial{position:absolute;inset:0;pointer-events:auto;touch-action:none}.play__lane,.play__lane:hover,.play__lane:active,.play__lane:focus{border:0;outline:0;background:transparent;padding:0;touch-action:none;-webkit-tap-highlight-color:transparent}.play__hud{position:absolute;top:calc(16px + env(safe-area-inset-top));left:calc(16px + env(safe-area-inset-left));display:flex;flex-direction:column;align-items:flex-start;gap:4px;pointer-events:none}.play__what{max-width:min(58vw,320px);color:#ffffffa8;font-size:.78rem;letter-spacing:.01em;line-height:1.25;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;text-shadow:0 1px 10px rgba(0,0,0,.7)}.play__leave{align-self:stretch;margin-bottom:4px;padding:9px 12px;border:1px solid rgba(255,255,255,.2);border-radius:9px;background:#ffffff12;color:inherit;font:inherit;font-size:.84rem;cursor:pointer}.play__leave:hover{border-color:#fff6}.play__score{font-size:26px;font-weight:200;font-variant-numeric:tabular-nums;letter-spacing:.04em;line-height:1;color:#fffffff5;text-shadow:0 0 30px hsla(var(--play-hue),95%,70%,.45),0 2px 12px rgba(0,0,0,.7)}.play__combo{font-size:11px;letter-spacing:.28em;text-transform:uppercase;color:#ffffff8c;text-shadow:0 1px 8px rgba(0,0,0,.8)}.play__combo b{font-weight:600;color:#ffffffe6}.play__combo--hot{color:hsla(var(--play-hue),95%,82%,.95)}.play__combo--hot b{color:#fff;text-shadow:0 0 18px hsla(var(--play-hue),95%,70%,.9)}.play__said{position:absolute;left:50%;top:68%;font-size:12px;letter-spacing:.34em;text-transform:uppercase;pointer-events:none;animation:said .62s cubic-bezier(.2,.7,.3,1) forwards}@keyframes said{0%{opacity:0;transform:translate(-50%,10px) scale(.94)}25%{opacity:1;transform:translate(-50%) scale(1)}to{opacity:0;transform:translate(-50%,-26px) scale(1)}}.play__said--perfect{color:#beffe1;text-shadow:0 0 18px rgba(150,255,210,.7)}.play__said--good{color:#c8e2ff}.play__said--late{color:#ffe0a8}.play__said--miss{color:#ff8f8f}.play__settings{position:absolute;top:calc(14px + env(safe-area-inset-top));right:calc(12px + env(safe-area-inset-right));display:flex;flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:6px;pointer-events:auto;font-size:11px;font-variant-numeric:tabular-nums;letter-spacing:.1em;color:#fff6}.play__settings button{height:30px;padding:0 12px;border-radius:999px;border:1px solid rgba(255,255,255,.16);background:#080a106b;color:inherit;font-size:10px;line-height:1;letter-spacing:.12em;text-transform:uppercase;backdrop-filter:blur(6px)}.play__settings button.play__more{width:30px;padding:0;font-size:15px;letter-spacing:0}.play__settings button.play__chill.active{color:hsl(var(--play-hue),90%,82%);border-color:hsl(var(--play-hue),80%,60%)}.play__timing{flex-basis:100%;display:flex;flex-direction:column;align-items:flex-end;gap:6px;padding:10px 12px;border-radius:12px;background:#080a10b8;border:1px solid rgba(255,255,255,.12);backdrop-filter:blur(8px);text-transform:none;letter-spacing:.02em;max-width:220px;text-align:right}.play__timing-row{display:flex;align-items:center;gap:6px}.play__timing-row button{width:30px;padding:0;font-size:13px;letter-spacing:0;text-transform:none}.play__timing-row button.play__measure{width:auto;padding:0 12px}.play__timing-row span.play__measure{min-width:66px;text-align:center;font-variant-numeric:tabular-nums}.play__timing-note{opacity:.72;font-size:11px}.play__lean{position:absolute;left:50%;transform:translate(-50%);bottom:12%;font-size:12px;letter-spacing:.08em;text-transform:lowercase;color:#ffffff80;pointer-events:none;text-shadow:0 1px 6px rgba(0,0,0,.6)}.board__best{margin:0;font-size:13px;color:#beffe1e6}.play__ghost{font-size:13px;font-variant-numeric:tabular-nums;color:#ffa0a0d9;text-shadow:0 1px 6px rgba(0,0,0,.6)}.play__ghost--up{color:#beffe1e6}.board__best--practice{color:#ffffff8c}.invite__best{font-size:13px;color:#ffffffb3}.board__other{font-size:10px;letter-spacing:.06em;text-transform:uppercase;opacity:.45;margin-left:6px}.board__practise{margin-top:4px;font-size:12px}.practice{display:flex;flex-direction:column;gap:8px;padding:10px;border-radius:12px;background:#080a1099;border:1px solid rgba(255,255,255,.1)}.practice__parts{display:flex;flex-wrap:wrap;gap:6px;justify-content:center}.practice__parts button{display:flex;flex-direction:column;align-items:center;gap:1px;min-width:46px;padding:5px 6px;font-size:12px}.practice__parts button i{font-style:normal;font-size:9px;opacity:.55;font-variant-numeric:tabular-nums}.practice__speed{display:flex;gap:6px;justify-content:center}.practice__speed button{padding:4px 12px;font-size:12px}.practice__parts button.active,.practice__speed button.active{background:#beffe12e;border-color:#beffe180}.practice__whole{font-size:12px}.play__streak{position:absolute;left:50%;top:18%;display:flex;flex-direction:column;align-items:center;gap:2px;pointer-events:none;color:#fff;animation:streak 1.4s cubic-bezier(.16,.9,.3,1) forwards}.play__streak b{font-size:68px;font-weight:200;line-height:1;font-variant-numeric:tabular-nums;letter-spacing:.02em;text-shadow:0 0 44px hsla(var(--play-hue),95%,70%,.85),0 2px 18px rgba(0,0,0,.7)}.play__streak span{font-size:11px;letter-spacing:.34em;text-transform:uppercase;color:hsla(var(--play-hue),95%,85%,.9)}.play__streak--big b{font-size:96px;font-weight:300}@keyframes streak{0%{opacity:0;transform:translate(-50%,16px) scale(.7)}18%{opacity:1;transform:translate(-50%) scale(1.06)}30%{transform:translate(-50%) scale(1)}to{opacity:0;transform:translate(-50%,-34px) scale(1)}}.count-in{position:absolute;inset:0;display:grid;place-items:center;pointer-events:none;z-index:5}.count-in__number{font-size:140px;font-weight:100;line-height:1;font-variant-numeric:tabular-nums;color:#fffffff5;text-shadow:0 0 60px hsla(205,95%,70%,.7),0 4px 24px rgba(0,0,0,.6);animation:count-in 1s cubic-bezier(.16,.9,.3,1) forwards}@keyframes count-in{0%{opacity:0;transform:scale(1.5)}22%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(.86)}}.board{position:absolute;left:50%;top:70%;transform:translate(-50%);width:min(340px,calc(100vw - 32px));display:flex;flex-direction:column;gap:8px;padding:14px 16px;border-radius:14px;background:#04050ac7;border:1px solid rgba(255,255,255,.12);backdrop-filter:blur(8px);pointer-events:auto;animation:said .32s cubic-bezier(.2,.7,.3,1)}.board__title,.board__claim{margin:0;font-size:11px;letter-spacing:.2em;text-transform:uppercase;color:var(--muted)}.board__claim{display:flex;gap:8px}.board__claim .text{flex:1;min-width:0}.board__list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:4px}.board__list li{display:flex;align-items:baseline;gap:10px;font-size:13px;padding:3px 0}.board__rank{width:16px;color:var(--muted);font-variant-numeric:tabular-nums}.board__who{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.board__points{font-variant-numeric:tabular-nums}.board__row--you{color:hsl(var(--play-hue, 205),90%,82%)}.board__next{display:flex;gap:8px}.board__next button{flex:1}.invite__own{width:min(320px,calc(100vw - 48px));margin-top:6px}.invite__own summary{cursor:pointer;font-size:11px;letter-spacing:.18em;text-transform:uppercase;color:var(--muted);list-style:none;text-align:center;padding:8px}.invite__own[open] summary{margin-bottom:8px}.invite__levels{display:flex;gap:6px}.invite__backdrop{margin-top:20px}.invite__games{display:flex;gap:6px}.invite__levels button,.invite__games button{padding:0 14px;height:32px;border-radius:999px;font-size:10px;letter-spacing:.16em;text-transform:uppercase;border:1px solid rgba(255,255,255,.16);background:#ffffff0a;color:var(--muted)}.invite__games button{min-width:92px}.invite__levels button.active,.invite__games button.active{color:hsl(var(--play-hue, 205),90%,84%);border-color:hsl(var(--play-hue, 205),80%,60%)}.invite__beat{font-size:12px;letter-spacing:.16em;text-transform:uppercase;color:var(--muted)}.invite__beat b{color:#ffffffeb;font-weight:500}.home{min-height:100dvh;padding:56px 20px calc(48px + env(safe-area-inset-bottom));max-width:680px;margin:0 auto;display:flex;flex-direction:column}.hero{margin-bottom:26px}.hero__over{margin:0 0 14px;font-size:11px;letter-spacing:.34em;text-transform:uppercase;color:#cea8fae6}.hero__title{margin:0 0 14px;font-size:clamp(2rem,7vw,3.1rem);line-height:1.08;font-weight:600;letter-spacing:-.02em}.hero__title em{font-style:normal;background:linear-gradient(96deg,#60e1fb,#b980fa 55%,#f96cc5);-webkit-background-clip:text;background-clip:text;color:transparent}.hero__what{margin:0;max-width:44ch;font-size:1rem;line-height:1.55;color:var(--muted)}.home__title{font-size:30px;font-weight:200;line-height:1.15;letter-spacing:.01em;margin:0 0 10px}.home__what{margin:0 0 22px;font-size:14px;line-height:1.5;color:var(--muted)}.home__paste{display:flex;gap:8px;flex-wrap:wrap}.home__paste .text{flex:1 1 280px;min-width:0}.home__paste button{flex:0 0 auto}.home__heading{font-size:11px;letter-spacing:.18em;text-transform:uppercase;color:var(--muted)}.home__hint{font-size:.85rem;line-height:1.5;color:var(--muted);max-width:46ch}.home__hint{margin:10px 0 0}.home__heading{margin:30px 0 10px;font-weight:400}.home__studio{margin-top:auto;padding-top:32px;font-size:11px;letter-spacing:.18em;text-transform:uppercase;color:var(--muted);text-decoration:none}.catalog{min-height:100dvh;padding:28px 18px calc(28px + env(safe-area-inset-bottom));max-width:560px;margin:0 auto}.catalog__title{font-size:22px;font-weight:300;margin:0 0 4px}.catalog__list{list-style:none;margin:18px 0 0;padding:0;display:flex;flex-direction:column;gap:6px}.catalog__row{display:flex;align-items:center;gap:14px;padding:14px 16px;min-height:56px;border-radius:12px;border:1px solid rgba(255,255,255,.1);background:#ffffff08;text-decoration:none;color:inherit}.catalog__name{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:15px}.catalog__do{font-size:10px;letter-spacing:.18em;text-transform:uppercase;color:var(--muted)}.forge{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;min-height:100dvh;padding:24px;text-align:center}.forge__doing{font-size:20px;font-weight:300;letter-spacing:.02em}.forge__note{font-size:12px;letter-spacing:.14em;text-transform:uppercase;color:var(--muted)}.haptics{padding:24px 18px calc(24px + env(safe-area-inset-bottom));max-width:520px;margin:0 auto;display:flex;flex-direction:column;gap:12px}.haptics h1{font-size:22px;font-weight:300;margin:0}.haptics__note{font-size:13px;line-height:1.5;color:var(--muted);margin:0}.haptics__try{display:flex;align-items:center;gap:14px;text-align:left;padding:16px;min-height:64px;border-radius:14px;position:relative}.haptics__try b{font-size:20px;font-weight:400;opacity:.6}.haptics__try span{font-size:13px;line-height:1.4}.haptics__real{display:flex;align-items:center;gap:14px;padding:16px;border-radius:14px;border:1px solid rgba(255,255,255,.14);font-size:13px}.play__through{position:absolute;left:0;right:0;top:0;height:2px;background:#ffffff12;pointer-events:none}.play__through i{display:block;height:100%;background:linear-gradient(90deg,hsla(var(--play-hue),90%,70%,.35),hsla(var(--play-hue),90%,78%,.85))}.app--playing .hud__name,.app--playing .hud__bpm,.app--playing .hud__source,.app--playing .transport,.app--playing .tabs{opacity:0;pointer-events:none}.play__result{position:absolute;left:50%;top:42%;transform:translate(-50%,-50%);display:flex;flex-direction:column;align-items:center;gap:8px;padding:28px 44px;border-radius:18px;background:#04050ac2;border:1px solid rgba(255,255,255,.14);pointer-events:auto;text-align:center;animation:said .32s cubic-bezier(.2,.7,.3,1)}.play__grade{font-size:76px;font-weight:200;line-height:1;letter-spacing:.02em;text-shadow:0 0 40px hsla(var(--play-hue),95%,70%,.6)}.play__final{font-size:26px;font-weight:300;font-variant-numeric:tabular-nums}.play__detail{font-size:12px;letter-spacing:.14em;text-transform:uppercase;color:var(--muted)}.play__coach{max-width:34ch;margin-top:4px;font-size:13px;line-height:1.45;color:#ffffffd1}.board__tell{margin-top:14px;padding:0;border:0;background:none;color:inherit;font:inherit;font-size:.8rem;opacity:.4;text-decoration:underline;cursor:pointer}.board__tell:disabled{text-decoration:none;cursor:default}.play__video--sound{inset:auto 0 0;display:flex;justify-content:center;padding:0 12px calc(12px + env(safe-area-inset-bottom));pointer-events:auto}.play__video--sound>div{width:min(560px,92vw)}.play__video--sound iframe{display:block;width:100%;border-radius:10px}.board__ask{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin-top:10px}.board__ask label{width:100%;font-size:.85rem;opacity:.75}.board__ask input{flex:1;min-width:160px;padding:8px 10px;border:1px solid rgba(255,255,255,.16);border-radius:8px;background:#ffffff0d;color:inherit;font:inherit}.board__ask--sets{flex-direction:column;align-items:stretch}.board__set{display:flex;justify-content:space-between;width:100%}.board__set span{opacity:.5}.board__newset{display:flex;gap:8px}.board__setnote{margin:8px 0 0;font-size:.86rem;opacity:.8}.shelf__who{color:#94cff9e6;font-size:.82rem;white-space:nowrap}.shelf{gap:0;padding:24px 16px 48px}.shelf__head{display:flex;align-items:baseline;justify-content:space-between;width:min(560px,92vw);margin-bottom:16px}.shelf__head h1{margin:0;font-size:1.4rem}.shelf__home,.home__made{color:#94cff9f2;text-decoration:none;font-size:.9rem}.home__made{margin-top:14px}.shelf__kinds{display:flex;gap:8px;width:min(560px,92vw);margin-bottom:14px}.shelf__kinds button{flex:1;padding:8px;border:1px solid rgba(255,255,255,.08);border-radius:8px;background:#080a1299;backdrop-filter:blur(10px);color:inherit;font:inherit;cursor:pointer}.shelf__kinds button.active{background:#0c87df80;border-color:#6ebef766}.shelf__order{display:flex;gap:12px;width:min(560px,92vw);margin-bottom:14px}.shelf__order button{padding:0;border:0;background:none;color:inherit;font:inherit;font-size:.85rem;opacity:.45;cursor:pointer}.shelf__order button.active{opacity:1;text-decoration:underline}.backdrop{position:fixed;inset:0;z-index:0;pointer-events:none;background:radial-gradient(58% 44% at 16% 8%,hsla(262,95%,52%,.72),transparent 68%),radial-gradient(54% 40% at 88% 18%,hsla(320,92%,55%,.58),transparent 66%),radial-gradient(66% 52% at 64% 92%,hsla(190,95%,48%,.5),transparent 70%),radial-gradient(44% 34% at 34% 60%,hsla(214,95%,55%,.4),transparent 68%),#05060a}.backdrop:before{content:"";position:absolute;inset:-20%;background-image:radial-gradient(1.4px 1.4px at 12% 18%,rgba(255,255,255,.9),transparent),radial-gradient(1.1px 1.1px at 62% 8%,rgba(214,236,255,.85),transparent),radial-gradient(1.6px 1.6px at 84% 44%,rgba(255,255,255,.8),transparent),radial-gradient(1px 1px at 34% 62%,rgba(226,214,255,.75),transparent),radial-gradient(1.3px 1.3px at 72% 76%,rgba(255,255,255,.8),transparent),radial-gradient(1px 1px at 22% 88%,rgba(198,240,255,.7),transparent),radial-gradient(1.5px 1.5px at 48% 32%,rgba(255,255,255,.7),transparent),radial-gradient(1px 1px at 92% 68%,rgba(255,226,246,.7),transparent);background-size:34% 34%;animation:driftstars 150s linear infinite;opacity:.7}@keyframes driftstars{0%{transform:translateZ(0)}to{transform:translate3d(-34%,-34%,0)}}@media(prefers-reduced-motion:reduce){.backdrop:before{animation:none}}.backdrop canvas{position:absolute;inset:0;width:100%;height:100%;display:block;opacity:0;transition:opacity 1.6s ease}.backdrop--lit canvas{opacity:1}.backdrop:after{content:"";position:absolute;inset:0;background:linear-gradient(to right,#05060ab8,#05060a29 62%,#05060a1a),linear-gradient(to bottom,#05060a66,#05060a14 40%,#05060a80)}.home>*:not(.backdrop):not(.intro):not(.nav):not(.me),.shelf>*:not(.backdrop):not(.intro):not(.nav):not(.me){position:relative;z-index:1}.intro{position:fixed;inset:0;z-index:40;display:flex;align-items:center;justify-content:center;padding:24px;background:#05060af7;opacity:1;transition:opacity .24s ease}.intro--going{opacity:0}.intro__middle{max-width:460px;text-align:left}.intro__over{margin:0;font-size:11px;letter-spacing:.32em;text-transform:uppercase;color:#94cff9cc}.intro__what{margin:10px 0 24px;font-size:clamp(1.7rem,6vw,2.5rem);line-height:1.15;font-weight:600}.intro__steps{margin:0 0 28px;padding:0;list-style:none;counter-reset:step}.intro__steps li{position:relative;margin-bottom:14px;padding-left:34px;line-height:1.5;color:var(--muted)}.intro__steps li b{color:#fffffff0;font-weight:500}.intro__steps li:before{counter-increment:step;content:counter(step);position:absolute;left:0;top:1px;width:22px;height:22px;border-radius:50%;background:#3da8f538;color:#a8d8fa;font-size:12px;display:grid;place-items:center}.intro__go{padding:12px 26px;border:0;border-radius:10px;background:#34a4f4e6;color:#05060a;font:inherit;font-weight:600;cursor:pointer}.intro__go:hover{background:#5ab5f6}.intro__small{margin:16px 0 0;font-size:.8rem;color:var(--muted)}.maker__block{align-self:flex-start;margin-top:18px;padding:0;border:0;background:none;color:var(--muted);font:inherit;font-size:.8rem;text-decoration:underline;cursor:pointer}.maker__hidden{width:min(560px,92vw);margin:0 0 14px;padding:10px 12px;border-radius:10px;background:#a3352929;font-size:.84rem;line-height:1.45}.page{max-width:640px;margin:0 auto;padding:40px 20px calc(48px + env(safe-area-inset-bottom))}.page>*:not(.backdrop):not(.nav){position:relative;z-index:1}.page__head{margin-bottom:26px}.page__back{display:inline-block;margin-bottom:14px;color:#94cff9e6;font-size:.85rem;text-decoration:none}.page h1{margin:0;font-size:clamp(1.6rem,5vw,2.2rem);font-weight:600}.page h2{margin:0 0 8px;font-size:1rem;font-weight:600;color:#a8d8faf2}.page section{margin-bottom:26px}.page p{margin:0 0 10px;line-height:1.6;color:var(--muted)}.page__small{padding-top:14px;border-top:1px solid rgba(255,255,255,.1);font-size:.82rem;opacity:.7}.home__fine{margin-top:10px;color:var(--muted);font-size:.78rem;text-decoration:none}.home__fine:hover{text-decoration:underline}.nav{position:fixed;top:calc(14px + env(safe-area-inset-top));left:calc(16px + env(safe-area-inset-left));z-index:30;display:flex;align-items:center;gap:4px;width:max-content;padding:5px 6px;border:1px solid rgba(255,255,255,.12);border-radius:999px;background:#080a12b8;backdrop-filter:blur(10px);max-width:calc(100vw - 130px);overflow-x:auto;scrollbar-width:none}.nav::-webkit-scrollbar{display:none}.nav__mark{padding:4px 10px;color:#d4b1fbf2;font-size:.78rem;font-weight:600;letter-spacing:.12em;text-transform:uppercase;text-decoration:none;white-space:nowrap}.nav__way{padding:4px 11px;border-radius:999px;color:var(--muted);font-size:.8rem;text-decoration:none;white-space:nowrap}.nav__way:hover{color:#fffffff2;background:#ffffff14}.nav__way--now{color:#fffffff5;background:#0d93f257}.home,.shelf,.page{padding-top:calc(68px + env(safe-area-inset-top))}.me{position:fixed;top:calc(14px + env(safe-area-inset-top));right:calc(16px + env(safe-area-inset-right));z-index:30;display:flex;flex-direction:column;align-items:flex-end;gap:8px}.me__who{padding:7px 14px;border:1px solid rgba(255,255,255,.16);border-radius:999px;background:#0a0c14b3;backdrop-filter:blur(8px);color:inherit;font:inherit;font-size:.82rem;cursor:pointer}.me__who:hover{border-color:#ffffff57}.me__panel{width:min(320px,88vw);padding:14px;border:1px solid rgba(255,255,255,.14);border-radius:12px;background:#0a0c14f0;backdrop-filter:blur(10px)}.me__panel label{display:block;margin-bottom:8px;font-size:.78rem;color:var(--muted)}.me__row{display:flex;gap:6px}.me__row input{flex:1;min-width:0;padding:8px 10px;border:1px solid rgba(255,255,255,.16);border-radius:8px;background:#ffffff0d;color:inherit;font:inherit;font-size:.86rem}.me__row button{padding:8px 12px;border:0;border-radius:8px;background:#34a4f4e6;color:#05060a;font:inherit;font-size:.82rem;font-weight:600;cursor:pointer}.me__note{margin:10px 0 0;font-size:.78rem;color:#7ef1cbf2}.me__opt{display:flex;gap:8px;align-items:flex-start;margin-top:12px;font-size:.76rem;line-height:1.4;color:var(--muted);cursor:pointer}.me__opt input{margin:2px 0 0;accent-color:hsl(205,90%,58%)}.me__out{margin-top:12px;padding:0;border:0;background:none;color:var(--muted);font:inherit;font-size:.78rem;text-decoration:underline;cursor:pointer}.me__gone{display:block;margin-top:14px;padding:0;border:0;background:none;color:#f08275bf;font:inherit;font-size:.76rem;text-decoration:underline;cursor:pointer}.me__gone--now{padding:7px 12px;border-radius:8px;background:#e73623e6;color:#fff;text-decoration:none}.me__warn{margin:12px 0 0;font-size:.76rem;line-height:1.45;color:var(--muted)}.takes{display:flex;flex-wrap:wrap;gap:6px;margin:10px 0 0;padding:0;list-style:none}.takes li{padding:4px 10px;border:1px solid rgba(255,255,255,.12);border-radius:999px;font-size:.76rem;color:var(--muted)}.reads{margin:10px 0 0;font-size:.85rem;color:#75f0c7f2}.reads--no{color:#f8a277e6}.doors{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:12px;margin:30px 0 8px}.door{position:relative;display:flex;flex-direction:column;gap:5px;padding:20px;border:1px solid rgba(255,255,255,.1);border-radius:16px;overflow:hidden;color:inherit;text-decoration:none;background:#ffffff0a;transition:transform .16s ease,border-color .16s ease}.door:before{content:"";position:absolute;inset:0;opacity:.5;transition:opacity .16s ease}.door--play:before{background:radial-gradient(120% 100% at 0% 0%,hsla(190,95%,55%,.28),transparent 62%)}.door--make:before{background:radial-gradient(120% 100% at 100% 0%,hsla(300,92%,62%,.28),transparent 62%)}.door:hover{transform:translateY(-2px);border-color:#ffffff3d}.door:hover:before{opacity:1}.door>*{position:relative}.door__kind{font-size:10px;letter-spacing:.28em;text-transform:uppercase;opacity:.75}.door__title{font-size:1.12rem;font-weight:600}.door__what{font-size:.86rem;line-height:1.45;color:var(--muted)}.home__made-list{width:100%;margin-top:6px}.invite__maker{margin-top:12px;color:#94cff9d9;font-size:.85rem;text-decoration:none}.invite__maker:hover{text-decoration:underline}.card{margin-bottom:10px}.card__rename{margin:4px 0 0 8px;padding:4px 10px;border:1px solid rgba(255,255,255,.16);border-radius:999px;background:transparent;color:var(--muted);font:inherit;font-size:.76rem;cursor:pointer}.card__rename:hover{border-color:#ffffff57;color:var(--text)}.card__naming{display:flex;gap:6px;margin:6px 0 0}.card__naming input{flex:1;min-width:0;padding:7px 10px;border:1px solid rgba(255,255,255,.18);border-radius:8px;background:#080a12b3;color:inherit;font:inherit;font-size:.86rem}.card__naming button{padding:7px 12px;border:1px solid rgba(255,255,255,.18);border-radius:8px;background:#ffffff0f;color:inherit;font:inherit;font-size:.8rem;cursor:pointer}.card__naming button[disabled]{opacity:.5;cursor:default}.card__go{display:flex;align-items:center;gap:12px;padding:8px;border-radius:12px;background:#ffffff0b;color:inherit;text-decoration:none;transition:background .14s ease,transform .14s ease}.card__go:hover{background:#ffffff1a;transform:translateY(-1px)}.card__art{position:relative;flex:0 0 auto;width:92px;aspect-ratio:16 / 9;border-radius:8px;overflow:hidden;background:#12131a}.card__art img{width:100%;height:100%;object-fit:cover;display:block}.card__none{display:block;width:100%;height:100%;background:linear-gradient(140deg,#22284f,#2d1c3f)}.card__play{position:absolute;inset:0;opacity:0;background:#0000006b;transition:opacity .14s ease}.card__play:after{content:"";position:absolute;top:50%;left:50%;transform:translate(-40%,-50%);border-style:solid;border-width:7px 0 7px 12px;border-color:transparent transparent transparent #fff}.card__go:hover .card__play{opacity:1}.card__words{min-width:0;display:flex;flex-direction:column;gap:3px}.card__title{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:500}.card__under{font-size:.8rem;opacity:.55}.card__who{display:inline-block;padding:3px 8px 0;color:#94cff9e6;font-size:.8rem;text-decoration:none}.card__who:hover{text-decoration:underline}.shelf__find{width:min(560px,92vw);margin-bottom:12px;padding:9px 12px;border:1px solid rgba(255,255,255,.14);border-radius:10px;background:#ffffff0d;color:inherit;font:inherit;font-size:.88rem}.shelf__list{width:min(560px,92vw);margin:0 0 16px;padding:0;list-style:none}.shelf__by,.shelf__when{opacity:.55;font-size:.82rem;white-space:nowrap}.shelf__empty{width:min(560px,92vw);opacity:.7;line-height:1.5}.watch__seen{position:fixed;inset:0;z-index:0;pointer-events:none;opacity:0;transition:opacity 1.4s ease}.watch__seen--lit{opacity:.75}.watch__seen canvas{position:absolute;inset:0;width:100%;height:100%;display:block}.watch__seen:after{content:"";position:absolute;inset:0;background:radial-gradient(ellipse at 50% 45%,#05060a33,#05060acc)}.forge>*:not(.watch__seen){position:relative;z-index:1}.watch__player{width:min(420px,84vw);aspect-ratio:16 / 9;margin-bottom:18px;border-radius:12px;overflow:hidden;background:#000}.watch__player iframe{width:100%;height:100%;border:0}.forge__through{width:min(420px,84vw);height:3px;margin:12px 0;border-radius:999px;overflow:hidden;background:#ffffff1f}.forge__through i{display:block;height:100%;background:#6ebef7e6;transition:width .4s linear}.board__next{display:block;margin:4px 0 10px;padding:10px 18px;border-radius:999px;border:1px solid hsla(var(--play-hue, 205),80%,60%,.5);background:hsla(var(--play-hue, 205),80%,60%,.12);color:var(--text);font-size:12px;letter-spacing:.08em;text-align:center;text-decoration:none}.set{width:min(560px,92vw);margin-top:12px}.set__head{display:flex;gap:8px;align-items:center;margin-bottom:10px}.set__head .text{flex:1}.set__drop{color:#ff9696e6}.set__row{display:flex;gap:6px;align-items:center}.set__row .catalog__row{flex:1}.play__video{position:fixed;inset:0;z-index:0;overflow:hidden;pointer-events:none;background:#000}.play__video iframe{position:absolute;top:50%;left:50%;width:100vw;height:56.25vw;min-width:177.78vh;min-height:100vh;border:0;transform:translate(-50%,-50%)}.play__video i{position:absolute;inset:0}.play__dim{position:fixed;left:50%;top:calc(10px + env(safe-area-inset-top));z-index:40;display:flex;align-items:center;gap:10px;padding:6px 12px;border-radius:999px;transform:translate(-50%);background:#04050a99;border:1px solid rgba(255,255,255,.14);pointer-events:auto;opacity:.35;transition:opacity .2s ease}.play__dim:hover,.play__dim:focus-within{opacity:1}.play__dim span{font-size:10px;letter-spacing:.16em;text-transform:uppercase;color:var(--muted);white-space:nowrap}.play__dim input{width:120px}.play__videonote{position:fixed;left:50%;top:12%;z-index:40;transform:translate(-50%);text-align:center}.play__again{display:flex;gap:10px;margin-top:10px}.play__calibrating{position:absolute;left:50%;top:44%;transform:translate(-50%);display:flex;flex-direction:column;align-items:center;gap:6px;padding:18px 26px;border-radius:14px;background:#04050ab8;border:1px solid rgba(255,255,255,.14);pointer-events:none;text-align:center}.play__calibrating strong{font-size:15px;font-weight:500}.play__calibrating span{font-size:12px;letter-spacing:.16em;text-transform:uppercase;color:var(--muted)}.play__measure{width:auto!important;border-radius:999px!important;padding:6px 12px!important;font-variant-numeric:tabular-nums}.gone{position:absolute;left:50%;bottom:calc(190px + env(safe-area-inset-bottom));transform:translate(-50%);margin:0;padding:8px 14px;border-radius:10px;background:#04050ab3;border:1px solid var(--line);color:var(--muted);font-size:13px;white-space:nowrap;pointer-events:none}.hit:active{transform:scale(.92);background:hsla(var(--hit-hue),90%,60%,.34)}.players{position:absolute;left:16px;bottom:calc(96px + env(safe-area-inset-bottom));display:flex;flex-wrap:wrap;gap:4px 10px;max-width:50vw;font-size:13px;font-weight:600;pointer-events:none;text-shadow:0 1px 6px rgba(0,0,0,.8)}.players__one--run{text-shadow:0 1px 6px rgba(0,0,0,.8),0 0 14px currentColor}.players--wall{left:2.2vmin;bottom:2.2vmin;max-width:60vw;gap:.4vmin 1.6vmin;font-size:2vmin}.code-display{margin:4px 0 0;font-size:30px;font-weight:700;letter-spacing:.24em;-webkit-user-select:all;user-select:all}.join{position:absolute;right:2.2vmin;bottom:2.2vmin;display:flex;flex-direction:column;align-items:flex-end;gap:.2vmin;padding:1.4vmin 2vmin;border-radius:1.4vmin;background:#04050a8c;border:1px solid rgba(255,255,255,.14);pointer-events:none;text-shadow:0 1px 6px rgba(0,0,0,.8)}.join__where{font-size:1.7vmin;color:var(--muted)}.join__code{font-size:4.4vmin;font-weight:700;letter-spacing:.2em;line-height:1.1}.join__what{font-size:1.5vmin;letter-spacing:.14em;text-transform:uppercase;color:var(--muted)}.status{color:var(--muted);font-size:13px;line-height:1.45;margin:10px 0 0}.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:8px}.card{display:flex;flex-direction:column;gap:4px;text-align:left;padding:12px}.card strong{font-size:14px}.card span{font-size:12px;color:var(--muted);line-height:1.35}.card.active span{color:#05060ab8}.param{display:block;margin:12px 0}.param--inline{display:flex;justify-content:space-between;align-items:center}.param__label{display:flex;justify-content:space-between;font-size:13px;color:var(--muted);margin-bottom:5px}.param__label em{font-style:normal;color:var(--text);font-variant-numeric:tabular-nums}.param input[type=range]{width:100%;accent-color:var(--accent)}.param select{width:100%}.progress{height:8px;border-radius:999px;background:#ffffff1a;overflow:hidden;margin-bottom:10px}.progress__fill{height:100%;background:var(--accent);transition:width .12s linear}.tabs{pointer-events:auto;display:flex;gap:2px;padding:6px 8px calc(6px + env(safe-area-inset-bottom));background:var(--panel);backdrop-filter:blur(24px);border-top:1px solid var(--line)}.tabs button{flex:1;border:none;background:transparent;border-radius:10px;font-size:11px;padding:8px 4px;display:flex;flex-direction:column;align-items:center;gap:3px;color:var(--muted)}.tabs button.active{color:var(--accent);background:#8fd0ff1f;font-weight:600}.tabs__glyph{font-size:15px;line-height:1}@media(min-width:900px){.chrome{inset:0 auto 0 0;width:380px;flex-direction:column-reverse}.sheet{max-height:none;flex:1;border-top:none;border-right:1px solid var(--line)}.tabs{border-top:none;border-bottom:1px solid var(--line);border-right:1px solid var(--line)}.app--bare .chrome{width:auto}.hud{left:400px}.app--bare .hud{left:16px}.app .transport{left:400px}.app--bare .transport{left:16px}}.hud__party{margin-left:auto;pointer-events:auto;font:inherit;letter-spacing:inherit;text-transform:inherit;color:var(--muted);background:#0c0e148c;border:1px solid rgba(255,255,255,.14);border-radius:999px;padding:4px 12px;cursor:pointer}.hud__party:hover,.hud__party.active{color:var(--text);border-color:#fff6}.app--party .hud,.app--party .chrome,.app--party .transport{transition:opacity .42s ease}.app--hidden .hud,.app--hidden .chrome,.app--hidden .transport{opacity:0;pointer-events:none}.invite{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;padding:32px;text-align:center;pointer-events:auto}.invite__title{font-size:26px;font-weight:300;letter-spacing:.01em;color:var(--text);text-shadow:0 2px 24px rgba(0,0,0,.8)}.invite__artist{font-size:12px;letter-spacing:.24em;text-transform:uppercase;color:var(--muted)}.invite__start{margin-top:14px;padding:12px 40px;border-radius:999px;border:1px solid rgba(255,255,255,.35);background:#ffffff0f;backdrop-filter:blur(18px);color:var(--text);font-size:13px;letter-spacing:.2em;text-transform:uppercase;cursor:pointer}.invite__start:hover{border-color:#fff9}.invite__note{max-width:30ch;font-size:11px;line-height:1.6;color:#fff6}.invite__note--bad{max-width:34ch;color:#ffb4a2}.code-display--link{font-size:12px;letter-spacing:0;word-break:break-all;text-transform:none}.app--hidden{cursor:none}.meter{position:absolute;top:calc(40px + env(safe-area-inset-top));right:16px;z-index:6;display:flex;flex-direction:column;align-items:flex-end;gap:1px;padding:6px 10px;border-radius:10px;background:#06080cc7;border:1px solid var(--line);backdrop-filter:blur(10px);font-family:ui-monospace,SF Mono,Menlo,monospace;font-size:10px;line-height:1.5;color:var(--muted);pointer-events:auto;cursor:pointer;font-variant-numeric:tabular-nums}.meter__probe{margin-top:3px;padding-top:3px;border-top:1px solid var(--line);color:var(--text)}.meter b{font-size:15px;font-weight:600;color:var(--text)}.meter--slow b,.meter .bad{color:#ffb4a2}.practice__note{font-size:11px;opacity:.6;text-align:center}.play__access-open{font-size:11px;align-self:flex-end}.play__access{display:flex;flex-direction:column;gap:6px;align-items:flex-end;font-size:12px;text-transform:none;letter-spacing:.01em}.play__access label{display:flex;align-items:center;gap:6px;cursor:pointer}.play__access input{accent-color:rgb(190,255,225)}.board__clip{font-size:13px;background:#beffe124;border-color:#beffe166}.board__cliphint{font-size:11px;opacity:.7;text-align:center}.invite__howto{font-size:12px;color:var(--muted);letter-spacing:.01em}