:root{color:#eeedf7;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#262538;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}html,body,#root{background-color:#262538;background-image:radial-gradient(1200px 600px at 15% -10%,#3b3960 0%,#0000 60%),radial-gradient(900px 500px at 110% 10%,#3a3050 0%,#0000 55%),none;background-position:0 0,0 0,0 0;background-repeat:repeat,repeat,repeat;background-size:auto,auto,auto;background-attachment:fixed;background-origin:padding-box,padding-box,padding-box;background-clip:border-box,border-box,border-box;min-width:320px;min-height:100svh;margin:0}.app-shell{--accent:#a99bff;--surface:#ffffff0f;--surface-strong:#ffffff1a;--line:#ffffff1f;--text:#eeedf7;--muted:#a9a7c2;--faint:#76748f;--good:#7fd8a4;--bad:#f28b9b;--radius:18px;width:100%;min-height:100svh;color:var(--text)}.topbar{justify-content:space-between;align-items:center;gap:16px;width:min(100%,920px);margin:0 auto;padding:24px 20px 16px;display:flex}button,input{font:inherit}button{color:var(--text);background:var(--surface);border:1px solid var(--line);cursor:pointer;border-radius:999px;transition:background .15s,border-color .15s,color .15s,transform .15s}button:disabled{color:var(--faint);cursor:not-allowed;background:#ffffff08;border-color:#ffffff0f}button:focus-visible,input:focus-visible,a:focus-visible{outline:2px solid var(--accent);outline-offset:3px}.brand{letter-spacing:.02em;align-items:center;gap:10px;padding:8px 0;font-size:18px;font-weight:800;display:flex}.brand-home{color:var(--muted);border-radius:8px;text-decoration:none}.brand-home:hover{color:var(--text)}.brand-divider{color:var(--faint)}.brand-game{color:var(--accent);font-size:inherit;font-weight:inherit;letter-spacing:inherit;background:0 0;border:0;padding:0}.preview-badge{color:#8fd0ff;text-transform:uppercase;background:#7ac8ff29;border-radius:999px;padding:5px 8px;font-size:10px;font-weight:800;line-height:1}.catalog{width:min(100%,920px);margin:0 auto;padding:28px 20px 56px}.catalog-intro h1{letter-spacing:-.01em;margin:0 0 10px;font-size:34px;line-height:1.15}.catalog-intro p{color:var(--muted);margin:0 0 8px}.catalog-list{grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:16px;margin:32px 0 0;padding:0;list-style:none;display:grid}.catalog-card{border:1px solid var(--line);background:var(--surface);color:var(--text);border-radius:22px;gap:4px;padding:22px;text-decoration:none;transition:transform .15s,border-color .15s,background .15s;display:grid;box-shadow:0 10px 30px #0a081e40}.catalog-card:hover{border-color:var(--accent);background:var(--surface-strong);transform:translateY(-3px)}.catalog-badge{background:var(--accent);color:#26243a;border-radius:14px;place-items:center;width:44px;height:44px;margin-bottom:10px;font-size:20px;font-weight:900;display:grid}.catalog-name{font-size:21px;font-weight:800}.catalog-artist{color:var(--muted)}.catalog-count{color:var(--faint);margin-top:8px;font-size:13px}.mode-switch{background:var(--surface);border:1px solid var(--line);border-radius:999px;grid-template-columns:1fr 1fr;gap:4px;padding:4px;display:grid}.mode-switch button{min-width:110px;color:var(--muted);background:0 0;border:0;padding:9px 14px;font-weight:650}.mode-switch button:hover{color:var(--text)}.mode-switch .is-active{color:#26243a;background:var(--accent)}.mode-switch .is-active:hover{color:#26243a}.game{border:1px solid var(--line);background:#ffffff0a;border-radius:28px;flex-direction:column;gap:22px;width:min(100% - 40px,560px);margin:36px auto 80px;padding:26px;display:flex;box-shadow:0 20px 50px #0a081e4d}.round-meta{color:var(--muted);justify-content:space-between;font-size:13px;font-weight:600;display:flex}.guess-grid{gap:8px;display:grid}.guess-row{border:1px solid var(--line);min-height:52px;color:var(--faint);background:#ffffff08;border-radius:14px;grid-template-columns:42px minmax(0,1fr) 48px;align-items:center;display:grid}.guess-row.current{border-color:var(--accent);background:var(--surface);color:var(--text)}.guess-row.correct{color:var(--good);background:#7fd8a433;border-color:#0000}.guess-row.wrong{color:var(--bad);background:#f28b9b24;border-color:#0000}.guess-row.skipped{background:var(--surface);color:var(--muted);border-color:#0000}.guess-index,.guess-duration{color:inherit;text-align:center;font-size:12px;font-weight:600}.guess-title{color:inherit;text-overflow:ellipsis;white-space:nowrap;font-size:15px;font-weight:650;overflow:hidden}.audio-stage{place-items:center;gap:12px;padding:10px 0 4px;display:grid}.hidden-player{opacity:0;pointer-events:none;width:390px;height:220px;position:fixed;top:-10000px;left:-10000px}.play-button{background:var(--accent);color:#26243a;letter-spacing:.04em;border:0;place-items:center;width:116px;height:116px;font-size:14px;font-weight:900;display:grid;box-shadow:0 0 0 10px #ffffff0d}.play-button:not(:disabled):hover{transform:scale(1.04)}.actions button:not(:disabled):hover,.inline-next-round:hover,.next-round:hover{background:var(--surface-strong);border-color:var(--accent)}.clip-readout{color:var(--muted);gap:16px;font-size:13px;display:flex}.guess-form{gap:10px;display:grid;position:relative}.search-label{color:var(--muted);font-size:13px;font-weight:600}.guess-form input{border:1px solid var(--line);width:100%;color:var(--text);background:#ffffff12;border-radius:14px;padding:14px 16px}.guess-form input:focus{border-color:var(--accent);outline:none}.guess-form input::placeholder{color:var(--faint)}.suggestions{border:1px solid var(--line);background:#33314a;border-radius:14px;overflow:hidden;box-shadow:0 12px 30px #0a081e59}.suggestions button{border:0;border-bottom:1px solid var(--line);text-align:left;background:0 0;border-radius:0;justify-content:space-between;align-items:center;gap:12px;width:100%;min-height:44px;padding:10px 14px;display:flex}.suggestions button:hover{background:var(--surface-strong)}.suggestions button:last-child{border-bottom:0}.suggestions span:first-child{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.suggestions span:last-child{background:var(--surface);color:var(--muted);border-radius:999px;flex:none;padding:3px 8px;font-size:11px}.actions{grid-template-columns:1fr 1fr;gap:10px;display:grid}.actions button,.inline-next-round,.next-round{min-height:48px;font-weight:750}.actions button[type=submit],.next-round{background:var(--accent);color:#26243a;border-color:#0000}.actions button[type=submit]:hover,.next-round:hover{background:var(--accent);filter:brightness(1.08)}.inline-next-round{width:100%}.notice{min-height:20px;color:var(--text);margin:0;font-size:13px}.reveal{border-top:1px solid var(--line);gap:16px;padding-top:22px;display:grid}.reveal p{color:var(--muted);margin:0 0 6px;font-size:13px;font-weight:600}.reveal h1{margin:0;font-size:28px;line-height:1.15}.daily-countdown{background:var(--surface);border-radius:16px;justify-content:space-between;align-items:center;gap:14px;padding:14px 18px;display:flex}.daily-countdown span{color:var(--muted);font-size:13px}.daily-countdown strong{color:var(--accent);font-variant-numeric:tabular-nums;font-size:22px;font-weight:800}.reveal iframe{aspect-ratio:16/9;border:0;border-radius:16px;width:100%}@media (width<=620px){.topbar{flex-direction:column;align-items:stretch;padding-top:18px}.mode-switch button{min-width:0}.game{border-radius:22px;width:calc(100% - 24px);margin-top:12px;padding:18px}.catalog-intro h1{font-size:28px}.guess-row{grid-template-columns:34px minmax(0,1fr) 42px;min-height:48px}.guess-title{font-size:14px}.play-button{width:100px;height:100px}.clip-readout{flex-direction:column;align-items:center;gap:2px}.daily-countdown{flex-direction:column;align-items:flex-start;gap:4px}}