@font-face{font-family:Outfit;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/outfit-latin-ext-400-normal-7-alf5FM.woff2) format("woff2"),url(/assets/outfit-latin-ext-400-normal-B56Gh2nA.woff) format("woff");unicode-range:U+0100-02AF,U+0304,U+0308,U+0329,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Outfit;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/outfit-latin-400-normal-CQm_KAGb.woff2) format("woff2"),url(/assets/outfit-latin-400-normal-DodQBVgl.woff) format("woff");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Outfit;font-style:normal;font-display:swap;font-weight:500;src:url(/assets/outfit-latin-ext-500-normal-3Hh2igas.woff2) format("woff2"),url(/assets/outfit-latin-ext-500-normal-Cgg83hKa.woff) format("woff");unicode-range:U+0100-02AF,U+0304,U+0308,U+0329,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Outfit;font-style:normal;font-display:swap;font-weight:500;src:url(/assets/outfit-latin-500-normal-DwRFpDWQ.woff2) format("woff2"),url(/assets/outfit-latin-500-normal-CDNGX6wd.woff) format("woff");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Outfit;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/outfit-latin-ext-600-normal-BHrz0Cko.woff2) format("woff2"),url(/assets/outfit-latin-ext-600-normal-BrYXDtBv.woff) format("woff");unicode-range:U+0100-02AF,U+0304,U+0308,U+0329,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Outfit;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/outfit-latin-600-normal-eKzYX13k.woff2) format("woff2"),url(/assets/outfit-latin-600-normal-CZzGovRi.woff) format("woff");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Outfit;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/outfit-latin-ext-700-normal-MkSlr6Bo.woff2) format("woff2"),url(/assets/outfit-latin-ext-700-normal-Ct1g9rab.woff) format("woff");unicode-range:U+0100-02AF,U+0304,U+0308,U+0329,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Outfit;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/outfit-latin-700-normal-DH66iFdQ.woff2) format("woff2"),url(/assets/outfit-latin-700-normal-BKcN8tbM.woff) format("woff");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Outfit;font-style:normal;font-display:swap;font-weight:800;src:url(/assets/outfit-latin-ext-800-normal-BV8koXMj.woff2) format("woff2"),url(/assets/outfit-latin-ext-800-normal-BzLgNtb6.woff) format("woff");unicode-range:U+0100-02AF,U+0304,U+0308,U+0329,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Outfit;font-style:normal;font-display:swap;font-weight:800;src:url(/assets/outfit-latin-800-normal-CyZZBbOQ.woff2) format("woff2"),url(/assets/outfit-latin-800-normal-CDbS5prC.woff) format("woff");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{--bg: #07051a;--bg-glow: radial-gradient(circle at 15% -10%, #3b1f7a 0%, #160b38 38%, #07051a 75%);--surface: rgba(255, 255, 255, .05);--surface-2: rgba(255, 255, 255, .08);--surface-solid: #1b1238;--text: #f1ecff;--muted: #b3a6dc;--label: #9d8fd0;--border: rgba(255, 255, 255, .12);--border-strong: rgba(255, 255, 255, .22);--accent: #8b5cf6;--accent-2: #ec4899;--grad: linear-gradient(90deg, #8b5cf6, #ec4899);--grad-soft: linear-gradient(160deg, rgba(139, 92, 246, .45), rgba(236, 72, 153, .35));--accent-text: #ffffff;--accent-soft: rgba(139, 92, 246, .2);--glow: 0 0 18px rgba(236, 72, 153, .45);--cyan: #7cf3ff;--gold: #ffd166;--anime: #ff7ad9;--anime-soft: rgba(236, 72, 153, .18);--good: #4ade80;--good-soft: rgba(74, 222, 128, .15);--bad: #fb7185;--bad-soft: rgba(244, 63, 94, .16);--shadow: 0 10px 30px rgba(0, 0, 0, .35);--radius: 16px;color-scheme:dark}:root[data-theme=light]{--bg: #f3efff;--bg-glow: radial-gradient(circle at 15% -10%, #e3d6ff 0%, #f3efff 45%, #fbf9ff 80%);--surface: rgba(255, 255, 255, .75);--surface-2: rgba(124, 92, 246, .08);--surface-solid: #ffffff;--text: #1d1440;--muted: #5f5288;--label: #6d5fa3;--border: rgba(76, 52, 160, .16);--border-strong: rgba(76, 52, 160, .3);--accent: #7c3aed;--accent-2: #db2777;--grad: linear-gradient(90deg, #7c3aed, #db2777);--grad-soft: linear-gradient(160deg, rgba(124, 58, 237, .16), rgba(219, 39, 119, .12));--accent-soft: rgba(124, 58, 237, .12);--glow: 0 0 16px rgba(219, 39, 119, .25);--cyan: #0e9fb3;--gold: #b7791f;--anime: #c026d3;--anime-soft: rgba(219, 39, 119, .1);--good: #15803d;--good-soft: rgba(21, 128, 61, .12);--bad: #be123c;--bad-soft: rgba(190, 18, 60, .1);--shadow: 0 10px 30px rgba(60, 30, 140, .12);color-scheme:light}*{box-sizing:border-box}html,body{margin:0}body{background:var(--bg-glow) fixed,var(--bg);color:var(--text);font:16px/1.5 Outfit,system-ui,-apple-system,Segoe UI,Roboto,sans-serif;-webkit-font-smoothing:antialiased;min-height:100vh}button{font:inherit;color:inherit;cursor:pointer}button:disabled{cursor:not-allowed;opacity:.45}:focus-visible{outline:3px solid var(--cyan);outline-offset:2px}h1{line-height:1.1;margin:0 0 12px;font-weight:800;letter-spacing:-.01em}h2{font-weight:700}svg.icon{flex-shrink:0}.visually-hidden{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}.app{min-height:100vh;display:flex;flex-direction:column}main{flex:1;width:100%;max-width:820px;margin:0 auto;padding:24px 16px 48px}.topbar{position:sticky;top:0;z-index:20;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 16px;border-bottom:1px solid var(--border);background:color-mix(in srgb,var(--bg) 70%,transparent);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.brand{background:none;border:0;font-weight:800;font-size:1.15rem;display:flex;align-items:center;gap:10px;padding:4px}.brand-mark{display:grid;place-items:center;width:32px;height:32px;border-radius:10px;background:var(--grad);color:#fff;box-shadow:var(--glow)}.topbar-tools{display:flex;align-items:center;gap:10px}.volume{display:flex;align-items:center;gap:4px;padding:4px 12px 4px 4px;border-radius:999px;background:var(--surface-2);border:1px solid var(--border-strong)}.volume-mute{display:grid;place-items:center;width:30px;height:30px;border-radius:50%;border:0;background:var(--grad);color:#fff;box-shadow:var(--glow)}.volume input[type=range]{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:96px;height:6px;border-radius:999px;cursor:pointer;background:linear-gradient(90deg,var(--accent),var(--accent-2)) 0 / var(--vol, 70%) 100% no-repeat,var(--border-strong)}.volume input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:16px;height:16px;border-radius:50%;background:#fff;border:2px solid var(--accent-2);box-shadow:var(--glow)}.volume input[type=range]::-moz-range-thumb{width:14px;height:14px;border-radius:50%;background:#fff;border:2px solid var(--accent-2)}.volume input[type=range]::-moz-range-track{height:6px;border-radius:999px;background:transparent}.footer{text-align:center;color:var(--muted);font-size:.8rem;padding:16px;opacity:.8}.primary,.ghost,.chip,.segmented button{border-radius:12px;padding:10px 18px;font-weight:600;border:1px solid transparent;display:inline-flex;align-items:center;justify-content:center;gap:8px}.primary{background:var(--grad);color:#fff;box-shadow:0 6px 20px #ec489959;font-weight:800}.primary:not(:disabled):hover{filter:brightness(1.1);transform:translateY(-1px)}.ghost{background:var(--surface);border-color:var(--border)}.ghost:not(:disabled):hover{background:var(--surface-2);border-color:var(--border-strong)}.small{padding:6px 12px;font-size:.9rem;border-radius:10px}.big{padding:13px 28px;font-size:1.05rem;border-radius:14px}.home{text-align:center;padding-top:12px}.home h1{font-size:clamp(2rem,6vw,3.2rem)}.home h1 .grad-text{background:var(--grad);-webkit-background-clip:text;background-clip:text;color:transparent}.lead{color:var(--muted);font-size:1.05rem;margin:0 0 28px}.home .lead{max-width:560px;margin:0 auto 32px}.section-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:16px;text-align:left}.section-card{display:flex;flex-direction:column;gap:6px;padding:26px 24px;text-align:left;border-radius:20px;border:1px solid var(--border);background:var(--surface);box-shadow:inset 0 1px #ffffff14,var(--shadow);transition:transform .15s,border-color .15s,box-shadow .15s}.section-card:hover{transform:translateY(-3px);border-color:var(--accent-2);box-shadow:var(--glow),var(--shadow)}.section-icon{display:grid;place-items:center;width:52px;height:52px;border-radius:16px;background:var(--grad-soft);color:var(--cyan);margin-bottom:6px}.section-card.multi .section-icon{color:var(--anime)}.section-title{font-size:1.45rem;font-weight:800}.section-desc{color:var(--muted)}.back{margin-bottom:14px}.group{border:0;padding:0;margin:0 0 18px;min-width:0}.group legend,.lab{display:block;padding:0;margin:0 0 8px;font-size:.78rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--label)}.group[disabled]{opacity:.55}.hint,.hint-inline{color:var(--muted);font-size:.85rem;font-weight:400;text-transform:none;letter-spacing:0}.hint{margin:6px 0 0}.two-col{display:grid;grid-template-columns:1fr 1fr;gap:0 18px}@media (max-width: 560px){.two-col{grid-template-columns:1fr}}.section-tiles{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-bottom:20px}@media (max-width: 560px){.section-tiles{grid-template-columns:repeat(2,1fr)}}.tile{border-radius:16px;padding:14px 10px;text-align:center;background:var(--surface);border:1px solid var(--border);display:flex;flex-direction:column;align-items:center;gap:2px;transition:border-color .15s,box-shadow .15s,background .15s}.tile:hover{border-color:var(--border-strong)}.tile b{font-weight:700}.tile small{font-size:.78rem;color:var(--muted)}.tile .icon{color:var(--cyan)}.tile.active{background:var(--grad-soft);border-color:var(--accent-2);box-shadow:var(--glow)}.tile.active .icon{color:var(--text)}.section-tiles .tile{padding:16px 8px}.section-tiles .tile .icon{color:var(--gold)}.section-tiles .tile.active .icon{color:var(--text)}.guess-cards{display:grid;gap:8px}.guess-card{display:grid;grid-template-columns:40px 1fr auto;align-items:center;gap:4px;text-align:left;padding:10px 14px;border-radius:14px;background:var(--surface);border:1px solid var(--border)}.guess-card:hover{border-color:var(--border-strong)}.guess-card .icon{color:var(--cyan)}.guess-card b{display:block;font-weight:700}.guess-card small{color:var(--muted);font-size:.82rem}.guess-card .check-mark{color:var(--text);visibility:hidden}.guess-card.active{background:var(--grad-soft);border-color:var(--accent-2);box-shadow:var(--glow)}.guess-card.active .icon{color:var(--text)}.guess-card.active .check-mark{visibility:visible}.diff-bar{display:flex;border-radius:999px;overflow:hidden;border:1px solid var(--border)}.diff-bar button{flex:1;border:0;background:var(--surface);padding:9px 4px;font-size:.9rem;font-weight:600;color:var(--muted)}.diff-bar button+button{border-left:1px solid var(--border)}.diff-bar button:not(:disabled):not(.active):hover{background:var(--surface-2);color:var(--text)}.diff-bar button.active{color:#10061f;font-weight:800}.diff-bar .d1.active{background:linear-gradient(90deg,#22c55e,#84cc16)}.diff-bar .d2.active{background:linear-gradient(90deg,#facc15,#f59e0b)}.diff-bar .d3.active{background:linear-gradient(90deg,#fb923c,#f97316)}.diff-bar .d4.active{background:linear-gradient(90deg,#f43f5e,#e11d48);color:#fff}.diff-bar .d0.active,.diff-bar .d5.active{background:var(--grad);color:#fff}@media (max-width: 480px){.diff-bar button{font-size:.78rem;padding:9px 2px}}.mini-tiles{display:grid;grid-template-columns:repeat(auto-fill,minmax(96px,1fr));gap:6px}.mini-tile{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;min-height:58px;border-radius:12px;padding:8px 6px;text-align:center;font-size:.85rem;font-weight:600;background:var(--surface);border:1px solid var(--border)}.mini-tile .icon{color:var(--cyan)}.mini-tile:not(:disabled):not(.active):hover{border-color:var(--border-strong)}.mini-tile.active{background:var(--grad-soft);border-color:var(--accent-2);box-shadow:var(--glow)}.mini-tile.active .icon{color:var(--text)}.mini-tile.number{font-size:1.15rem;font-weight:800}.chips{display:flex;flex-wrap:wrap;gap:6px}.chip{background:var(--surface);border-color:var(--border);padding:6px 13px;font-weight:500;font-size:.9rem;border-radius:999px}.chip:hover{border-color:var(--border-strong)}.chip.active{background:var(--grad);border-color:transparent;color:#fff;box-shadow:var(--glow)}.segmented{display:flex;flex-wrap:wrap;gap:8px}.segmented button{background:var(--surface);border:1px solid var(--border);padding:8px 16px}.segmented button:not(:disabled):not(.active):hover{border-color:var(--border-strong);background:var(--surface-2)}.segmented button.active{background:var(--grad);border-color:transparent;color:#fff;box-shadow:var(--glow)}.check{display:flex;align-items:center;gap:8px;margin-top:10px;color:var(--muted);font-size:.92rem}.check input{width:18px;height:18px;accent-color:var(--accent-2)}.start-row{position:sticky;bottom:12px;z-index:5;display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap;margin-top:8px;padding:10px 10px 10px 18px;border-radius:18px;background:color-mix(in srgb,var(--surface-solid) 88%,transparent);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid color-mix(in srgb,var(--accent-2) 45%,transparent);box-shadow:0 0 24px #ec48992e,var(--shadow)}.start-row .hint{margin:0}.start-row .hint b{color:var(--gold)}.error{color:var(--bad);margin:0}.game-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:18px}.round{color:var(--muted);font-weight:600}.score{font-weight:800;font-variant-numeric:tabular-nums;color:var(--gold);font-size:1.15rem}.player-box{background:var(--surface);border:1px solid var(--border);border-radius:22px;box-shadow:inset 0 1px #ffffff14,var(--shadow);padding:22px;display:grid;grid-template-columns:auto 1fr;gap:14px 22px;align-items:center}.play-btn{width:84px;height:84px;border-radius:50%;border:0;display:grid;place-items:center;color:#fff;background:radial-gradient(circle at 30% 30%,#ff7ad9,#8b5cf6);box-shadow:0 0 0 7px #ec489929,0 0 34px #ec48998c;transition:transform .12s}.play-btn:not(:disabled):hover{transform:scale(1.05)}.play-btn:not(:disabled):active{transform:scale(.97)}.clip-bar{display:flex;gap:6px}.seg{position:relative;flex:1;height:34px;border-radius:10px;overflow:hidden;background:var(--surface-2);display:grid;place-items:center}.seg.unlocked{background:var(--accent-soft);outline:1px solid color-mix(in srgb,var(--accent) 50%,transparent)}.seg-fill{position:absolute;inset:0 auto 0 0;background:var(--grad)}.seg-label{position:relative;font-size:.78rem;font-weight:700;color:var(--muted)}.seg.unlocked .seg-label{color:var(--text)}.clip-info{grid-column:1 / -1;margin:0;color:var(--muted)}.clip-info strong{color:var(--gold)}.spinner{width:26px;height:26px;border-radius:50%;border:3px solid rgba(255,255,255,.35);border-top-color:#fff;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}@media (max-width: 480px){.player-box{grid-template-columns:1fr;justify-items:center;padding:18px}.clip-bar{width:100%}.clip-info{text-align:center}}.guess{margin-top:18px}.combo{position:relative}.combo input{width:100%;padding:15px 18px;font:inherit;font-size:1.05rem;border-radius:14px;border:1px solid var(--border-strong);background:#00000040;color:var(--text)}:root[data-theme=light] .combo input{background:#fff}.combo input:focus{outline:none;border-color:var(--accent-2);box-shadow:var(--glow)}.combo-list{position:absolute;z-index:10;left:0;right:0;top:calc(100% + 6px);margin:0;padding:6px;list-style:none;background:var(--surface-solid);border:1px solid var(--border-strong);border-radius:14px;box-shadow:var(--shadow);max-height:320px;overflow-y:auto}.combo-list li{padding:9px 12px;border-radius:10px;cursor:pointer;display:flex;flex-direction:column}.combo-list li.active{background:var(--accent-soft)}.combo-list li.wrong{opacity:.5;text-decoration:line-through;cursor:not-allowed}.opt-hint{color:var(--muted);font-size:.85rem}.combo-empty{margin:6px 4px 0;color:var(--muted);font-size:.9rem}.guess-actions{display:flex;justify-content:space-between;gap:10px;margin-top:12px}.kbd-hint{font-size:.85rem}@media (max-width: 560px){.kbd-hint{display:none}}.guess-list{list-style:none;padding:0;margin:16px 0 0;display:grid;gap:6px}.guess-list li{padding:8px 12px;border-radius:10px;border:1px solid var(--border);display:flex;align-items:center;gap:8px}.guess-list li.wrong{background:var(--bad-soft);border-color:transparent}.guess-list li.skipped{color:var(--muted)}.answer-card{margin-top:18px;border-radius:20px;border:1px solid;padding:18px;background:var(--surface)}.answer-card.correct{border-color:var(--good);box-shadow:0 0 26px #4ade8038}.answer-card.missed{border-color:var(--bad);box-shadow:0 0 26px #f43f5e2e}.verdict{margin:0 0 14px;font-weight:800;display:flex;align-items:center;gap:8px}.correct .verdict{color:var(--good)}.missed .verdict{color:var(--bad)}.answer-body{display:flex;gap:18px;align-items:flex-start}.cover{width:120px;height:120px;border-radius:14px;object-fit:cover;flex-shrink:0;background:var(--surface-2)}.cover.placeholder{display:grid;place-items:center;color:var(--muted)}.answer-facts{margin:0;display:grid;gap:8px;min-width:0}.answer-facts dt{font-size:.72rem;text-transform:uppercase;letter-spacing:.08em;color:var(--label);font-weight:700}.answer-facts dd{margin:0;overflow-wrap:anywhere}.answer-title{font-size:1.3rem;font-weight:800}.meta{color:var(--muted)}@media (max-width: 480px){.answer-body{flex-direction:column}}.next-row{display:flex;justify-content:flex-end;gap:10px;margin-top:18px;flex-wrap:wrap}.results{text-align:center}.results .round-list,.results .arcade-scores{text-align:left}.eyebrow{color:var(--muted);font-weight:600;margin:0 0 6px}.trophy{display:inline-grid;place-items:center;width:72px;height:72px;border-radius:50%;background:var(--grad);color:#fff;box-shadow:var(--glow);margin-bottom:10px}.big-score{font-size:clamp(3rem,11vw,5rem);font-variant-numeric:tabular-nums;margin-bottom:4px}.big-score .grad-text{background:var(--grad);-webkit-background-clip:text;background-clip:text;color:transparent}.big-score span{font-size:.4em;color:var(--muted)}.badge{display:inline-flex;align-items:center;gap:4px;margin-left:10px;padding:3px 12px;border-radius:999px;background:var(--good-soft);color:var(--good);font-weight:700;font-size:.9rem}.stat-row{display:flex;justify-content:center;gap:10px;flex-wrap:wrap;margin:6px 0 22px}.stat{padding:10px 16px;border-radius:14px;background:var(--surface);border:1px solid var(--border);min-width:110px}.stat b{display:block;font-size:1.3rem;font-weight:800}.stat small{color:var(--muted)}.round-list{list-style:none;padding:0;margin:0;display:grid;gap:8px}.round-list li{display:grid;grid-template-columns:auto 1fr auto;gap:12px;align-items:center;padding:10px 14px;border-radius:14px;background:var(--surface);border:1px solid var(--border)}.rl-mark{display:grid;place-items:center}.round-list .correct .rl-mark{color:var(--good)}.round-list .missed .rl-mark{color:var(--bad)}.rl-main{min-width:0;overflow-wrap:anywhere}.rl-pts{font-variant-numeric:tabular-nums;color:var(--muted);white-space:nowrap}.results .next-row{justify-content:center}.notice{padding:10px 14px;border-radius:12px;background:var(--accent-soft);margin:0 0 16px}.field{display:grid;gap:6px;margin-bottom:18px;max-width:340px;font-weight:600}.field input,.code-input{padding:12px 14px;font:inherit;border-radius:12px;border:1px solid var(--border-strong);background:#00000040;color:var(--text)}:root[data-theme=light] .field input,:root[data-theme=light] .code-input{background:#fff}.field input:focus,.code-input:focus{outline:none;border-color:var(--accent-2);box-shadow:var(--glow)}.entry-actions{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:14px}.entry-box{padding:20px;border-radius:20px;border:1px solid var(--border);background:var(--surface)}.entry-box h2{font-size:1.1rem;margin:0 0 12px;display:flex;align-items:center;gap:8px}.entry-box form{display:flex;gap:8px}.code-input{width:130px;text-transform:uppercase;letter-spacing:.25em;font-weight:800;text-align:center}.lobby-head{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin-bottom:18px}.lobby-code{display:flex;align-items:center;gap:10px;font-size:1.05rem;color:var(--muted)}.lobby-code strong{letter-spacing:.2em;font-size:1.4rem;color:var(--text);padding:2px 12px;border-radius:10px;background:var(--grad-soft);border:1px solid var(--accent-2);box-shadow:var(--glow)}.badge.warn{background:var(--bad-soft);color:var(--bad);margin:0}.lobby-body,.multi-layout{display:grid;grid-template-columns:250px minmax(0,1fr);gap:22px;align-items:start}.multi-layout{grid-template-columns:minmax(0,1fr) 230px}@media (max-width: 760px){.lobby-body,.multi-layout{grid-template-columns:1fr}}.lobby-players h2,.multi-side h2,.settings-summary h2{font-size:.78rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--label);margin:0 0 10px}.player-list{list-style:none;padding:0;margin:0;display:grid;gap:6px}.player-list li{display:grid;grid-template-columns:1fr auto auto;gap:8px;align-items:center;padding:9px 12px;border-radius:12px;background:var(--surface);border:1px solid var(--border)}.player-list li.me{border-color:var(--accent-2);box-shadow:var(--glow)}.player-list li.away{opacity:.55}.pl-name{min-width:0;overflow-wrap:anywhere;display:flex;align-items:center;gap:6px;flex-wrap:wrap}.pl-name .crown{color:var(--gold)}.pl-score{font-weight:800;font-variant-numeric:tabular-nums}.pl-status{font-size:.85rem;color:var(--muted);display:flex;align-items:center;gap:2px}.pl-status.correct{color:var(--good);font-weight:700}.pl-status.failed{color:var(--bad)}.final-results{margin-top:18px;padding:14px;border-radius:16px;background:var(--grad-soft);border:1px solid var(--accent-2)}.final-results h2{margin:0 0 6px;font-size:1.1rem}.final-results .lead{margin:0}.section-tabs{margin-bottom:18px}.settings-summary{padding:18px;border-radius:20px;background:var(--surface);border:1px solid var(--border)}.settings-summary dl{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:12px;margin:0}.settings-summary dt{font-size:.72rem;text-transform:uppercase;letter-spacing:.08em;color:var(--label);font-weight:700}.settings-summary dd{margin:0;font-weight:600}.countdown{text-align:center;padding:40px 0}.countdown strong{font-size:5rem;display:block;background:var(--grad);-webkit-background-clip:text;background-clip:text;color:transparent}.waiting{margin-top:18px;padding:14px;border-radius:14px;background:var(--surface-2)}.end-game{margin-top:24px}.cat-controls{display:flex;flex-wrap:wrap;gap:10px;align-items:center;margin-bottom:8px}.cat-search,.cat-controls select{padding:11px 14px;font:inherit;border-radius:12px;border:1px solid var(--border-strong);background:#00000040;color:var(--text)}:root[data-theme=light] .cat-search,:root[data-theme=light] .cat-controls select{background:#fff}.cat-controls select option{background:var(--surface-solid)}.cat-search{flex:1;min-width:200px}.cat-search:focus,.cat-controls select:focus{outline:none;border-color:var(--accent-2)}.cat-grid{list-style:none;padding:0;margin:12px 0 0;display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:12px}.cat-card{width:100%;display:flex;flex-direction:column;gap:4px;text-align:left;padding:8px;border-radius:16px;border:1px solid var(--border);background:var(--surface);transition:border-color .15s,transform .15s}.cat-card:hover{border-color:var(--accent-2);transform:translateY(-2px);box-shadow:var(--glow)}.cat-card img,.cat-nocover{width:100%;aspect-ratio:3 / 4;object-fit:cover;border-radius:10px;background:var(--surface-2)}.cat-nocover{display:grid;place-items:center;color:var(--muted)}.cat-title{font-weight:700;line-height:1.25;overflow-wrap:anywhere}.cat-card .meta{font-size:.85rem}.cat-detail-head{display:flex;gap:18px;align-items:flex-start;margin-bottom:18px}.cat-detail-head h1{margin-bottom:4px}.chips-inline{display:flex;flex-wrap:wrap;gap:6px;margin:8px 0 0}.tag{font-size:.75rem;padding:2px 9px;border-radius:999px;background:var(--accent-soft);white-space:nowrap}.tag.good{background:var(--good-soft);color:var(--good);font-weight:700}.tag.muted{background:var(--surface-2);color:var(--muted)}.cat-songs{list-style:none;padding:0;margin:0;display:grid;gap:6px}.cat-songs li{display:grid;grid-template-columns:auto 1fr auto;gap:12px;align-items:center;padding:9px 12px;border-radius:14px;background:var(--surface);border:1px solid var(--border)}.cs-main{min-width:0;overflow-wrap:anywhere}.cs-label{font-size:.72rem;font-weight:700;color:var(--anime);margin-right:8px;text-transform:uppercase}.cs-tags{display:flex;gap:4px;flex-wrap:wrap;justify-content:flex-end}.mini-play{width:36px;height:36px;border-radius:50%;border:0;display:grid;place-items:center;background:var(--grad);color:#fff;box-shadow:var(--glow)}@media (max-width: 560px){.cat-songs li{grid-template-columns:auto 1fr}.cs-tags{grid-column:2;justify-content:flex-start}}.topbar-link{font-weight:600}.arcade-scores{margin:8px 0 24px;padding:18px;border-radius:20px;border:1px solid var(--border);background:var(--surface)}.arcade-scores h2{font-size:.78rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--label);margin:18px 0 8px;display:flex;align-items:center;gap:6px}.score-save{display:flex;gap:8px;flex-wrap:wrap}.score-save input{padding:10px 14px;font:inherit;border-radius:12px;border:1px solid var(--border-strong);background:#00000040;color:var(--text)}.highscores{list-style:none;padding:0;margin:0;display:grid;gap:4px}.highscores li{display:grid;grid-template-columns:2em 1fr auto auto;gap:12px;align-items:center;padding:8px 12px;border-radius:12px;background:var(--surface-2)}.highscores li:nth-child(1) .hs-rank{color:var(--gold)}.highscores li.me{background:var(--grad-soft);outline:1px solid var(--accent-2);box-shadow:var(--glow)}.hs-rank{font-weight:800;color:var(--muted)}.hs-name{min-width:0;overflow-wrap:anywhere}.hs-streak{color:var(--muted);font-size:.85rem}.hs-score{font-weight:800;font-variant-numeric:tabular-nums}.team-dot{display:inline-block;width:10px;height:10px;border-radius:50%;flex-shrink:0}.team-board{display:grid;gap:10px}.team-box{border:1px solid;border-radius:16px;padding:10px 12px;background:var(--surface)}.team-box header{display:flex;justify-content:space-between;align-items:center;margin-bottom:6px}.team-name{font-weight:800}.team-score{font-weight:800;font-variant-numeric:tabular-nums}.team-box ul{list-style:none;padding:0;margin:0 0 8px;display:grid;gap:4px}.team-box li{display:flex;justify-content:space-between;gap:8px;align-items:center}.team-box li.away{opacity:.55}.team-box select{font:inherit;font-size:.85rem;border-radius:8px;border:1px solid var(--border);background:var(--surface-solid);color:var(--text)}.team-scores{list-style:none;padding:0;margin:0 0 10px;display:grid;gap:6px}.team-scores li{display:flex;justify-content:space-between;padding:9px 12px;border-radius:12px;border:1px solid;background:var(--surface)}.solo-setup h1{font-size:clamp(1.8rem,5vw,2.4rem)}@media (max-width: 520px){.hide-narrow{display:none}.volume input{width:64px}}.brand{white-space:nowrap}@media (max-width: 420px){.topbar{padding:8px 10px;gap:6px}.brand{font-size:1rem;gap:8px}.topbar-tools{gap:6px}.volume input{width:52px}}main:has(.lobby),main:has(.catalogue){max-width:1100px}.profile-chip{max-width:180px}.profile-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}@media (max-width: 520px){.profile-name{max-width:70px}}.dialog-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:50;display:grid;place-items:center;padding:16px;background:#050312b8;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.dialog{position:relative;width:min(460px,100%);max-height:calc(100vh - 32px);overflow-y:auto;padding:24px;border-radius:22px;text-align:left;background:var(--surface-solid);border:1px solid color-mix(in srgb,var(--accent-2) 45%,transparent);box-shadow:0 0 40px #ec489940,var(--shadow)}.dialog h2{margin:6px 0 4px;font-size:1.4rem}.dialog .hint{margin:0 0 14px}.dialog .score-save input{flex:1;min-width:0}.dialog-icon{display:inline-grid;place-items:center;width:56px;height:56px;border-radius:16px;background:var(--grad);color:#fff;box-shadow:var(--glow)}.dialog-close{position:absolute;top:14px;right:14px;padding:6px}.diff-badge{margin-left:auto;padding:2px 10px;border-radius:999px;font-size:.75rem;font-weight:800;color:#10061f;white-space:nowrap}.rl-pts .diff-badge{margin:0 8px 0 0}.diff-row{display:flex;justify-content:center;align-items:center;gap:8px;margin:0 0 10px;color:var(--muted);font-size:.85rem;font-weight:600}.diff-row .diff-badge{margin:0}.diff-badge.d1{background:linear-gradient(90deg,#22c55e,#84cc16)}.diff-badge.d2{background:linear-gradient(90deg,#facc15,#f59e0b)}.diff-badge.d3{background:linear-gradient(90deg,#fb923c,#f97316)}.diff-badge.d4{background:linear-gradient(90deg,#f43f5e,#e11d48);color:#fff}
