.soundtrack-page .shell{max-width:1120px}
.soundtrack-intro{display:flex;align-items:end;justify-content:space-between;gap:28px;margin-bottom:28px}
.soundtrack-intro h1{font-size:clamp(36px,5vw,60px);margin:0}.soundtrack-intro h1 span{color:var(--accent)}
.soundtrack-intro>p{max-width:340px;color:var(--muted);font-size:16px;margin-bottom:5px}
.soundtrack-home,.soundtrack-summary{border:1px solid var(--line);border-radius:8px;background:var(--panel);padding:clamp(24px,5vw,64px);text-align:center}
.soundtrack-home h2,.soundtrack-summary h2{font-size:clamp(26px,3.5vw,38px);line-height:1.2;margin:16px auto;max-width:600px}
.soundtrack-home>p,.soundtrack-summary>p{font-size:16px;color:var(--muted)}
.soundtrack-home .soundtrack-rule{max-width:490px;margin:22px auto 28px;line-height:1.7}
.soundtrack-hud{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin-bottom:18px}
.soundtrack-hud span{display:block;color:var(--muted);font-size:14px}.soundtrack-hud strong{font-size:24px;line-height:1.5;font-variant-numeric:tabular-nums}#soundtrack-score,#soundtrack-points{color:var(--accent)}
.soundtrack-stage{position:relative;height:302px;background:radial-gradient(ellipse at 50% 50%,#1c3028,#0a1214 72%);border:1px solid var(--line);border-radius:7px;overflow:hidden}
.soundtrack-page main[data-state=answer] .soundtrack-stage,.soundtrack-page main[data-state=miss] .soundtrack-stage{height:110px}
.soundtrack-page main[data-state=feedback] .soundtrack-stage,.soundtrack-page main[data-state=feedback] .soundtrack-sound{display:none}
.soundtrack-cover{position:relative;height:100%;display:flex;flex-direction:column;align-items:center;padding:24px 16px;text-align:center}
.soundtrack-cover h2{font-size:clamp(22px,3vw,32px);margin:4px 0 24px}.soundtrack-cover .eyebrow{margin:0 0 12px}
.soundtrack-sound{display:flex;gap:12px;align-items:center;color:var(--muted);font-size:14px;min-height:54px;flex-wrap:wrap}.soundtrack-sound input{min-height:44px;width:120px;accent-color:var(--accent)}.soundtrack-sound span{margin-left:auto}
.soundtrack-controls{max-width:560px;margin:8px auto 28px;text-align:center}#soundtrack-form>label{display:block;font-size:20px;font-weight:650;text-align:left;margin-bottom:10px}
#soundtrack-answer{width:100%;min-height:48px;background:#10161b;color:var(--ink);border:1px solid var(--control-border);border-radius:5px;font-size:16px;padding:12px 14px}
#soundtrack-submit,#soundtrack-next-clue,#soundtrack-next{width:100%;margin-top:12px}#soundtrack-status{color:var(--accent);font-size:16px;min-height:24px;margin:14px 0}#soundtrack-status[data-error=true]{color:var(--error)}
#soundtrack-pass{display:block;margin:12px auto;font-size:14px}#soundtrack-feedback h2{font-size:28px;margin:8px 0}#soundtrack-details,#soundtrack-source{font-size:15px;color:var(--muted)}
.soundtrack-final-score{font-size:clamp(40px,7vw,64px)!important;color:var(--accent)!important;font-weight:700;margin:24px 0 8px}
#soundtrack-results{list-style:none;padding:0;margin:28px 0;text-align:left;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}#soundtrack-results li{display:flex;justify-content:space-between;gap:14px;padding:14px;border:1px solid var(--line);border-radius:5px;font-size:15px}#soundtrack-results small{display:block;color:var(--muted);font-size:14px}#soundtrack-results strong{color:var(--accent);white-space:nowrap}
@media(max-width:600px){.soundtrack-intro{display:block}.soundtrack-intro>p{max-width:none}.soundtrack-hud{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.soundtrack-hud span{font-size:14px}.soundtrack-hud strong{font-size:20px}.soundtrack-cover h2{margin-bottom:14px}.soundtrack-sound span{width:100%;margin:-8px 0 4px}.soundtrack-sound{gap:8px}#soundtrack-results{grid-template-columns:1fr}.soundtrack-home{padding:28px 20px}.soundtrack-summary{padding:24px 16px}}
.soundtrack-mark{width:160px;height:64px;stroke:var(--accent);stroke-width:3;stroke-linecap:round;fill:none;margin-bottom:12px}
.soundtrack-home .soundtrack-headphones{font-size:14px;margin:20px 0 0}
.soundtrack-play-area{margin-top:auto;padding-top:72px}
#soundtrack-wave{position:absolute;left:5%;top:40%;width:90%;height:90px;pointer-events:none}
.soundtrack-listening{position:absolute;left:0;right:0;top:30px;text-align:center;color:var(--accent)}
.soundtrack-stop{position:absolute;bottom:24px;left:50%;transform:translateX(-50%);white-space:nowrap}
.soundtrack-page main:is([data-state=answer],[data-state=miss]) .soundtrack-cover{justify-content:center;padding:16px}
.soundtrack-page main:is([data-state=answer],[data-state=miss]) #soundtrack-wave,.soundtrack-page main:is([data-state=answer],[data-state=miss]) .soundtrack-play-area{display:none}
.soundtrack-page main:is([data-state=answer],[data-state=miss]) .soundtrack-cover h2{margin:0;font-size:22px}
.soundtrack-credits{display:grid;grid-template-columns:1fr 1fr;gap:18px;text-align:left;padding:20px;border:1px solid var(--line);border-radius:6px;background:var(--panel);margin:20px 0}
.soundtrack-credits dt{font-size:14px;color:var(--muted);margin-bottom:4px}.soundtrack-credits dd{font-size:16px;margin:0;font-weight:600}
@media(max-width:600px){.soundtrack-intro h1{font-size:clamp(30px,8vw,46px);letter-spacing:-1.5px}.soundtrack-credits{grid-template-columns:1fr}.soundtrack-stage{height:282px}}