.game-head{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;padding:24px 0 16px}.back{justify-self:start;color:var(--muted);background:none;border:0;cursor:pointer}.game-title{font:700 13px "Space Mono";letter-spacing:.08em}.game-title span{color:var(--cyan)}.progress{justify-self:end;color:var(--muted);font:12px "Space Mono"}.progress b{color:var(--text);font-size:19px}.progressbar{height:2px;background:#202a36}.progressbar i{display:block;height:100%;background:var(--cyan)}.game{padding:44px 0 20px}.prompt{text-align:center}.prompt p{color:var(--cyan);font:11px "Space Mono";letter-spacing:.14em}.prompt h1{margin:8px 0 25px;font-size:clamp(25px,4vw,42px)}.sound-orb{display:flex;flex-direction:column;align-items:center;justify-content:center;width:220px;height:220px;margin:18px auto 42px;border-radius:50%;color:var(--text);background:radial-gradient(circle,#1e3d43,#121c28 65%);border:1px solid #42616b;box-shadow:0 0 0 13px #17202c,0 0 55px #3dd8c52c;cursor:pointer}.sound-orb span{display:grid;place-items:center;width:64px;height:64px;margin-bottom:12px;padding-left:4px;border-radius:50%;color:#07100f;background:var(--cyan);font-size:23px}.sound-orb b{font:700 12px "Space Mono"}.sound-orb small{margin-top:5px;color:var(--muted);font:9px "Space Mono"}.answer-panel{width:min(850px,100%);margin:auto}.choices{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.choices button{min-height:105px;padding:14px;text-align:left;color:var(--text);background:var(--panel);border:1px solid var(--line);cursor:pointer}.choices button:hover,.choices button.selected,.keys button.selected{border-color:var(--cyan);background:#16302f}.choices button>span{display:grid;place-items:center;width:30px;height:30px;margin-bottom:14px;color:var(--cyan);background:#1b2531;font:700 15px "Space Mono"}.choices b,.choices small{display:block}.choices small{color:var(--muted);font:10px "Space Mono"}.actions{display:flex;justify-content:flex-end;gap:10px;margin-top:24px}.giveup,.submit{min-height:49px;padding:0 23px;color:var(--muted);background:transparent;border:1px solid var(--line);cursor:pointer}.submit{color:#07100f;background:var(--cyan);border-color:var(--cyan);font-weight:800}.submit:disabled{opacity:.25;cursor:not-allowed}.search-label{display:block;margin:0 0 8px;color:var(--muted);font:10px "Space Mono"}.searchbox{position:relative}.searchbox input{width:100%;height:58px;padding:0 18px;color:var(--text);background:#0d131c;border:1px solid var(--line);font:16px "Noto Sans JP";outline:none}.searchbox input:focus{border-color:var(--cyan)}.suggestions{position:absolute;z-index:5;top:60px;width:100%;background:#111924;box-shadow:0 15px 30px #000b}.suggestions button{display:flex;justify-content:space-between;width:100%;padding:12px 16px;color:var(--text);background:none;border:0;border-bottom:1px solid var(--line);cursor:pointer}.suggestions button:hover{background:#1a2834}.suggestions span{color:var(--muted);font:11px "Space Mono"}.skill-label{margin-top:18px}.keys{display:grid;grid-template-columns:repeat(4,1fr);gap:9px}.keys button{height:52px;color:var(--text);background:var(--panel);border:1px solid var(--line);font:700 17px "Space Mono"}.art-wrap{position:relative;width:min(880px,100%);aspect-ratio:2/1;margin:0 auto 28px;overflow:hidden;background:#131b26;border:1px solid var(--line)}.splash,.art-wrap canvas{width:100%;height:100%;object-fit:cover;display:block}.countdown{position:absolute;right:14px;bottom:14px;padding:8px 12px;background:#070b10cc;border:1px solid #53606b}.countdown b{font:700 19px "Space Mono"}.countdown span{margin-left:5px;color:var(--muted);font:9px "Space Mono"}.reveal{text-align:center;padding:27px;background:var(--panel);border:1px solid var(--line)}.reveal.correct{border-color:var(--ok)}.reveal.wrong{border-color:var(--danger)}.reveal p{margin:0;color:var(--cyan);font:11px "Space Mono"}.reveal h2{margin:8px 0}.reveal h2 strong{color:var(--cyan)}.reveal>span,.reveal>small{display:block;color:var(--muted)}.result{padding:70px 0;text-align:center}.result h1{margin:0 0 30px;font:900 clamp(52px,9vw,100px) "Space Mono"}.result-card{display:grid;grid-template-columns:.42fr 1fr;width:min(800px,100%);margin:auto;background:var(--panel);border:1px solid var(--line)}.rank{display:flex;flex-direction:column;justify-content:center;padding:30px;border-right:1px solid var(--line)}.rank span,.stats span{color:var(--muted);font:10px "Space Mono"}.rank b{color:var(--cyan);font:900 100px/1 "Space Mono"}.stats{display:grid;grid-template-columns:repeat(3,1fr);align-items:center}.stats div{padding:25px 10px}.stats b{display:block;margin-top:10px;font:700 36px "Space Mono"}.stats small{margin-left:3px;color:var(--muted);font-size:11px}.result-mode{color:var(--muted);font:11px "Space Mono"}.result-actions{display:flex;justify-content:center;gap:10px;margin-top:25px}
@media(max-width:720px){.game-head{grid-template-columns:1fr 1fr}.game-title{display:none}.game{padding-top:30px}.choices{grid-template-columns:repeat(2,1fr)}.sound-orb{width:175px;height:175px}.art-wrap{aspect-ratio:4/3}.result-card{grid-template-columns:1fr}.rank{border-right:0;border-bottom:1px solid var(--line)}.rank b{font-size:75px}.stats b{font-size:25px}.actions{justify-content:stretch}.actions button{flex:1}}
.suggestions{max-height:min(42vh,380px);overflow-y:auto;overscroll-behavior:contain;scrollbar-color:var(--cyan2) #111924;scrollbar-width:thin;border:1px solid var(--line)}
@media(max-width:720px){.suggestions{max-height:min(38vh,320px)}}
.sound-stage{margin:18px auto 38px}.sound-stage .sound-orb{margin:0 auto 25px}.volume-control{display:grid;grid-template-columns:38px minmax(130px,260px) 48px;align-items:center;justify-content:center;gap:10px}.volume-control button{width:38px;height:38px;color:var(--text);background:#111924;border:1px solid var(--line);border-radius:50%;cursor:pointer}.volume-control input{width:100%;accent-color:var(--cyan);cursor:pointer}.volume-control output{color:var(--muted);font:10px "Space Mono"}