@font-face{font-family:Fredoka;font-style:normal;font-weight:500;font-stretch:100%;font-display:swap;src:url(../media/9ffc08a38813e78e-s.1cox7hpc1tfbr.woff2)format("woff2");unicode-range:U+307-308,U+590-5FF,U+200C-2010,U+20AA,U+25CC,U+FB1D-FB4F}@font-face{font-family:Fredoka;font-style:normal;font-weight:500;font-stretch:100%;font-display:swap;src:url(../media/44c9372a001b48d5-s.3t00_18uk4swp.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C4,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Fredoka;font-style:normal;font-weight:500;font-stretch:100%;font-display:swap;src:url(../media/61715dc81dd9b4e8-s.p.12wv-xs8vggjn.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Fredoka;font-style:normal;font-weight:600;font-stretch:100%;font-display:swap;src:url(../media/9ffc08a38813e78e-s.1cox7hpc1tfbr.woff2)format("woff2");unicode-range:U+307-308,U+590-5FF,U+200C-2010,U+20AA,U+25CC,U+FB1D-FB4F}@font-face{font-family:Fredoka;font-style:normal;font-weight:600;font-stretch:100%;font-display:swap;src:url(../media/44c9372a001b48d5-s.3t00_18uk4swp.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C4,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Fredoka;font-style:normal;font-weight:600;font-stretch:100%;font-display:swap;src:url(../media/61715dc81dd9b4e8-s.p.12wv-xs8vggjn.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Fredoka;font-style:normal;font-weight:700;font-stretch:100%;font-display:swap;src:url(../media/9ffc08a38813e78e-s.1cox7hpc1tfbr.woff2)format("woff2");unicode-range:U+307-308,U+590-5FF,U+200C-2010,U+20AA,U+25CC,U+FB1D-FB4F}@font-face{font-family:Fredoka;font-style:normal;font-weight:700;font-stretch:100%;font-display:swap;src:url(../media/44c9372a001b48d5-s.3t00_18uk4swp.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C4,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Fredoka;font-style:normal;font-weight:700;font-stretch:100%;font-display:swap;src:url(../media/61715dc81dd9b4e8-s.p.12wv-xs8vggjn.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Fredoka Fallback;src:local(Arial);ascent-override:95.64%;descent-override:23.17%;line-gap-override:0.0%;size-adjust:101.84%}.DxajRW_className{font-family:Fredoka,Fredoka Fallback;font-style:normal}.DxajRW_variable{--font-display:"Fredoka", "Fredoka Fallback"}
@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/46a9e2f250689b4a-s.03ez25a9g3i0n.woff2)format("woff2");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/76b70a1dbe058eb5-s.3i9rha7jpxn0q.woff2)format("woff2");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/2fb76073e23fd9e4-s.2o7ko1d-5m1xu.woff2)format("woff2");unicode-range:U+1F??}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/6131cbbf5549afa2-s.1ee5w62fj497l.woff2)format("woff2");unicode-range:U+370-377,U+37A-37F,U+384-38A,U+38C,U+38E-3A1,U+3A3-3FF}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/45462fd7b7c12654-s.1way2z9fj6cig.woff2)format("woff2");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/ba63f6a0e436df8e-s.0szrwpqb9mkwe.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C4,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/07c7676b89ed2778-s.p.45535valc9rzk.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Inter Fallback;src:local(Arial);ascent-override:90.44%;descent-override:22.52%;line-gap-override:0.0%;size-adjust:107.12%}._2GhXXq_className{font-family:Inter,Inter Fallback;font-style:normal}._2GhXXq_variable{--font-body:"Inter", "Inter Fallback"}
:root{--c-bg:#ffe14d;--c-ink:#1b1230;--c-paper:#fff;--c-primary:#ff4fa0;--c-rival:#6fd3ff;--c-good:#3ee08f;--c-bad:#ff6b5b;--c-pass:#ffd21f;--c-frozen:#b9a8ff;--c-empty:#f1ecff;--stroke:3px solid var(--c-ink);--shadow:4px 4px 0 var(--c-ink);--shadow-sm:2px 2px 0 var(--c-ink);--radius-lg:18px;--font-display-stack:var(--font-display), "Fredoka", system-ui, sans-serif;--font-body-stack:var(--font-body), "Inter", system-ui, sans-serif;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}*{box-sizing:border-box}body{min-height:100vh;color:var(--c-ink);font-family:var(--font-body-stack);background:var(--c-bg);background-image:radial-gradient(circle at 12% 8%,#fff7a8 0 14%,#0000 15%),radial-gradient(circle at 92% 88%,#ffd000 0 18%,#0000 19%),repeating-linear-gradient(45deg,#1b123009 0 10px,#0000 10px 20px);background-attachment:fixed;margin:0}a{color:inherit}:focus-visible{outline:3px solid var(--c-primary);outline-offset:3px}h1,h2,h3,.title-pop{font-family:var(--font-display-stack);margin:0;line-height:1.1}h1{font-size:2rem}h2{font-size:1.35rem}h3{font-size:1.1rem}.title-pop{color:#fff;-webkit-text-stroke:2px var(--c-ink);text-shadow:3px 3px 0 var(--c-primary);font-size:2.2rem;font-weight:700}.screen{gap:14px;max-width:560px;margin-inline:auto;padding:16px 16px 40px;display:grid}.stack{gap:10px;display:grid}.row,.actions{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.eyebrow{text-transform:uppercase;letter-spacing:.08em;font:600 .8rem var(--font-display-stack);margin:0}.hint{margin:0;font-size:.9rem}[role=alert]{color:#b4231a;font-weight:600}.card,.share,.nickname,.badge{background:var(--c-paper);border:var(--stroke);border-radius:var(--radius-lg);box-shadow:var(--shadow);padding:14px 16px}.badge{font:600 1rem var(--font-display-stack);background:var(--c-frozen);text-decoration:none;display:block}.btn,.button,:where(.screen) button{font:600 1.05rem var(--font-display-stack);color:var(--c-ink);text-align:center;cursor:pointer;background:var(--c-paper);border:var(--stroke);box-shadow:var(--shadow);border-radius:16px;min-height:48px;padding:12px 18px;text-decoration:none;transition:transform 80ms,box-shadow 80ms}.btn:active,.button:active,:where(.screen) button:active{box-shadow:1px 1px 0 var(--c-ink);transform:translate(3px,3px)}.btn-primary,.primary,.go{background:var(--c-primary);color:var(--c-ink)}.btn-ghost{box-shadow:none;background:0 0;border-style:dashed}.go{padding:20px;font-size:1.6rem}button:disabled{opacity:.55;cursor:not-allowed}.locale-switch{gap:6px;display:inline-flex}.locale-switch .btn{min-width:48px;padding:10px 12px;font-size:.95rem}input,.autocomplete input,.nickname input{font:500 1rem var(--font-body-stack);border:var(--stroke);color:var(--c-ink);background:#fff;border-radius:14px;min-height:48px;padding:12px 14px}.avatar{border:var(--stroke);font:700 1rem var(--font-display-stack);color:var(--c-ink);border-radius:50%;flex:none;justify-content:center;align-items:center;display:inline-flex}.tier{border:var(--stroke);font:700 .85rem var(--font-display-stack);box-shadow:var(--shadow-sm);border-radius:999px;align-items:center;gap:6px;padding:4px 10px;display:inline-flex}.player-badge{align-items:center;gap:10px;display:flex}.clock{border:var(--stroke);border-radius:var(--radius-lg);box-shadow:var(--shadow);text-align:center;background:#fff;min-width:0;padding:8px 6px 6px}.clock.me{background:var(--c-primary)}.clock.rival{background:var(--c-rival)}.clock b{font:700 2.6rem var(--font-display-stack);font-variant-numeric:tabular-nums;line-height:1;display:block}.clock span{font:600 .8rem var(--font-display-stack)}.clock.frozen{background:var(--c-frozen);animation:1.2s ease-in-out infinite float}.clock.danger{background:var(--c-paper)}.clock.danger b{color:#b4231a;animation:.6s ease-in-out infinite pulse}.clock.idle{opacity:.85}.grid10{grid-template-columns:repeat(10,1fr);gap:5px;display:grid}.cell{aspect-ratio:1;border:2px solid var(--c-ink);background:var(--c-empty);border-radius:50%}.grid10.big .cell{aspect-ratio:1/1.1;border-width:3px;border-radius:8px}.cell.good{background:var(--c-good);animation:.3s ease-out pop}.cell.bad{background:var(--c-bad);animation:.3s ease-out shake}.cell.pass{background:var(--c-pass)}.cell.current{box-shadow:0 0 0 3px var(--c-primary);background:#fff;animation:.8s ease-in-out infinite pulse}.cell.void{background:repeating-linear-gradient(45deg,#ddd 0 4px,#fff 4px 8px)}.board{border:var(--stroke);box-shadow:var(--shadow);background:#fff;border-radius:16px;gap:6px;padding:8px;display:grid}.board-lane{font:600 .8rem var(--font-display-stack);justify-content:space-between;display:flex}.buzz{aspect-ratio:1;background:var(--c-primary);border:4px solid var(--c-ink);width:min(62vw,210px);min-width:150px;box-shadow:0 10px 0 var(--c-ink), inset 0 -10px 0 #00000026, inset 0 10px 0 #ffffff59;cursor:pointer;border-radius:50%;flex-direction:column;justify-content:center;align-items:center;margin:6px auto;animation:1.1s ease-in-out infinite pulse;display:flex}.buzz strong{font:700 2.4rem var(--font-display-stack);color:#fff;-webkit-text-stroke:2px var(--c-ink)}.buzz small{font:600 .8rem var(--font-display-stack)}.buzz:active{box-shadow:0 2px 0 var(--c-ink);transform:translateY(8px)}.buzz:disabled{opacity:.6;animation:none}.option,.choices button{text-align:left;width:100%;font:600 1rem var(--font-display-stack);border:var(--stroke);box-shadow:var(--shadow);min-height:52px;color:var(--c-ink);background:#fff;border-radius:16px;align-items:center;gap:10px;padding:12px 14px;display:flex}.option .letter{border:2px solid var(--c-ink);border-radius:50%;flex:none;justify-content:center;align-items:center;width:28px;height:28px;font-size:.85rem;display:inline-flex}.option.selected{background:var(--c-frozen)}.option.correct{background:var(--c-good);animation:.3s ease-out pop}.option.wrong{background:var(--c-bad);animation:.3s ease-out shake}.choices{gap:10px;display:grid}.window-ring{border:4px solid var(--c-ink);width:72px;height:72px;box-shadow:var(--shadow);font:700 2rem var(--font-display-stack);background:#fff;border-radius:50%;justify-content:center;align-items:center;margin:0 auto;display:flex}.hud{grid-template-columns:1fr auto;align-items:center;gap:10px;display:grid}.flash{border:var(--stroke);box-shadow:var(--shadow-sm);background:#fff;border-radius:14px;margin:0;padding:10px 14px;font-weight:600}.flash.guessed{background:var(--c-good)}.flash.lost,.flash.wrong{background:var(--c-bad)}.pass{justify-self:center}.verdict{text-align:center;font:700 2.2rem var(--font-display-stack);color:#fff;-webkit-text-stroke:2px var(--c-ink);margin:0}.verdict.won{text-shadow:3px 3px 0 var(--c-good)}.verdict.lost{text-shadow:3px 3px 0 var(--c-bad)}.verdict.draw{text-shadow:3px 3px 0 var(--c-frozen)}.score-big{text-align:center;font:700 3.2rem var(--font-display-stack);margin:0;line-height:1}.countdown{text-align:center;font:700 4rem var(--font-display-stack);color:#fff;-webkit-text-stroke:3px var(--c-ink);text-shadow:4px 4px 0 var(--c-primary);margin:0}.compare{gap:6px;margin:0;padding:0;list-style:none;display:grid}.compare li{border:2px solid var(--c-ink);background:#fff;border-radius:12px;grid-template-columns:2em 2em 1fr;align-items:center;gap:8px;padding:6px 10px;display:grid}.reveal-list{gap:6px;margin:0;padding:0;list-style:none;display:grid}.reveal-list li{border:2px solid var(--c-ink);background:#fff;border-radius:12px;padding:6px 10px}.chart{border-collapse:separate;border-spacing:0 6px;width:100%}.chart th{text-align:left;font:600 .8rem var(--font-display-stack);padding:0 8px}.chart td{border-top:2px solid var(--c-ink);border-bottom:2px solid var(--c-ink);background:#fff;padding:8px}.chart td:first-child{border-left:2px solid var(--c-ink);font:700 1rem var(--font-display-stack);border-radius:12px 0 0 12px}.chart td:last-child{border-right:2px solid var(--c-ink);border-radius:0 12px 12px 0}.chart tr.me td{background:var(--c-frozen);font-weight:700}.tabs{gap:8px;padding-bottom:6px;display:flex;overflow-x:auto}.tabs button{white-space:nowrap}.tabs [aria-pressed=true]{background:var(--c-primary);color:var(--c-ink)}.autocomplete{gap:8px;display:grid}.autocomplete ul{gap:6px;margin:0;padding:0;list-style:none;display:grid}.autocomplete li button{text-align:left;width:100%}.deezer-badge{font:600 .85rem var(--font-display-stack);justify-self:center}.sound-toggle{z-index:10;border-radius:50%;width:48px;height:48px;padding:0;position:fixed;bottom:12px;right:12px}.confetti{pointer-events:none;z-index:5;position:fixed;inset:0;overflow:hidden}.confetti i{border:2px solid var(--c-ink);border-radius:3px;width:10px;height:14px;animation:1.8s ease-in forwards fall;position:absolute;top:-12px}.offline{color:#b4231a}.admin{max-width:960px;font-family:var(--font-body-stack);margin:0 auto;padding:16px}.admin form{gap:8px;margin-block:16px;display:grid}.admin label{gap:4px;display:grid}.admin table{border-collapse:collapse;border:2px solid var(--c-ink);background:#fff;border-radius:12px;width:100%}.admin th,.admin td{text-align:left;border-bottom:1px solid #1b123033;padding:6px}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-4px)}}@keyframes pop{0%{transform:scale(.6)}70%{transform:scale(1.15)}to{transform:scale(1)}}@keyframes shake{0%,to{transform:translate(0)}25%{transform:translate(-4px)}75%{transform:translate(4px)}}@keyframes fall{to{transform:translateY(110vh)rotate(540deg)}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition:none!important;animation:none!important}.confetti{display:none}}.share{gap:14px;display:grid}.share .actions{grid-template-columns:repeat(auto-fill,minmax(130px,1fr));gap:12px;display:grid}.share .actions .button,.share .actions button{justify-content:center;align-items:center;min-width:0;padding-inline:10px;line-height:1.15;display:flex}form.nickname{box-shadow:none;background:0 0;border:0;border-radius:0;gap:8px;padding:0;display:grid}.duel-clocks{grid-template-columns:1fr auto 1fr;align-items:center;gap:8px;display:grid}.vs{font:700 1.3rem var(--font-display-stack);color:#fff;-webkit-text-stroke:1.5px var(--c-ink);transform:rotate(-8deg)}.duel-stage{align-content:start;gap:10px;min-height:260px;display:grid}.duel-screen{overflow-x:clip}.ready-chip{font:700 .85rem var(--font-display-stack);border:2px solid var(--c-ink);border-radius:999px;padding:4px 10px}.ready-chip.on{background:var(--c-good)}.ready-chip.off{background:var(--c-paper);opacity:.7}.ready-deadline{margin:0;font-weight:600}.ready-deadline.urgent{color:var(--c-primary);animation:1s ease-in-out infinite pulse}.duel-clocks>div{min-width:0}.host{align-items:center;gap:12px;display:flex}.compare.compare-one li{grid-template-columns:2em 1fr}.turn-banner{text-align:center;font:700 1.1rem var(--font-display-stack);border:var(--stroke);box-shadow:var(--shadow-sm);border-radius:999px;margin:0;padding:8px 14px;animation:.3s ease-out pop}.turn-banner.mine{background:var(--c-primary)}.turn-banner.theirs{background:var(--c-rival)}.listening{text-align:center;font:600 1rem var(--font-display-stack)}.choices.reveal{grid-template-columns:1fr 1fr;gap:6px;margin-top:8px}.choices.reveal .option{min-height:0;box-shadow:var(--shadow-sm);border-radius:12px;gap:6px;padding:6px 8px;font-size:.8rem}.choices.reveal .option .letter{width:20px;height:20px;font-size:.7rem}.choices.reveal .option .label{-webkit-line-clamp:2;-webkit-box-orient:vertical;min-width:0;line-height:1.25;display:-webkit-box;overflow:hidden}.turn-transition{text-align:center;place-items:center;min-height:260px;display:grid}.turn-transition.result{border:var(--stroke);border-radius:var(--radius-lg);box-shadow:var(--shadow);background:#fff;align-content:center;gap:10px;padding:14px;animation:.3s ease-out pop}.turn-transition.result.guessed{background:var(--c-good)}.turn-transition.result.lost{background:var(--c-bad)}.tt-text{font:700 1.1rem var(--font-display-stack);margin:0}.tt-card{border:var(--stroke);border-radius:var(--radius-lg);width:100%;box-shadow:var(--shadow);justify-items:center;gap:6px;padding:22px 14px;display:grid}.turn-transition.mine .tt-card{background:var(--c-primary);animation:.42s cubic-bezier(.2,1.4,.4,1) tt-in-right}.turn-transition.theirs .tt-card{background:var(--c-rival);animation:.42s cubic-bezier(.2,1.4,.4,1) tt-in-left}.tt-card strong{font:700 1.8rem var(--font-display-stack)}.tt-sub{font-weight:600}.turn-transition.mine .tt-avatar{animation:.7s ease-in-out infinite tt-bounce}.tt-count{font:700 2.4rem var(--font-display-stack);animation:.3s ease-out pop}@keyframes tt-in-right{0%{transform:translate(110%)rotate(6deg)}to{transform:none}}@keyframes tt-in-left{0%{transform:translate(-110%)rotate(-6deg)}to{transform:none}}@keyframes tt-bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}.turn-glow{border-radius:var(--radius-lg);animation:1.2s ease-in-out infinite turn-glow}.turn-glow.rival{--glow:var(--c-rival)}@keyframes turn-glow{0%,to{box-shadow:0 0 0 0 var(--glow,var(--c-primary))}50%{box-shadow:0 0 0 6px var(--glow,var(--c-primary))}}.lane-dim{opacity:.5}.watching-card{border:var(--stroke);border-radius:var(--radius-lg);background:var(--c-rival);box-shadow:var(--shadow);text-align:center;justify-items:center;gap:8px;padding:20px 14px;display:grid}.eq{align-items:flex-end;gap:4px;height:28px;display:flex}.eq i{background:var(--c-ink);border-radius:3px;width:6px;height:16px;animation:.9s ease-in-out infinite eq}.eq i:nth-child(2){animation-delay:-300ms}.eq i:nth-child(3){animation-delay:-600ms}.eq i:nth-child(4){animation-delay:-150ms}@keyframes eq{0%,to{height:6px}50%{height:28px}}@media (prefers-reduced-motion:reduce){.turn-glow{box-shadow:0 0 0 4px var(--glow,var(--c-primary))}}.duel-screen{isolation:isolate;position:relative}.duel-backdrop{opacity:.3;pointer-events:none;z-index:-1;align-items:flex-end;gap:6px;height:26vh;padding:0 8px;display:flex;position:fixed;bottom:0;left:0;right:0}.duel-backdrop i{transform-origin:bottom;background:#2a8fc0;border-radius:8px 8px 0 0;flex:1;height:100%;animation:1s ease-in-out infinite paused backdrop-bar;transform:scaleY(.18)}.duel-backdrop.mine i{background:var(--c-primary)}.duel-backdrop.playing i{animation-play-state:running}@keyframes backdrop-bar{0%,to{transform:scaleY(.18)}50%{transform:scaleY(1)}}@media (prefers-reduced-motion:reduce){.duel-backdrop i{transform:scaleY(.5)}}.screen{grid-template-columns:minmax(0,1fr)}.screen>*{min-width:0}body:has(.bottom-nav) .screen{padding-bottom:calc(96px + env(safe-area-inset-bottom))}.skeleton{background:linear-gradient(90deg,#ffffff2e,#fff6,#ffffff2e) 0 0/200% 100%;border-radius:10px;animation:1.2s linear infinite shimmer;display:block}@keyframes shimmer{0%{background-position:200% 0}to{background-position:0 0}}@keyframes blink{50%{opacity:.25}}.pill-btn,:where(.screen) .pill-btn{min-height:44px;font:700 1rem var(--font-display-stack);color:var(--c-ink);cursor:pointer;background:var(--c-paper);border:var(--stroke);box-shadow:3px 3px 0 var(--c-ink);border-radius:999px;flex:none;justify-content:center;align-items:center;gap:6px;padding:10px 18px;text-decoration:none;display:inline-flex}.pill-btn.primary{background:var(--c-primary);color:#fff;-webkit-text-stroke:.6px var(--c-ink)}.pill-btn.big{width:100%;padding:14px;font-size:1.15rem}.pill-btn.small{min-height:40px;padding:6px 12px;font-size:.85rem}.pill-btn:active{box-shadow:1px 1px 0 var(--c-ink);transform:translate(2px,2px)}.top-bar{justify-content:space-between;align-items:center;gap:10px;min-height:48px;display:flex}.logo{font:700 1.9rem var(--font-display-stack);color:#fff;-webkit-text-stroke:1.5px var(--c-ink);text-shadow:2px 2px 0 var(--c-primary)}.top-bar .player-badge{min-width:0;text-decoration:none}.top-bar .player-badge strong{text-overflow:ellipsis;white-space:nowrap;max-width:9em;overflow:hidden}@media (max-width:479px){.top-bar .player-badge strong{display:none}}.live-pill{width:fit-content;max-width:100%;font:700 .8rem var(--font-body-stack);color:var(--c-ink);background:var(--c-paper);border:2px solid var(--c-ink);border-radius:999px;align-items:center;gap:6px;padding:3px 10px;display:inline-flex}.live-dot{background:#ff3b3b;border-radius:50%;flex:none;width:8px;height:8px;animation:1.2s ease-in-out infinite blink}.weekly{color:#fff;background:var(--c-ink);border:var(--stroke);border-radius:var(--radius-lg);box-shadow:4px 4px 0 var(--c-primary);gap:4px;padding:14px;display:grid;position:relative;overflow:hidden}.weekly>*{z-index:1;position:relative}.weekly .live-pill{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.weekly h2{margin-top:4px;font-size:1.4rem}.weekly-countdown{font:700 1.7rem var(--font-display-stack);letter-spacing:1px;color:var(--c-bg);font-variant-numeric:tabular-nums;margin:0}.weekly-row{justify-content:space-between;align-items:center;gap:10px;min-height:44px;display:flex}.weekly-rank{font:700 .85rem var(--font-body-stack);min-width:0;margin:0}.weekly-skeleton{width:70%;height:18px}.weekly-eq{z-index:0;opacity:.35;pointer-events:none;align-items:flex-end;gap:4px;height:90px;display:flex;position:absolute;bottom:0;right:-6px}.weekly-eq i{background:var(--c-primary);transform-origin:bottom;border-radius:4px 4px 0 0;width:10px;height:100%;animation:1s ease-in-out infinite bar}.weekly-eq i:first-child{transform:scaleY(.4)}.weekly-eq i:nth-child(2){animation-delay:-.2s;transform:scaleY(.8)}.weekly-eq i:nth-child(3){animation-delay:-.5s;transform:scaleY(.55)}.weekly-eq i:nth-child(4){animation-delay:-.7s;transform:scaleY(.95)}.weekly-eq i:nth-child(5){animation-delay:-.35s;transform:scaleY(.6)}@keyframes bar{0%,to{transform:scaleY(.3)}50%{transform:scaleY(1)}}.sec-title{justify-content:space-between;align-items:baseline;gap:8px;margin:6px 0 8px;font-size:1.15rem;display:flex}.sec-title small{font:600 .8rem var(--font-body-stack)}.sec-sub{margin:4px 0 6px;font-size:1rem}.todo{gap:8px;margin:0;padding:0;list-style:none;display:grid}.todo-row{background:var(--c-paper);border:var(--stroke);border-radius:var(--radius-lg);box-shadow:4px 4px 0 var(--c-ink);align-items:center;gap:10px;padding:10px;display:flex}.todo-icon{border:var(--stroke);border-radius:10px;flex:none;place-items:center;width:44px;height:44px;display:grid}.tone-good{background:linear-gradient(135deg,#3ee08f,#00b3a4)}.tone-rival{background:linear-gradient(135deg,#6fd3ff,#8b5cf6)}.tone-primary{background:linear-gradient(135deg,#ff4fa0,#ffb347)}.todo-text{min-width:0;font:600 .85rem var(--font-body-stack);overflow-wrap:anywhere;flex:1}.todo-text b{font:700 .95rem var(--font-display-stack);display:block}.how-card{background:var(--c-paper);border:var(--stroke);border-radius:var(--radius-lg);box-shadow:4px 4px 0 var(--c-ink);gap:10px;padding:14px;display:grid}.how-card ol{font:600 .9rem var(--font-body-stack);gap:4px;margin:0;padding-left:20px;display:grid}.cover{width:var(--cover-size);height:var(--cover-size);background:var(--c-paper);border:var(--stroke);box-shadow:3px 3px 0 var(--c-ink);border-radius:14px;flex:none;display:block;position:relative;overflow:hidden}.cover-small{box-shadow:2px 2px 0 var(--c-ink);border-width:2px;border-radius:10px}.cover img{object-fit:cover;width:100%;height:100%;display:block}.cover-mosaic{grid-template-columns:1fr 1fr;width:100%;height:100%;display:grid}.cover-mosaic img{width:100%;height:100%}.cover-initials{width:100%;height:100%;font:700 calc(var(--cover-size) * .32) var(--font-display-stack);color:#fff;-webkit-text-stroke:1.5px var(--c-ink);place-items:center;display:grid}.cover-small .cover-initials{-webkit-text-stroke:1px var(--c-ink)}.eq-mini{background:var(--c-paper);border:2px solid var(--c-ink);box-sizing:content-box;border-radius:6px;align-items:flex-end;gap:2px;height:16px;padding:2px 3px;display:flex;position:absolute;bottom:8px;left:8px}.eq-mini i{background:var(--c-ink);transform-origin:bottom;width:3px;height:100%;animation:.8s ease-in-out infinite bar;transform:scaleY(.6)}.eq-mini i:nth-child(2){animation-delay:-.3s}.eq-mini i:nth-child(3){animation-delay:-.55s}.rail{scroll-snap-type:x mandatory;scrollbar-width:none;overscroll-behavior-x:contain;gap:12px;margin:0 -16px;padding:6px 16px 10px;scroll-padding-inline:16px;list-style:none;display:flex;overflow-x:auto}.rail::-webkit-scrollbar{display:none}.rail>li{scroll-snap-align:start;flex:none}.rail-item,:where(.screen) .rail-item{text-align:left;width:126px;min-height:0;color:var(--c-ink);cursor:pointer;box-shadow:none;font:inherit;background:0 0;border:0;border-radius:14px;gap:2px;padding:0 6px 0 0;display:grid}.rail-item:active{box-shadow:none;transform:translate(2px,2px)}.rail-item .cover{margin-bottom:4px}.rail-title{font:700 .9rem var(--font-display-stack);-webkit-line-clamp:2;-webkit-box-orient:vertical;line-height:1.2;display:-webkit-box;overflow:hidden}.rail-meta{font:600 .72rem var(--font-body-stack);opacity:.75;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.bottom-nav{z-index:20;padding-bottom:env(safe-area-inset-bottom);pointer-events:none;position:fixed;bottom:0;left:0;right:0}.bottom-nav-inner{pointer-events:auto;background:var(--c-paper);border:var(--stroke);border-bottom:0;border-radius:18px 18px 0 0;grid-template-columns:repeat(5,1fr);align-items:center;max-width:560px;height:68px;margin-inline:auto;display:grid}.bottom-nav:after{content:"";height:env(safe-area-inset-bottom);background:var(--c-paper);position:absolute;bottom:0;left:0;right:0}.nav-tab{min-height:48px;font:700 .68rem var(--font-display-stack);white-space:nowrap;color:var(--c-ink);border-radius:12px;justify-items:center;gap:2px;padding:6px 0;text-decoration:none;display:grid}.nav-icon{place-items:center;height:30px;display:grid;position:relative}.nav-badge{box-sizing:border-box;min-width:18px;height:18px;font:700 .65rem var(--font-display-stack);color:#fff;background:var(--c-primary);border:2px solid var(--c-ink);border-radius:999px;place-items:center;margin-left:-4px;padding:0 4px;line-height:1;display:grid;position:absolute;top:-9px;left:100%}.nav-tab[aria-current=page]{color:#c4126a}.nav-icon .icon{transition:transform .16s,filter .16s}.nav-tab[aria-current=page] .nav-icon .icon{filter:drop-shadow(2px 2px 0 var(--c-ink));transform:translateY(-3px)rotate(-6deg)scale(1.07)}.nav-badge{transition:transform .16s}.nav-tab[aria-current=page] .nav-badge{transform:translateY(-3px)}@media (prefers-reduced-motion:reduce){.nav-tab[aria-current=page] .nav-icon .icon,.nav-tab[aria-current=page] .nav-badge{transform:none}}.nav-play{cursor:pointer;color:#fff;background:var(--c-primary);border:var(--stroke);width:62px;height:62px;box-shadow:0 4px 0 var(--c-ink);border-radius:50%;align-content:center;justify-self:center;place-items:center;margin-top:-28px;padding:0;display:grid}.nav-play .nav-play-label{font:700 .68rem var(--font-display-stack);-webkit-text-stroke:.4px var(--c-ink);line-height:1}.nav-play:active{box-shadow:0 1px 0 var(--c-ink);transform:translateY(3px)}.sheet-root{z-index:40;justify-content:center;display:flex;position:fixed;inset:0}.sheet-root.shape-sheet{align-items:flex-end}.sheet-root.shape-card{align-items:center}.sheet-scrim{background:#1b123080;position:absolute;inset:0}.sheet{overscroll-behavior:contain;width:100%;max-width:560px;max-height:88vh;padding:0 16px calc(18px + env(safe-area-inset-bottom));background:var(--c-bg);border:var(--stroke);box-shadow:0 -4px 0 var(--c-ink);border-bottom:0;border-radius:26px 26px 0 0;transition:transform .16s ease-out;position:relative;overflow-y:auto}.sheet.dragging{transition:none}.sheet-root.closing{pointer-events:none}.shape-card .sheet{border-bottom:var(--stroke);width:min(360px,100vw - 32px);box-shadow:var(--shadow);border-radius:26px;padding-bottom:16px}.sheet-content{gap:14px;display:grid}.sheet-scene{isolation:isolate;border-bottom:var(--stroke);margin:0 -16px;padding:0 16px 14px;position:relative;overflow:hidden}.sheet-backdrop{z-index:-1;animation:.2s ease-out fade-in;position:absolute;inset:0;overflow:hidden}.sheet-backdrop img{object-fit:cover;filter:blur(24px)saturate(1.4);width:140%;height:140%;position:absolute;top:-20%;left:-20%}.sheet-veil{background:#1b123040;position:absolute;inset:0}.sheet-handle{cursor:grab;touch-action:none;place-items:center;height:28px;margin:0 -16px;display:grid}.sheet-handle span{width:48px;height:6px;box-shadow:0 0 0 2px var(--c-ink);background:#fff;border-radius:3px}.sheet-close{z-index:2;cursor:pointer;width:44px;height:44px;color:var(--c-ink);background:var(--c-paper);border:var(--stroke);box-shadow:var(--shadow-sm);border-radius:50%;place-items:center;padding:0;display:grid;position:absolute;top:6px;right:12px}.sheet-close:active{box-shadow:none;transform:translate(2px,2px)}.sheet-scene-row{align-items:flex-end;gap:12px;margin-top:16px;display:flex}.sheet-disc{flex:none;width:104px;height:104px;position:relative}.sheet-vinyl{border:var(--stroke);background:repeating-radial-gradient(circle, var(--c-ink) 0 3px, #2b2045 3px 6px);border-radius:50%;width:92px;height:92px;transition:transform .38s cubic-bezier(.34,1.56,.64,1);position:absolute;top:6px;left:6px;transform:translate(0)}.landed .sheet-vinyl{animation:4s linear .38s infinite vinyl-spin;transform:translate(34px)}.motion-still .sheet-vinyl{transition:none;animation:none;transform:translate(34px)}@keyframes vinyl-spin{0%{transform:translate(34px)rotate(0)}to{transform:translate(34px)rotate(360deg)}}.sheet-vinyl:after{content:"";background:var(--c-primary);border:2px solid var(--c-ink);border-radius:50%;position:absolute;inset:31px}.sheet-scene-cover{width:fit-content;display:block;position:relative}.sheet-scene-cover .cover{box-shadow:var(--shadow);border-radius:18px}.sheet-scene-cover.swap{animation:.25s ease-out pop}.sheet-cover-skeleton{width:var(--cover-size);height:var(--cover-size);border:2px dashed var(--c-ink);border-radius:18px;flex:none;position:relative}.sheet-scene-text{flex:1;justify-items:start;gap:4px;min-width:0;display:grid}.sheet-scene-text.beside-vinyl{padding-left:34px}.sheet-scene-text h2{color:#fff;-webkit-text-stroke:1.2px var(--c-ink);text-shadow:2px 2px 0 var(--c-ink);overflow-wrap:anywhere;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;order:1;font-size:1.3rem;font-weight:700;display:-webkit-box;overflow:hidden}.sheet-meta{font:700 .8rem var(--font-body-stack);color:var(--c-ink);overflow-wrap:anywhere;background:#ffffffd9;border-radius:6px;order:2;margin:0;padding:1px 6px}.sheet-scene .live-pill{text-overflow:ellipsis;white-space:nowrap;order:0;overflow:hidden}.shape-card .sheet-scene{padding-top:20px}.shape-card .sheet-scene-row{flex-direction:column;align-items:center;gap:10px;margin-top:0}.shape-card .sheet-scene-cover .cover{border-radius:22px}.shape-card .sheet-scene-text{text-align:center;justify-items:center;width:100%}.shape-card .sheet-scene-text h2{display:block}.shape-card .sheet-scene .live-pill{order:3}.sheet-choose{gap:6px;display:grid}.sheet-choose-head{font:700 .9rem var(--font-display-stack);justify-content:space-between;align-items:baseline;display:flex}.sheet-choose-head a{font:600 .8rem var(--font-body-stack)}.sheet-choices{overscroll-behavior-x:contain;scrollbar-width:none;gap:10px;margin:0 -16px;padding:4px 16px 8px;list-style:none;display:flex;overflow-x:auto}.sheet-choices::-webkit-scrollbar{display:none}.sheet-choices button{cursor:pointer;background:0 0;border:0;border-radius:12px;padding:0;display:block}.sheet-choices button[aria-pressed=true] .cover{outline:3px solid var(--c-primary);outline-offset:2px}.sheet-choice-skeleton{border:2px dashed var(--c-ink);flex:none;width:48px;height:48px}.sheet-modes{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:12px;display:grid}.sheet-mode,.sheet-see-all{color:var(--c-ink);background:var(--c-paper);border:var(--stroke);border-radius:var(--radius-lg);box-shadow:var(--shadow);overflow-wrap:anywhere;align-content:start;gap:2px;padding:12px;text-decoration:none;display:grid;position:relative;overflow:hidden}.sheet-mode b,.sheet-see-all b{font:700 1.05rem var(--font-display-stack)}.sheet-mode span{font:600 .78rem var(--font-body-stack)}.sheet-mode .sheet-mode-icon{place-items:center;margin-bottom:4px;line-height:0;display:grid}.sheet-mode.hero{background:var(--c-primary);grid-column:1/-1;grid-template-columns:auto minmax(0,1fr);align-items:center;column-gap:12px}.sheet-mode.hero .sheet-mode-icon{grid-row:span 3;margin:0}.sheet-mode.hero>:not(.sheet-mode-icon){grid-column:2}.sheet-mode.hero:after{content:"";pointer-events:none;background:linear-gradient(110deg,#0000 30%,#ffffff73 45%,#0000 60%);position:absolute;inset:0;transform:translate(-100%)}.landed .sheet-mode.hero:after{animation:2.8s ease-in-out .3s 2 shine}.sheet-mode.hero.done{background:var(--c-frozen)}.sheet-mode.hero.done:after{content:none}.sheet-mode.duel{background:var(--c-rival)}.sheet-mode .sheet-countdown{font:700 .85rem var(--font-display-stack);color:#fff;-webkit-text-stroke:.5px var(--c-ink);font-variant-numeric:tabular-nums}.sheet-mode:active,.sheet-see-all:active{box-shadow:1px 1px 0 var(--c-ink);transform:translate(3px,3px)}.sheet-mode-skeleton{border:var(--stroke);border-radius:var(--radius-lg);background-color:#fff9;border-style:dashed;min-height:96px}.sheet-mode-skeleton.hero{grid-column:1/-1;min-height:84px}.sheet-mode{animation:.42s cubic-bezier(.34,1.56,.64,1) both popIn;animation-delay:calc(.18s + var(--i,0) * 70ms)}.motion-still .sheet-mode,.motion-still .sheet-mode.hero:after{animation:none}@keyframes popIn{0%{opacity:0;transform:translateY(16px)scale(.9)}}@keyframes shine{0%{transform:translate(-100%)}40%,to{transform:translate(100%)}}@keyframes fade-in{0%{opacity:0}to{opacity:1}}.sr-only{clip:rect(0 0 0 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.sec-head{justify-content:space-between;align-items:baseline;gap:8px;display:flex}.sec-head .sec-title{justify-content:flex-start}.see-all{font:700 .85rem var(--font-body-stack);color:var(--c-ink);text-decoration:underline}.todo-row-link{min-width:0;color:inherit;flex:1;align-items:center;gap:10px;text-decoration:none;display:flex}.todo-cover{flex:none;display:block}.todo-icon.tone-won,.todo-icon.tone-lost,.todo-icon.tone-draw{background:var(--c-paper)}.todo-elo{font:800 .9rem var(--font-display-stack);flex:none}.todo-elo.up{color:var(--c-good)}.todo-elo.down{color:var(--c-bad)}.duels-sections{gap:18px;display:grid}.duels-skeleton{border:var(--stroke);border-radius:var(--radius-lg);height:66px}.duels-empty{text-align:center;background:var(--c-paper);border:var(--stroke);border-radius:var(--radius-lg);box-shadow:4px 4px 0 var(--c-ink);justify-items:center;gap:10px;padding:20px 16px;display:grid}.duels-empty h2{margin:0;font-size:1.2rem}.duels-empty p{font:600 .9rem var(--font-body-stack);margin:0}.duels-empty .pill-btn{width:100%}.duels-swords{line-height:0}.duels-error{background:var(--c-paper);border:var(--stroke);border-radius:var(--radius-lg);font:600 .9rem var(--font-body-stack);justify-items:start;gap:10px;padding:14px;display:grid}.account{gap:18px}.account .card{gap:12px;padding:18px;display:grid}.account .card>h2{margin-bottom:2px}.account .card p{margin:0}.account form{gap:12px;margin-top:4px;display:grid}.account form .btn{width:100%}.field{font:600 1rem var(--font-display-stack);gap:6px;margin:0;display:grid}.field input{width:100%}.settings .setting{gap:6px;display:grid}.settings .setting+.setting{border-top:2px dashed #1b123033;padding-top:14px}.setting-inline{grid-template-columns:minmax(0,1fr) max-content;align-items:center;column-gap:14px}.setting-inline>div:first-child{gap:6px;display:grid}.setting .select{margin-top:6px}.account-who{align-items:center;gap:14px;display:flex}.account-who>div{gap:4px;min-width:0;display:grid}.account-who h2{overflow-wrap:anywhere}.account-forever{align-items:center;gap:6px;display:flex}.account-danger{background:#fff3f1}.btn-danger,:where(.screen) button.btn-danger{background:var(--c-bad)}.account-legal,.welcome-legal{text-align:center}.welcome-card{gap:12px;padding:18px;display:grid}.welcome-card p{margin:0}.welcome-status{align-items:center;gap:8px;min-height:28px;font-weight:600;display:flex}.back-link{font:600 1rem var(--font-display-stack);justify-self:start}.select{position:relative}.select select{appearance:none;cursor:pointer;width:100%;min-height:52px;font:600 1.05rem var(--font-display-stack);color:var(--c-ink);background:var(--c-paper);border:var(--stroke);box-shadow:var(--shadow-sm);border-radius:14px;padding:12px 64px 12px 14px;transition:transform 80ms,box-shadow 80ms}.select:after{content:"";pointer-events:none;border-left:var(--stroke);background:var(--c-primary) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='10' viewBox='0 0 16 10'%3E%3Cpath d='M2 2l6 6 6-6' fill='none' stroke='%231b1230' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center / 16px 10px no-repeat;border-radius:0 11px 11px 0;width:44px;position:absolute;top:3px;bottom:3px;right:3px}.select select:hover{box-shadow:var(--shadow);transform:translate(-1px,-1px)}.select select:focus-visible{outline:3px solid var(--c-primary);outline-offset:3px}.lobby{--mode:var(--c-primary);flex-direction:column;gap:14px;min-height:100dvh;display:flex}.lobby[data-mode=practice]{--mode:var(--c-frozen)}.lobby[data-mode=challenge]{--mode:var(--c-pass)}.lobby[data-mode=duel]{--mode:var(--c-rival)}.lobby-top{grid-template-columns:44px 1fr 44px;place-items:center;display:grid}.lobby-back{width:44px;height:44px;color:var(--c-ink);background:var(--c-paper);border:var(--stroke);box-shadow:var(--shadow-sm);border-radius:12px;place-items:center;text-decoration:none;display:grid}.lobby-top .sound-toggle{width:44px;height:44px;min-height:0;box-shadow:var(--shadow-sm);border-radius:12px;position:static}.lobby-mode{font:700 .82rem var(--font-display-stack);letter-spacing:.06em;text-transform:uppercase;border:var(--stroke);background:var(--mode);box-shadow:var(--shadow-sm);text-overflow:ellipsis;white-space:nowrap;border-radius:999px;max-width:100%;padding:6px 12px;overflow:hidden}.lobby-hero{text-align:center;justify-items:center;gap:10px;display:grid}.lobby-disc{width:156px;height:126px;position:relative}.lobby-disc .cover{z-index:1;box-shadow:var(--shadow);border-radius:16px;position:relative}.lobby-vinyl{border:var(--stroke);background:repeating-radial-gradient(circle, var(--c-ink) 0 3px, #2b2045 3px 6px);border-radius:50%;width:116px;height:116px;animation:6s linear infinite vinyl-turn;position:absolute;top:3px;left:42px}.lobby-vinyl:after{content:"";background:var(--mode);border:2px solid var(--c-ink);border-radius:50%;position:absolute;inset:39px}@keyframes vinyl-turn{to{transform:rotate(360deg)}}.lobby-title{text-shadow:3px 3px 0 var(--mode);overflow-wrap:anywhere}.lobby-facts{flex-wrap:wrap;justify-content:center;gap:6px;margin:0;padding:0;list-style:none;display:flex}.lobby-fact{font:600 .85rem var(--font-display-stack);border:2px solid var(--c-ink);background:var(--c-paper);border-radius:999px;align-items:center;gap:5px;padding:5px 10px;display:inline-flex}.lobby-panel{z-index:1;gap:10px;padding:14px;display:grid;position:relative}.lobby-panel h2{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;font-size:1.05rem;display:flex}.lobby-panel p{margin:0}.lobby-stage{gap:10px;margin-top:auto;padding-top:24px;display:grid;position:relative}.lobby-actions{z-index:1;gap:10px;display:grid;position:relative}.lobby-actions .btn{width:100%}.lobby-footer{z-index:1;text-align:center;justify-items:center;gap:6px;display:grid;position:relative}.lobby-footer [role=alert]{background:var(--c-paper);border:2px solid var(--c-ink);border-radius:12px;margin:0;padding:6px 10px}.lobby-footer .ready-deadline{background:var(--c-paper);border:2px solid var(--c-ink);border-radius:999px;padding:4px 12px}.lobby-footer .deezer-badge{background:var(--c-paper);border:2px solid var(--c-ink);border-radius:999px;padding:3px 10px}.lobby-eq{pointer-events:none;z-index:0;align-items:flex-end;gap:5px;height:190px;padding:0 6px;display:flex;position:absolute;inset:auto -16px -40px;overflow:hidden}.lobby-eq i{background:color-mix(in srgb, var(--mode) 55%, transparent);transform-origin:bottom;height:100%;animation:lobby-bar var(--d) ease-in-out var(--delay) infinite alternate;border:2px solid #1b12302e;border-bottom:0;border-radius:8px 8px 0 0;flex:1;transform:scaleY(.3)}.lobby-eq.boost i{animation-duration:calc(var(--d) / 2)}@keyframes lobby-bar{0%{transform:scaleY(.18)}to{transform:scaleY(.78)}}.lobby-stat-row{grid-template-columns:repeat(3,1fr);gap:8px;display:grid}.lobby-stat{border:2px solid var(--c-ink);text-align:center;background:#fbf8ff;border-radius:12px;padding:8px 6px}.lobby-stat b{font:700 1.4rem var(--font-display-stack);line-height:1;display:block}.lobby-panel .skeleton{background:linear-gradient(90deg, var(--c-empty), #e4dcff, var(--c-empty));background-size:200% 100%}.lobby-stat small{font:600 .72rem var(--font-display-stack)}.lobby-tag{font:700 .72rem var(--font-display-stack);border:2px solid var(--c-ink);background:var(--mode);white-space:nowrap;border-radius:999px;padding:3px 8px}.lobby-countdown{font:700 1rem var(--font-display-stack);font-variant-numeric:tabular-nums}.lobby-podium{gap:6px;margin:0;padding:0;list-style:none;display:grid}.lobby-podium li{font:600 .9rem var(--font-display-stack);grid-template-columns:28px 28px minmax(0,1fr) auto;align-items:center;gap:8px;display:grid}.lobby-podium li>span:nth-child(3){text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.lobby-medal{border:2px solid var(--c-ink);width:26px;height:26px;font:700 .75rem var(--font-display-stack);border-radius:50%;place-items:center;display:grid}.lobby-medal.m1{background:#ffd21f}.lobby-medal.m2{background:#e3e3ea}.lobby-medal.m3{background:#f0b27a}.lobby-hint{border-top:2px dashed #1b123033;padding-top:8px}.lobby-warning{z-index:1;font:600 .85rem var(--font-display-stack);border:2px solid var(--c-ink);background:#fff3f8;border-radius:12px;padding:8px 10px;position:relative}.lobby-howto{gap:4px;margin:0;padding-left:1.2em;display:grid}.versus{grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:center;gap:6px;display:grid}.versus-side{text-align:center;justify-items:center;gap:6px;min-width:0;display:grid}.versus-name{font:700 1rem var(--font-display-stack);text-overflow:ellipsis;white-space:nowrap;max-width:100%;overflow:hidden}.versus-ghost{border:3px dashed var(--c-ink);width:64px;height:64px;font:700 1.3rem var(--font-display-stack);border-radius:50%;place-items:center;display:grid}.versus-ghost.pulse{animation:1.2s ease-in-out infinite pulse}.lobby .vs{color:#fff}@media (prefers-reduced-motion:reduce){.lobby-vinyl,.lobby-eq i,.versus-ghost.pulse{animation:none}.lobby-eq i{transform:scaleY(var(--still))}}.host-line{font:700 1.05rem var(--font-display-stack);margin:0}.icon{vertical-align:middle;flex:none;display:inline-block;overflow:visible}.icon-shadow{filter:drop-shadow(2px 2px 0 var(--c-ink))}.results{gap:18px}.results-hero{text-align:center;justify-items:center;gap:12px;padding:18px 16px;display:grid}.results-hero .board{width:100%}.results-mode{font:700 .8rem var(--font-display-stack);letter-spacing:.06em;text-transform:uppercase;border:var(--stroke);background:var(--c-frozen);box-shadow:var(--shadow-sm);border-radius:999px;padding:5px 12px}.results-mode.mode-ranked{background:var(--c-primary)}.results-mode.mode-challenge{background:var(--c-pass)}.results-score{font:700 4rem var(--font-display-stack);color:#fff;-webkit-text-stroke:2.5px var(--c-ink);text-shadow:4px 4px 0 var(--c-primary);margin:0;line-height:1}.results-score small{-webkit-text-stroke:2px var(--c-ink);font-size:1.7rem}.results-versus{font:600 .95rem var(--font-display-stack);margin:0}.results-facts{flex-wrap:wrap;justify-content:center;gap:6px;margin:0;padding:0;list-style:none;display:flex}.results-ranks{gap:6px;width:100%;display:grid}.results-rank{border:2px solid var(--c-ink);font:600 .92rem var(--font-display-stack);text-align:left;background:#fff8d6;border-radius:12px;align-items:center;gap:10px;margin:0;padding:8px 12px;display:flex}.results-section{gap:10px;display:grid}.results-section h2{font-size:1.15rem}.results-section-head{flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:4px 12px;display:flex}.results-section-head>span{font:600 .82rem var(--font-display-stack);opacity:.75}.results-tracks{gap:8px;margin:0;padding:0;list-style:none;display:grid}.results-track{background:var(--c-paper);border:2px solid var(--c-ink);border-radius:14px;grid-template-columns:48px minmax(0,1fr) auto;align-items:center;gap:12px;padding:6px 12px 6px 6px;display:grid}.results-track.unplayed,.results-compare.unplayed{background:#ffffff8c;border-style:dashed}.results-art{border:2px solid var(--c-ink);border-radius:10px;flex:none;width:48px;height:48px;position:relative}.results-art img{object-fit:cover;border-radius:8px;width:100%;height:100%;display:block}.results-track.unplayed .results-art{filter:grayscale();opacity:.55}.results-art-mark{filter:drop-shadow(1.5px 1.5px 0 var(--c-ink));line-height:0;position:absolute;bottom:-8px;right:-8px}.results-track-text{gap:1px;min-width:0;display:grid}.results-track-text b{font:600 .98rem var(--font-display-stack);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.results-track-text>span{opacity:.75;white-space:nowrap;text-overflow:ellipsis;font-size:.82rem;overflow:hidden}.results-round{font:700 .8rem var(--font-display-stack);opacity:.5;font-variant-numeric:tabular-nums}.results-tag{font:700 .7rem var(--font-display-stack);border:2px solid var(--c-ink);background:var(--c-empty);white-space:nowrap;border-radius:999px;padding:2px 8px}.results-compare-head{font:700 .72rem var(--font-display-stack);opacity:.7;grid-template-columns:28px 28px;gap:8px;padding:0 12px;display:grid}.results-compare-head span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.results-compare{background:var(--c-paper);border:2px solid var(--c-ink);border-radius:14px;grid-template-columns:28px 28px minmax(0,1fr);align-items:center;gap:8px;padding:8px 12px;display:grid}.results-compare>span[role=img]{place-items:center;line-height:0;display:grid}.results-name{gap:8px;padding:14px;display:grid}.results-name label{font:700 1.05rem var(--font-display-stack)}.results-name-row{grid-template-columns:minmax(0,1fr) auto;gap:8px;display:grid}.results-name-row input{min-width:0}.results-actions{grid-template-columns:1fr 1fr;gap:10px;display:grid}.results-actions .go,.results-actions>:only-child,.results-actions>.btn:last-child:nth-child(2){grid-column:1/-1}.signin{gap:12px;display:grid}.signin-btn{justify-content:center;align-items:center;gap:10px;width:100%;display:flex}.signin-logo,.signin-btn .icon{flex:none}.signin-apple{color:#fff;background:#000}.signin-google{background:#fff}.signin-email{background:var(--c-rival)}.signin-sent{overflow-wrap:anywhere;align-items:center;gap:10px;margin:0;font-weight:600;display:flex}.signin-code input{font:700 1.5rem var(--font-display-stack);letter-spacing:.3em;text-align:center;font-variant-numeric:tabular-nums}.signin-legal{text-align:center}.signin-dev{grid-template-columns:1fr 1fr;gap:8px;display:grid}.rematch-notice{top:calc(env(safe-area-inset-top) + 12px);z-index:60;align-items:center;gap:10px;max-width:560px;margin:0 auto;animation:.26s cubic-bezier(.34,1.25,.64,1) popIn;display:flex;position:fixed;left:16px;right:16px}.rematch-notice-text{flex:1;min-width:0;display:grid}.rematch-notice-text small{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.rematch-notice-close{cursor:pointer;background:0 0;border:0;padding:4px}@media (prefers-reduced-motion:reduce){.rematch-notice{animation:.15s ease-out fade-in}}.signin-sheet{gap:14px;animation:.32s cubic-bezier(.34,1.25,.64,1) signin-up;display:grid}.shape-card .signin-sheet{padding-top:20px;animation-name:popIn}.shape-sheet .signin-sheet .sheet-handle{margin-bottom:-6px}.signin-sheet .signin-title{align-items:center;min-height:44px;padding-right:52px;display:flex}.signin-root .sheet-scrim{animation:.2s ease-out fade-in}@keyframes signin-up{0%{transform:translateY(100%)}}.login{align-content:start;padding-top:32px}.login .signin{margin-top:8px}@media (prefers-reduced-motion:reduce){.signin-sheet,.shape-card .signin-sheet{animation:.15s ease-out fade-in}}.welcome-status{flex-wrap:wrap}.welcome-retry{min-height:36px;box-shadow:none;padding:4px 12px;font-size:.9rem}.sheet-mode-lock{background:var(--c-paper);width:28px;height:28px;color:var(--c-ink);border-radius:50%;place-items:center;line-height:0;display:grid;position:absolute;top:8px;right:8px}.results-save{gap:12px;display:grid}.results-save h2,.results-save p{margin:0}.results-stores{gap:8px;display:grid}.invite-signin{align-content:center;gap:12px;display:grid}