:root{--bg0: #0e0e13;--bg1: #13131a;--magenta: #ff3af3;--magenta-text: #ff9df8;--magenta-fill: rgba(255, 58, 243, .12);--magenta-stroke: rgba(255, 58, 243, .4);--amber: #f7d146;--amber-grad: linear-gradient(180deg, #f9dd63, #f7d146);--on-amber: #221a04;--cyan: #5ee6ff;--green: #7de89a;--red: #ff5a6e;--salmon: #ff9d6e;--salmon-soft: #ffc0b0;--salmon-fill: rgba(255, 110, 90, .09);--ink: #f5f2ec;--ink75: rgba(240, 236, 246, .75);--ink55: rgba(240, 236, 246, .55);--ink40: rgba(240, 236, 246, .4);--ink35: rgba(240, 236, 246, .35);--ink10: rgba(240, 236, 246, .1);--ink08: rgba(240, 236, 246, .08);--ink05: rgba(240, 236, 246, .05);--ink03: rgba(240, 236, 246, .03);--panel: rgba(14, 13, 20, .55);--input-bg: #101017;--r0: #2a1e4d;--r1: #1b1533;--r2: #13131a;--r3: #0e0e13;--bloom: rgba(255, 58, 243, .14);--f-display: "Syne", sans-serif;--f-ui: "Manrope", -apple-system, sans-serif;--f-mono: "JetBrains Mono", ui-monospace, monospace;--rad-btn: 12px;--rad-card: 16px;--rad-player: 18px}*{box-sizing:border-box;margin:0;padding:0}html,body,#root{height:100%}body{background:var(--bg0);color:var(--ink);font-family:var(--f-ui);font-size:15px;line-height:1.5;-webkit-font-smoothing:antialiased;overflow-x:hidden}button{font-family:var(--f-ui);border:none;cursor:pointer;color:inherit;background:none}input{font-family:var(--f-ui);border:none;outline:none;color:var(--ink)}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}::selection{background:#ff3af359}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-thumb{background:var(--ink10);border-radius:999px}::-webkit-scrollbar-track{background:transparent}.room{position:relative;min-height:100dvh;min-height:100vh;background:radial-gradient(110% 90% at 50% -10%,var(--r0) 0%,var(--r1) 38%,var(--r2) 70%,var(--r3) 100%);transition:--r0 .9s,--r1 .9s,--r2 .9s,--r3 .9s}.room--level{background:radial-gradient(110% 100% at 50% 30%,var(--r0) 0%,var(--r1) 40%,var(--r2) 72%,var(--r3) 100%)}.room:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background:repeating-radial-gradient(circle at 50% -10%,rgba(255,255,255,.024) 0 1px,transparent 1px 8px)}.room--level:before{background:repeating-radial-gradient(circle at 50% 30%,rgba(255,255,255,.02) 0 1px,transparent 1px 8px)}.bloom{position:absolute;pointer-events:none;border-radius:50%;filter:blur(80px);background:var(--bloom)}.display{font-family:var(--f-display);font-weight:800;letter-spacing:-.02em}.mono{font-family:var(--f-mono)}.label{font-family:var(--f-mono);font-weight:600;font-size:11px;letter-spacing:.28em;text-transform:uppercase;color:var(--ink40)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;height:56px;padding:0 34px;border-radius:var(--rad-btn);font-weight:700;font-size:15px;transition:transform .15s,box-shadow .2s,filter .2s,opacity .2s;-webkit-user-select:none;user-select:none}.btn:active{transform:scale(.97)}.btn:disabled{cursor:not-allowed}.btn--amber{background:var(--amber-grad);color:var(--on-amber);box-shadow:0 8px 30px #f7d14642}.btn--amber:hover{filter:brightness(1.06)}.btn--amber:disabled{background:none;box-shadow:inset 0 0 0 1px #f7d14640;color:#f7d14680;filter:none}.btn--magenta{background:var(--magenta);color:#14060f;box-shadow:0 8px 30px #ff3af33d}.btn--magenta:hover{filter:brightness(1.08)}.btn--ghost{box-shadow:inset 0 0 0 1px var(--ink10);color:var(--ink55);height:52px}.btn--ghost:hover{color:var(--ink);box-shadow:inset 0 0 0 1px #f0ecf638}@keyframes pulse-ring{0%,to{box-shadow:0 8px 30px #f7d14642,0 0 #f7d14647}50%{box-shadow:0 8px 30px #f7d1464d,0 0 0 10px #f7d14600}}.btn--pulse{animation:pulse-ring 3.2s ease-in-out infinite}.input{height:56px;background:var(--input-bg);border-radius:var(--rad-btn);padding:0 16px;font-size:15px;box-shadow:inset 0 0 0 1px var(--ink08);transition:box-shadow .2s}.input:focus-within,.input:focus{box-shadow:inset 0 0 0 1px var(--magenta-stroke),0 0 24px #ff3af31f}.input::placeholder{color:var(--ink40)}.panel{background:var(--panel);border-radius:var(--rad-card);box-shadow:inset 0 0 0 1px var(--ink08);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.chip{display:inline-flex;align-items:center;gap:8px;height:34px;padding:0 14px;border-radius:999px;font-family:var(--f-mono);font-size:11.5px;font-weight:600;letter-spacing:.14em;text-transform:uppercase;white-space:nowrap}.chip--neutral{box-shadow:inset 0 0 0 1px var(--ink08);color:var(--ink35)}.chip--magenta{background:var(--magenta-fill);box-shadow:inset 0 0 0 1px var(--magenta-stroke);color:var(--magenta-text);cursor:pointer}.chip--amber{background:#f7d1461a;box-shadow:inset 0 0 0 1px #f7d14666;color:var(--amber)}.chip--cyan{background:#5ee6ff17;box-shadow:inset 0 0 0 1px #5ee6ff59;color:var(--cyan)}.chip--green{background:#7de89a17;box-shadow:inset 0 0 0 1px #7de89a59;color:var(--green)}@keyframes spin{to{transform:rotate(360deg)}}.spin-ring{width:14px;height:14px;border-radius:50%;border:2px solid var(--ink10);border-top-color:var(--amber);animation:spin 1s linear infinite;flex:none}.spin-slow{animation:spin 12s linear infinite}.spin-slower{animation:spin 22s linear infinite}.spin-mini{animation:spin 3s linear infinite}.wordmark{position:relative;display:inline-block;font-family:var(--f-display);font-weight:800;letter-spacing:-.02em;line-height:1;-webkit-user-select:none;user-select:none;transform-origin:bottom center}.wordmark>span{display:block}.wordmark__ghost{position:absolute;top:0;right:0;bottom:0;left:0;color:transparent}.wordmark__ghost--amber{-webkit-text-stroke:2px var(--amber);transform:translate(-14px,10px)}.wordmark__ghost--magenta{-webkit-text-stroke:2px var(--magenta);transform:translate(-7px,5px)}.wordmark__top{position:relative;color:var(--ink);text-shadow:0 0 60px rgba(255,58,243,.35)}.wordmark--sm .wordmark__ghost--amber{-webkit-text-stroke-width:1px;transform:translate(-4px,3px)}.wordmark--sm .wordmark__ghost--magenta{-webkit-text-stroke-width:1px;transform:translate(-2px,1.5px)}@keyframes sway{0%,to{transform:rotate(-1.2deg)}50%{transform:rotate(1.2deg)}}.wordmark--sway{animation:sway 7s ease-in-out infinite}@media(prefers-reduced-motion:reduce){.wordmark--sway,.btn--pulse{animation:none}}.record{position:relative;border-radius:50%;display:grid;place-items:center;background:repeating-radial-gradient(circle at 50% 50%,rgba(255,255,255,.05) 0 1px,transparent 1px 5px),radial-gradient(circle at 50% 50%,#1a1a20,#0b0b0f 70%,#060608);box-shadow:0 20px 60px #00000080,inset 0 0 30px #0009;flex:none}.record__label{position:relative;border-radius:50%;overflow:hidden;display:grid;place-items:center;box-shadow:inset 0 0 0 1px #ffffff14}.record__label img{width:100%;height:100%;object-fit:cover}.record__brandlabel{width:100%;height:100%;background:conic-gradient(from 0deg,#ff3af3,#f7d146,#5ee6ff,#ff3af3)}.record__spindle{position:absolute;width:12px;height:12px;border-radius:50%;background:#f5f2ec;box-shadow:0 0 0 2px #0006;z-index:2}.turntable{position:relative;display:grid;place-items:center}.turntable__ring{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}.turntable__arc{transition:stroke .3s}.turntable__arc--urgent{stroke:var(--red);animation:arc-pulse 1s ease-in-out infinite}@keyframes arc-pulse{50%{opacity:.55}}.turntable__record{position:relative}.turntable__cover{width:100%;height:100%;object-fit:cover;will-change:filter}.turntable__badge{position:absolute;top:6px;right:6px;display:grid;justify-items:center;gap:2px;padding:8px 14px;border-radius:12px;background:#12111a;box-shadow:inset 0 0 0 1px #f7d14659;transition:box-shadow .3s}.turntable__badge--urgent{box-shadow:inset 0 0 0 1px var(--red);animation:arc-pulse 1s ease-in-out infinite}.turntable__time{font-size:30px;font-weight:700;line-height:1;color:var(--amber)}.turntable__badge--urgent .turntable__time{color:var(--red)}.identicon{border-radius:50%;display:grid;place-items:center;font-family:var(--f-display);font-weight:800;color:#0000008c;flex:none}.blanks{display:flex;flex-wrap:wrap;justify-content:center;gap:4px 22px;font-weight:700;letter-spacing:.12em;color:var(--ink75)}.blanks__word{white-space:nowrap}.hintrow{display:flex;gap:10px;justify-content:center;flex-wrap:wrap;min-height:34px}.board{padding:16px;display:flex;flex-direction:column;gap:12px;min-height:0}.board__title{margin-bottom:2px}.board__rows{display:flex;flex-direction:column;gap:4px;overflow-y:auto}.board__row{display:flex;align-items:center;gap:10px;padding:8px 10px;border-radius:10px;background:var(--ink03)}.board__row--top{background:#f7d1461a;box-shadow:inset 0 0 0 1px #f7d14640}.board__row--you{box-shadow:inset 0 0 0 1px var(--magenta-stroke)}.board__row--offline{opacity:.45}.board__rank{width:18px;font-size:13px;color:var(--ink40)}.board__name{flex:1;font-size:14px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.board__offline{color:var(--ink35);font-weight:400}.board__score{font-size:15px;font-weight:700}.board--compact{padding:0}.chat{display:flex;flex-direction:column;min-height:0;overflow:hidden}.chat:not(.chat--compact){padding:14px}.chat__header{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:10px}.chat__winnerchip{height:26px;font-size:10px}.chat__scroll{flex:1;overflow-y:auto;display:flex;flex-direction:column;gap:6px;padding-right:4px}.chat__row{font-size:14px;line-height:1.4;word-break:break-word}.chat__row--system{color:var(--ink35);font-size:11px;letter-spacing:.04em}.chat__row--correct{color:var(--amber);font-weight:700;background:#f7d14614;padding:4px 8px;border-radius:8px}.chat__row--private{color:var(--amber);font-weight:700}.chat__row--nearmiss{color:var(--magenta-text)}.chat__row--winners{opacity:.6}.chat__name{font-weight:700}.chat__name--amber{color:var(--amber)}.chat__name--magenta{color:var(--magenta-text)}.chat__name--cyan{color:var(--cyan)}.chat__name--green{color:var(--green)}.chat__inputrow{display:flex;gap:8px;margin-top:12px}.chat__input{flex:1;height:46px}.chat__input--winners:focus-within,.chat__input--winners{box-shadow:inset 0 0 0 1px #f7d14680}.chat__send{width:46px;height:46px;flex:none;border-radius:12px;background:var(--magenta);color:#14060f;font-size:18px}.toasts{position:fixed;left:0;right:0;bottom:24px;display:flex;flex-direction:column;align-items:center;gap:8px;pointer-events:none;z-index:100}.toast{pointer-events:auto;max-width:min(90vw,460px);padding:14px 20px;border-radius:12px;font-size:14px;font-weight:600;text-align:center}.toast--error{background:var(--salmon-fill);color:var(--salmon-soft);box-shadow:inset 0 0 0 1px #ff6e5a66}.toast--info{background:var(--magenta-fill);color:var(--magenta-text);box-shadow:inset 0 0 0 1px var(--magenta-stroke)}.confetti{position:fixed;top:0;right:0;bottom:0;left:0;width:100%;height:100%;pointer-events:none;z-index:40}.room{display:flex;flex-direction:column}.landing{align-items:center;justify-content:center;overflow:hidden}.landing__record{position:absolute;top:-190px;left:50%;transform:translate(-50%);opacity:.9}.landing__center{position:relative;z-index:2;display:flex;flex-direction:column;align-items:center;gap:26px;text-align:center;padding:0 20px}.landing__tagline{color:var(--ink55);font-weight:500;font-size:17px;margin-top:-6px}.landing__name{display:flex;flex-direction:column;align-items:center;gap:8px}.landing__nameinput{display:flex;align-items:center;gap:6px;padding:4px 4px 4px 18px;background:var(--input-bg);border-radius:999px;box-shadow:inset 0 0 0 1px var(--ink08);transition:box-shadow .2s}.landing__nameinput:focus-within{box-shadow:inset 0 0 0 1px var(--magenta-stroke)}.landing__nameinput input{width:150px;background:none;font-weight:600;font-size:15px;text-align:center}.landing__reroll{width:34px;height:34px;border-radius:50%;background:var(--ink05);font-size:15px;transition:background .2s,transform .15s}.landing__reroll:hover{background:var(--ink10)}.landing__reroll:active{transform:rotate(90deg) scale(.9)}.landing__join{display:flex;height:56px;border-radius:var(--rad-btn);box-shadow:inset 0 0 0 1px var(--magenta-stroke),0 8px 30px #00000080;overflow:hidden}.landing__joininput{display:flex;align-items:center;gap:10px;padding:0 16px;background:var(--input-bg)}.landing__glowdot{width:8px;height:8px;border-radius:50%;background:var(--magenta);box-shadow:0 0 12px var(--magenta);flex:none}.landing__joininput input{width:190px;background:none;font-family:var(--f-mono);font-size:18px;letter-spacing:.35em}.landing__joininput input::placeholder{color:var(--ink40);letter-spacing:.35em}.landing__joinbtn{padding:0 26px;background:var(--magenta);color:#14060f;font-weight:700}.landing__joinbtn:hover{filter:brightness(1.08)}.landing__or{display:flex;align-items:center;gap:14px;width:280px}.landing__orline{flex:1;height:1px;background:linear-gradient(90deg,transparent,var(--ink10),transparent)}.landing__ortext{font-size:11px;color:var(--ink40);letter-spacing:.3em}.landing__nowplaying{position:absolute;bottom:20px;right:24px;display:flex;align-items:center;gap:8px;font-size:12px;color:var(--ink40);z-index:2}.landing__npring{width:14px;height:14px;border-radius:50%;border:2px solid var(--ink10);border-top-color:var(--amber);flex:none}.host,.lobby{padding:24px clamp(20px,5vw,56px);gap:24px}.host{height:100dvh;overflow:hidden}.host__header,.lobby__header,.level__header{display:flex;align-items:center;justify-content:space-between;position:relative;z-index:2}.host__connect{height:44px;padding:0 22px}.host__body{display:grid;grid-template-columns:330px 1fr;gap:32px;flex:1;min-height:0;position:relative;z-index:2}.host__rail{display:flex;flex-direction:column;gap:20px}.host__title{font-size:32px}.host__explainer{color:var(--ink55);font-size:14px}.host__levels{display:flex;flex-direction:column;gap:8px;margin-top:8px}.stepper{display:flex;align-items:center;height:52px;border-radius:var(--rad-btn);box-shadow:inset 0 0 0 1px var(--ink08);overflow:hidden;width:fit-content}.stepper__btn{width:52px;height:52px;font-size:22px;color:var(--ink75)}.stepper__btn:hover{background:var(--ink05)}.stepper__val{width:60px;text-align:center;font-size:20px;font-weight:700;color:var(--amber)}.host__range{font-size:11.5px;color:var(--ink40)}.host__cta{margin-top:auto;display:flex;flex-direction:column;gap:10px}.host__selected{font-size:11px;color:var(--ink40);text-align:center}.host__main{min-height:0;overflow-y:auto;display:flex;flex-direction:column;gap:8px;padding-right:4px}.host__sectionlabel{margin:2px 0}.host__sec{display:flex;flex-direction:column;gap:8px}.host__sectionhead{display:flex;align-items:center;gap:12px;margin-top:16px}.host__featured{display:flex;gap:14px}.host__featured>.crate{flex:1 1 0;min-width:0}.host__lockchip{height:24px;font-size:10px;letter-spacing:.14em}.host__row{display:grid;grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:16px}.chip--greenline{box-shadow:inset 0 0 0 1px #7de89a80;color:var(--green);cursor:pointer}.chip--greenline:hover{background:#7de89a14}.host__dot{width:8px;height:8px;border-radius:50%;background:currentColor;box-shadow:0 0 8px currentColor;flex:none}.host__empty{position:relative;min-height:150px;border-radius:var(--rad-card);overflow:hidden}.host__empty--none{display:grid;place-items:center;color:var(--ink40);font-size:14px;box-shadow:inset 0 0 0 1px var(--ink08)}.host__ghosts{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;grid-template-columns:repeat(4,1fr);gap:16px;filter:blur(1px);opacity:.5}.host__ghost{border-radius:14px;background:linear-gradient(180deg,var(--ink05),transparent);box-shadow:inset 0 0 0 1px var(--ink08);overflow:hidden}.host__ghost img{width:100%;height:100%;object-fit:cover;opacity:.7}.host__emptycta{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;text-align:center;background:radial-gradient(ellipse 70% 80% at center,rgba(14,13,20,.72) 30%,transparent 85%)}.host__emptytitle{font-family:var(--f-display);font-weight:800;font-size:18px}.host__connectbtn{display:inline-flex;align-items:center;gap:9px;height:44px;padding:0 22px;border-radius:999px;background:var(--green);color:#06210f;font-weight:700;font-size:14px;box-shadow:0 8px 30px #7de89a40;transition:filter .15s,transform .15s}.host__connectbtn:hover{filter:brightness(1.06)}.host__connectbtn:active{transform:scale(.97)}.host__emptynote{color:var(--ink40)}.host__pasterow{display:flex;gap:10px;margin-top:6px}.host__pasteinput{flex:1;height:48px;min-width:0}.host__pastebtn{height:48px;padding:0 26px;flex:none}.host__pastenote{font-size:11.5px;color:var(--ink40);margin-top:8px;padding-bottom:8px}.crate{text-align:left;padding:10px;border-radius:var(--rad-card);background:var(--ink03);box-shadow:inset 0 0 0 1px var(--ink08);display:flex;flex-direction:column;gap:9px;transition:box-shadow .2s,background .2s,transform .15s}.crate:hover:not(.crate--disabled){box-shadow:inset 0 0 0 1px var(--ink10);transform:translateY(-2px)}.crate--selected{background:var(--magenta-fill);box-shadow:inset 0 0 0 2px var(--magenta)}.crate--disabled{cursor:not-allowed}.crate--disabled .crate__cover img{filter:grayscale(.6)}.crate__cover{aspect-ratio:1;border-radius:12px;overflow:hidden;background:var(--ink05)}.crate__cover img{width:100%;height:100%;object-fit:cover}.crate__noimg{width:100%;height:100%;background:conic-gradient(from 0deg,#ff3af3,#f7d146,#5ee6ff,#ff3af3);opacity:.5}.crate__name{font-weight:700;font-size:15px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.crate__meta{font-size:11px;letter-spacing:.06em;color:var(--ink40)}.crate--disabled .crate__meta{color:var(--salmon)}.crate--selected .crate__meta{color:var(--magenta-text)}.crate__selmark{color:var(--magenta-text);font-weight:700}.lobby__codeblock{display:flex;flex-direction:column;align-items:center;gap:12px;position:relative;z-index:2}.lobby__code{font-size:40px;font-weight:700;letter-spacing:.3em;padding:12px 28px 12px 34px;border-radius:var(--rad-btn);background:var(--input-bg);box-shadow:inset 0 0 0 1px var(--magenta-stroke);color:var(--ink)}.lobby__empty{text-align:center;color:var(--ink55);font-size:14px}.lobby__prep{align-self:center;display:flex;align-items:center;gap:16px;padding:14px 20px;border-radius:16px;background:var(--panel);box-shadow:inset 0 0 0 1px var(--ink08);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);position:relative;z-index:2}.lobby__prep--failed{background:var(--salmon-fill);box-shadow:inset 0 0 0 1px #ff6e5a66}.lobby__prepicon{font-size:24px}.lobby__preptitle{font-weight:700;font-size:15px}.lobby__prepsub{font-size:12px;color:var(--ink55);margin-top:2px}.lobby__prep--failed .lobby__prepsub{color:var(--salmon-soft)}.lobby__prepbtn{height:40px;padding:0 16px;white-space:nowrap}.lobby__bar{margin-top:8px;height:4px;width:240px;max-width:60vw;border-radius:999px;background:var(--ink05);overflow:hidden}.lobby__bar span{display:block;height:100%;width:40%;border-radius:999px;background:linear-gradient(90deg,var(--magenta),var(--amber))}@media(prefers-reduced-motion:no-preference){.lobby__bar span{animation:indet 1.3s ease-in-out infinite}}@keyframes indet{0%{transform:translate(-120%)}to{transform:translate(320%)}}.lobby__grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:16px;position:relative;z-index:2}.playercard{display:flex;flex-direction:column;align-items:center;gap:10px;padding:20px 14px;border-radius:var(--rad-player);background:var(--ink03);box-shadow:inset 0 0 0 1px var(--ink08);text-align:center}.playercard--ready{box-shadow:inset 0 0 0 1.5px currentColor}.playercard--amber{background:#f7d14614;color:var(--amber)}.playercard--magenta{background:var(--magenta-fill);color:var(--magenta)}.playercard--cyan{background:#5ee6ff14;color:var(--cyan)}.playercard--green{background:#7de89a14;color:var(--green)}.playercard__name{font-weight:700;font-size:15px;color:var(--ink)}.playercard__state{font-size:11px;letter-spacing:.16em;color:var(--ink35)}.playercard__state--amber{color:var(--amber)}.playercard__state--magenta{color:var(--magenta-text)}.playercard__state--cyan{color:var(--cyan)}.playercard__state--green{color:var(--green)}.lobby__bottom{display:grid;grid-template-columns:1fr 300px;gap:24px;align-items:end;margin-top:auto;position:relative;z-index:2}.lobby__bottom .chat{height:240px;background:var(--panel);border-radius:var(--rad-card);box-shadow:inset 0 0 0 1px var(--ink08);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.lobby__action{display:flex;flex-direction:column;gap:8px}.lobby__gate,.lobby__conn{font-size:11px;color:var(--ink40);text-align:center;letter-spacing:.1em}.countdown{align-items:center;justify-content:center}.countdown__level{position:absolute;top:40px;letter-spacing:.34em}.countdown__stage{position:relative;display:grid;place-items:center}.countdown__stage .record__label{opacity:.5;filter:blur(30px)}.countdown__num{position:absolute;font-size:clamp(140px,30vw,300px);color:var(--ink);text-shadow:0 0 60px rgba(255,58,243,.4),0 0 120px rgba(247,209,70,.25)}.countdown__foot{position:absolute;bottom:40px;letter-spacing:.34em}.level{padding:20px clamp(16px,3vw,28px);gap:16px;height:100dvh;overflow:hidden}.level__counter{font-size:13px;letter-spacing:.24em;color:var(--ink55)}.level__mute{display:flex;align-items:center;gap:8px;padding:8px 12px;border-radius:10px;box-shadow:inset 0 0 0 1px var(--ink08)}.level__spectate{align-self:center}.level__stage{flex:1;display:grid;grid-template-columns:280px 1fr 300px;gap:24px;min-height:0;position:relative;z-index:2}.level__left,.level__right{min-height:0;display:flex}.level__left .board,.level__right .chat{flex:1}.level__center{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:26px}.level__bloom{width:520px;height:520px;top:50%;left:50%;transform:translate(-50%,-55%)}.level__sheet{display:none}.reveal{flex-direction:row;align-items:center;justify-content:center;gap:clamp(30px,6vw,80px);padding:40px}.reveal__spindown{animation:spin 12s linear infinite;animation-play-state:paused}@keyframes spindown{0%{transform:rotate(0)}to{transform:rotate(220deg)}}.reveal__left .record{animation:spindown 1.4s cubic-bezier(.2,.7,.2,1) forwards}.reveal__right{max-width:440px;width:100%}.reveal__kicker{color:var(--amber)}.reveal__title{font-size:46px;line-height:1.05;margin:8px 0}.reveal__sub{color:var(--ink55);font-size:15px}.reveal__section{margin:24px 0 10px}.reveal__results{display:flex;flex-direction:column;gap:6px}.reveal__row{display:flex;align-items:center;gap:10px;padding:8px 12px;border-radius:10px;background:var(--ink03)}.reveal__row--fast{background:#f7d1461a;box-shadow:inset 0 0 0 1px #f7d14640}.reveal__rowname{flex:1;font-weight:600}.reveal__at{font-size:12px;color:var(--ink40)}.reveal__pts{font-weight:700;color:var(--amber)}.reveal__missed{opacity:.6;font-size:12px;padding:8px 12px}.reveal__standings{display:flex;flex-wrap:wrap;gap:8px}.reveal__stand{font-size:12px;padding:6px 12px;border-radius:999px;background:var(--ink03);box-shadow:inset 0 0 0 1px var(--ink08)}.reveal__stand b{color:var(--ink40)}.reveal__up{color:var(--green)}.reveal__down{color:var(--salmon)}.reveal__foot{display:flex;align-items:center;gap:10px;margin-top:24px;font-size:12px;color:var(--ink40);letter-spacing:.1em}.podium{align-items:center;justify-content:center;gap:8px;padding:40px 20px;text-align:center}.podium__bloom{width:600px;height:400px;top:10%;left:50%;transform:translate(-50%);--bloom: rgba(247, 209, 70, .14)}.podium__headline{font-size:clamp(30px,5vw,40px);position:relative;z-index:2}.podium__sub{margin-bottom:32px;position:relative;z-index:2}.podium__stage{display:flex;align-items:flex-end;gap:20px;position:relative;z-index:2}.podium__col{display:flex;flex-direction:column;align-items:center;gap:8px;width:130px}.podium__winner{position:relative;display:grid;place-items:center}.podium__crown{font-size:28px;margin-bottom:4px}.podium__reclabel{width:100%;height:100%;border-radius:50%;background:conic-gradient(#f7d146,#e08b3a,#f7d146)}.podium__name{font-weight:700;font-size:15px}.podium__name--win{font-family:var(--f-display);font-weight:800;font-size:20px;color:var(--amber)}.podium__score{font-size:18px;font-weight:700;color:var(--ink75)}.podium__block{width:100%;border-radius:14px 14px 0 0;display:grid;place-items:start center;padding-top:12px;margin-top:6px}.podium__block--amber{background:linear-gradient(180deg,#f7d14659,#f7d1460d)}.podium__block--magenta{background:linear-gradient(180deg,#ff3af34d,#ff3af30a)}.podium__block--cyan{background:linear-gradient(180deg,#5ee6ff47,#5ee6ff0a)}.podium__place{font-size:40px;color:var(--ink);opacity:.9}.podium__table{margin-top:28px;display:flex;flex-direction:column;gap:4px;width:min(90vw,460px);position:relative;z-index:2}.podium__trow{display:grid;grid-template-columns:30px 1fr auto;gap:12px;padding:8px 14px;border-radius:10px;background:var(--ink03);font-size:13px;text-align:left}.podium__tname{color:var(--ink)}.podium--split{display:grid;grid-template-columns:1.05fr 1fr;align-items:stretch;justify-content:initial;gap:0;padding:0;height:100dvh;overflow:hidden;text-align:left}.podium__left{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;padding:32px 40px;min-height:0;overflow:hidden;text-align:center}.podium__right{position:relative;z-index:2;display:flex;flex-direction:column;min-height:0;padding:28px 32px;background:#08080c8c;box-shadow:inset 1px 0 0 var(--ink08)}.podium__standings{margin-top:20px;display:flex;flex-direction:column;gap:4px;width:min(92%,440px);position:relative;z-index:2}.podium__srow{display:grid;grid-template-columns:20px 1fr auto auto;align-items:center;gap:12px;padding:9px 14px;border-radius:10px;background:var(--ink03);font-size:12px}.podium__srank{color:var(--ink40)}.podium__sname{color:var(--ink);text-align:left;letter-spacing:.02em}.podium__sscore{color:var(--ink75);font-weight:700}.podium__sguessed{color:var(--green);letter-spacing:.06em}.podium__wait{margin:auto;display:flex;flex-direction:column;align-items:center;gap:12px;text-align:center}.podium__waittitle{font-size:18px;font-weight:700;color:var(--ink)}.podium__waitsub{font-size:13px;color:var(--ink55);max-width:240px}.podium__wait .btn{margin-top:10px}.rematch{flex:1;min-height:0;display:flex;flex-direction:column;gap:14px}.rematch__head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.rematch__title{font-size:26px}.rematch__kick{margin-top:4px}.rematch__room{font-size:11px;letter-spacing:.2em;color:var(--ink40);white-space:nowrap}.rematch__crates{flex:1;min-height:0;overflow-y:auto;display:grid;grid-template-columns:repeat(3,1fr);grid-auto-rows:min-content;gap:10px;padding-right:4px}.rematch__crates .crate{padding:8px}.rematch__or{display:flex;align-items:center;gap:12px;color:var(--ink40);font-size:11px;letter-spacing:.24em}.rematch__or span:first-child,.rematch__or span:last-child{flex:1;height:1px;background:var(--ink10)}.rematch__paste{display:flex;gap:8px}.rematch__paste .input{flex:1;height:46px}.rematch__paste .input--on{box-shadow:inset 0 0 0 1.5px var(--amber)}.rematch__levels{display:flex;align-items:center;justify-content:space-between;padding:2px 4px 0}.rematch__actions{display:flex;gap:12px}.rematch__start{flex:1}.rematch__foot{text-align:center;font-size:10.5px;letter-spacing:.18em;color:var(--ink40);text-transform:uppercase}@media(max-width:860px){.podium--split{grid-template-columns:1fr;height:auto;min-height:100dvh;overflow:visible}.podium__left{overflow:visible;padding:28px 20px}.podium__right{box-shadow:inset 0 1px 0 var(--ink08)}.rematch__crates{overflow:visible}.host{height:auto;overflow:visible;padding-bottom:92px}.host__body{grid-template-columns:1fr}.host__main{overflow:visible}.host__featured{overflow-x:auto;padding-bottom:4px}.host__featured>.crate{flex:0 0 46%}.host__cta{position:fixed;left:0;right:0;bottom:0;margin:0;padding:12px 16px calc(12px + env(safe-area-inset-bottom));background:#0e0d14eb;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 -8px 30px #0006;z-index:20}.lobby__bottom{grid-template-columns:1fr}.reveal{flex-direction:column;padding:24px}.level__stage{grid-template-columns:1fr;grid-template-rows:1fr}.level__center{gap:14px;padding-bottom:195px}.level__left,.level__right{display:none}.level__sheet{display:block;position:fixed;left:0;right:0;bottom:0;max-height:62vh;transform:translateY(calc(100% - 132px));transition:transform .3s ease;background:#0d0c13f0;border-radius:22px 22px 0 0;box-shadow:0 -10px 40px #00000080;padding:8px 16px 16px;display:flex;flex-direction:column;z-index:20;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.level__sheet .chat{flex:1;min-height:0}.level__grab{display:grid;place-items:center;padding:8px 0 10px}.level__grab span{width:40px;height:4px;border-radius:999px;background:var(--ink10)}.host__header .wordmark,.lobby__header .wordmark,.solo__header .wordmark{font-size:22px!important}.level__header .wordmark{display:none}.level__counter{font-size:12px;letter-spacing:.2em}.level__pills{display:flex;gap:6px;min-width:0;overflow:hidden}.level__pill{display:inline-flex;align-items:center;gap:4px;height:30px;padding:0 10px;border-radius:999px;font-size:11px;font-weight:700;white-space:nowrap}.level__pill--amber{color:var(--amber);background:#f7d1461f;box-shadow:inset 0 0 0 1px #f7d1464d}.level__pill--magenta{color:var(--magenta-text);background:var(--magenta-fill);box-shadow:inset 0 0 0 1px var(--magenta-stroke)}.level__pill--cyan{color:var(--cyan);background:#5ee6ff1a;box-shadow:inset 0 0 0 1px #5ee6ff4d}.level__pill--green{color:var(--green);background:#7de89a1a;box-shadow:inset 0 0 0 1px #7de89a4d}.level__mute .label{display:none}.level__mute{width:38px;height:38px;justify-content:center;padding:0}.turntable__badge{top:auto;right:auto;bottom:-6px;left:50%;transform:translate(-50%);padding:6px 14px}.turntable__time{font-size:24px}.level__center .blanks,.slevel__center .blanks{font-size:19px!important}.level__sheet{transform:translateY(calc(100% - 208px))}.level__sheet--open{transform:translateY(0)}.landing{height:100dvh;min-height:0;overflow:hidden}.landing__record{transform:translate(-50%) scale(.62);top:-160px}.landing__center{width:100%;height:100%;padding:clamp(90px,18dvh,150px) 20px calc(clamp(40px,8dvh,72px) + env(safe-area-inset-bottom));gap:20px;justify-content:flex-start}.landing__center .wordmark{font-size:76px!important}.landing__center .wordmark__ghost--amber{transform:translate(-8px,6px)}.landing__center .wordmark__ghost--magenta{transform:translate(-4px,3px)}.landing__tagline{font-size:15px}.landing__name{margin-top:auto}.landing__join{width:100%}.landing__joininput{flex:1}.landing__or{display:none}.landing__center>.btn--amber{width:100%;height:54px}.landing__solo{width:100%;height:48px;justify-content:center;margin-top:0;color:var(--cyan);border-color:#5ee6ff59}.landing__nowplaying{left:20px;right:20px;justify-content:center;bottom:calc(10px + env(safe-area-inset-bottom));white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:block}.landing__nowplaying .landing__npring{display:inline-block;vertical-align:-2px;margin-right:6px}.host__body{display:flex;flex-direction:column;gap:24px}.host__rail,.host__main{display:contents}.host__title{order:1;font-size:26px}.host__explainer{order:2;margin-top:-12px}.host__sec--paste{order:3}.host__sec--featured{order:4}.host__sec--mine{order:5}.host__levels{order:6;display:flex;flex-direction:row;align-items:center;justify-content:space-between;margin-bottom:8px}.host__levels .host__range{display:none}.host__sec{display:flex;flex-direction:column;gap:8px}.host__featured{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;overflow:visible}.host__featured>.crate{flex:initial}.host__cta{background:linear-gradient(180deg,transparent,rgba(14,13,19,.9) 30%);box-shadow:none;padding-top:26px}.lobby{padding-bottom:175px}.lobby__grid{grid-template-columns:repeat(2,1fr);gap:12px}.lobby__code{font-size:30px}.lobby__bottom{display:flex;flex-direction:column;gap:12px}.lobby__bottom .chat{width:100%;height:190px}.lobby__action{position:fixed;left:0;right:0;bottom:0;padding:26px 16px calc(12px + env(safe-area-inset-bottom));background:linear-gradient(180deg,transparent,rgba(14,13,19,.9) 30%);z-index:20}.lobby__action .btn{height:54px}.countdown__num{font-size:190px}.reveal{text-align:center;align-items:center;gap:18px;overflow-y:auto}.reveal__right{align-items:center;display:flex;flex-direction:column;width:100%;max-width:420px}.reveal__title{font-size:32px}.reveal__results{width:100%}.reveal__standings{justify-content:center}.podium__hero{position:relative;z-index:2;display:flex;flex-direction:column;align-items:center;gap:6px;margin:8px 0 4px}.podium__hero .podium__crown{font-size:22px;margin-bottom:0}.podium__headline{font-size:28px}.podium__col{width:28vw;max-width:116px}.podium__stage{gap:10px;align-items:flex-end}.podium__block--amber{height:140px!important}.podium__block--magenta{height:108px!important}.podium__block--cyan{height:86px!important}.podium__standings{width:100%}.rematch__crates{grid-template-columns:repeat(2,1fr)}.podium__right{padding:22px 16px calc(22px + env(safe-area-inset-bottom))}.rematch__head{align-items:flex-end}.rematch__title{font-size:24px}.rematch__kick{font-size:10px;letter-spacing:.14em;white-space:nowrap}.rematch__room{font-size:10px;letter-spacing:.14em;line-height:inherit}.crate__selword{display:none}}.landing__solo{margin-top:-12px;display:inline-flex;align-items:center;gap:8px;padding:9px 18px;font-size:12px;letter-spacing:.06em;color:var(--ink55);background:transparent;border:1px solid var(--ink10);border-radius:999px;transition:color .18s ease,border-color .18s ease,background .18s ease}.landing__solo:hover:not(:disabled){color:var(--cyan);border-color:#5ee6ff66;background:#5ee6ff14}.landing__solo:disabled{opacity:.5}.solo{display:flex;flex-direction:column;align-items:center}.solo__header{width:100%;display:flex;justify-content:center;padding:22px 0 0}.solo__center{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;text-align:center;padding:0 20px}.solo__icon{font-size:44px}.solo__title{font-size:20px;font-weight:700;color:var(--ink);margin-top:6px}.solo__sub{font-size:14px;color:var(--ink55)}.solo__bar{margin-top:4px;height:4px;width:240px;max-width:60vw;border-radius:999px;background:var(--ink05);overflow:hidden}.solo__bar span{display:block;height:100%;width:40%;border-radius:999px;background:linear-gradient(90deg,var(--magenta),var(--amber));animation:soloBar 1.4s ease-in-out infinite}@keyframes soloBar{0%{margin-left:-40%}to{margin-left:100%}}.solo__ready{font-size:12px;letter-spacing:.14em;color:var(--amber);text-transform:uppercase}.solo__btn{margin-top:8px}.slevel{display:flex;flex-direction:column;padding:20px clamp(16px,3vw,28px);gap:16px;height:100dvh;overflow:hidden}.slevel__stage{flex:1;display:grid;grid-template-columns:220px 1fr 240px;gap:22px;min-height:0;position:relative;z-index:2;align-items:center}.slevel__left{display:flex;flex-direction:column;gap:12px;align-self:center}.slevel__stat{padding:15px 18px;display:flex;flex-direction:column;gap:5px}.slevel__statbig{font-size:27px;font-weight:700;color:var(--ink);line-height:1.1}.slevel__statbig--dim{color:var(--ink55)}.slevel__stat--streak{background:#ff3af31a;box-shadow:inset 0 0 0 1px #ff3af359}.slevel__stat--streak .slevel__statbig{color:var(--magenta-ink, #ff9df8)}.slevel__center{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:18px;min-width:0}.slevel__guessrow{display:flex;gap:10px;width:min(520px,92%);margin-top:2px}.slevel__input{flex:1;height:54px;box-shadow:inset 0 0 0 1px #ff3af359}.slevel__input:focus{box-shadow:inset 0 0 0 1.5px var(--magenta),0 8px 30px #ff3af326}.slevel__send{width:54px;height:54px;border-radius:12px;background:var(--magenta);color:#14060f;font-size:18px;flex:0 0 auto;box-shadow:0 8px 24px #ff3af347}.slevel__send:disabled{opacity:.4;box-shadow:none}.slevel__meta{font-size:12px;letter-spacing:.14em;color:var(--ink55);display:flex;align-items:center;gap:6px}.slevel__low{color:var(--red, #ff5a6e)}.slevel__solved{color:var(--green, #7de89a)}.slevel__skip{color:var(--ink55);letter-spacing:.14em;transition:color .15s ease}.slevel__skip:hover{color:var(--amber)}.slevel__revealwrap{display:flex;flex-direction:column;align-items:center;gap:12px;text-align:center}.slevel__revealkick{color:var(--amber);margin-top:6px}.slevel__revealtitle{font-size:clamp(26px,3.2vw,40px);color:var(--ink)}.slevel__revealsub{color:var(--ink55);font-size:14px}.slevel__foot{display:flex;align-items:center;gap:8px;font-size:12px;letter-spacing:.18em;color:var(--ink40);margin-top:6px}.slevel__right{align-self:center;display:flex;flex-direction:column;gap:10px;min-height:0}.slevel__runlabel{padding-left:2px}.slevel__feed{display:flex;flex-direction:column;gap:8px}.slevel__feedrow{padding:11px 13px;border-radius:12px;font-size:12px;letter-spacing:.04em;background:#f0ecf608;box-shadow:inset 0 0 0 1px var(--ink08)}.slevel__feedrow--hit{color:var(--green, #7de89a);background:#7de89a14;box-shadow:inset 0 0 0 1px #7de89a40}.slevel__feedrow--miss{color:var(--ink40)}.slevel__feedempty{font-size:12px;color:var(--ink40);padding:4px 2px}.srecap{align-items:center;justify-content:center;text-align:center;position:relative;overflow:hidden}.srecap__bloom{width:620px;height:620px;top:42%;left:50%;transform:translate(-50%,-50%);background:radial-gradient(circle,rgba(247,209,70,.16),transparent 70%)}.srecap__inner{position:relative;z-index:2;display:flex;flex-direction:column;align-items:center;gap:16px;padding:20px}.srecap__kicker{font-size:13px;letter-spacing:.28em;text-transform:uppercase;color:var(--cyan)}.srecap__score{position:relative;display:inline-block;font-family:var(--f-display);font-weight:800;letter-spacing:-.02em;line-height:1;font-size:clamp(76px,13vw,132px);margin:6px 0}.srecap__score>span{display:block}.srecap__scoreghost{position:absolute;top:0;right:0;bottom:0;left:0;color:transparent}.srecap__scoreghost--amber{-webkit-text-stroke:2px var(--amber);transform:translate(-14px,10px)}.srecap__scoreghost--magenta{-webkit-text-stroke:2px var(--magenta);transform:translate(-7px,5px)}.srecap__scoretop{position:relative;color:var(--ink);text-shadow:0 0 55px rgba(255,58,243,.3)}.srecap__prev{font-size:13px;letter-spacing:.14em;color:var(--ink55)}.srecap__stats{display:flex;gap:14px;margin-top:12px;flex-wrap:wrap;justify-content:center}.srecap__pill{background:var(--panel);border-radius:14px;box-shadow:inset 0 0 0 1px var(--ink08);padding:14px 24px;display:flex;flex-direction:column;gap:4px;min-width:118px}.srecap__pillval{font-size:26px;font-weight:700;color:var(--ink)}.srecap__pill--streak{background:#ff3af31a;box-shadow:inset 0 0 0 1px #ff3af34d}.srecap__pill--streak .srecap__pillval{color:var(--magenta-ink, #ff9df8)}.srecap__pill--amber{background:#f7d1461a;box-shadow:inset 0 0 0 1px #f7d1464d}.srecap__pill--amber .srecap__pillval{color:var(--amber)}.srecap__covers{display:flex;align-items:center;gap:8px;margin-top:30px}.srecap__cover{width:52px;height:52px;border-radius:10px;overflow:hidden;box-shadow:inset 0 0 0 1px var(--ink10)}.srecap__cover img{width:100%;height:100%;object-fit:cover}.srecap__cover--hit{box-shadow:0 0 0 2px #7de89ab3}.srecap__cover--miss img{filter:grayscale(.85) brightness(.7)}.srecap__more{font-size:11px;letter-spacing:.14em;color:var(--ink40);margin-left:6px}.srecap__actions{display:flex;gap:14px;margin-top:44px;flex-wrap:wrap;justify-content:center}.srecap__challenge{background:transparent;color:var(--cyan);box-shadow:inset 0 0 0 1.5px #5ee6ff80}.srecap__challenge:hover:not(:disabled){background:#5ee6ff1a}@media(max-width:860px){.slevel{height:auto;min-height:100dvh;overflow-y:auto;padding:14px 14px 24px}.slevel__stage{display:flex;flex-direction:column;gap:14px;align-items:stretch}.slevel__left{flex-direction:row;gap:8px;order:0}.slevel__stat{flex:1;padding:10px 12px}.slevel__statbig{font-size:19px}.slevel__center{order:1}.slevel__right{order:2}.slevel__guessrow{width:100%}.srecap__inner{padding:24px 16px calc(24px + env(safe-area-inset-bottom));width:100%}.srecap__score{font-size:64px}.srecap__scoreghost--amber{transform:translate(-7px,5px)}.srecap__scoreghost--magenta{transform:translate(-3.5px,2.5px)}.srecap__stats{gap:8px;width:100%;flex-wrap:nowrap}.srecap__pill{flex:1;min-width:0;padding:12px 10px}.srecap__pill .label{font-size:9px}.srecap__actions{flex-direction:column;width:100%}.srecap__actions .btn{width:100%}}