:root{color-scheme:dark;--ink:#e9f0ea;--muted:#8a9690;--acid:#c6ff37;--panel:#171b19;--line:#343b37;--danger:#ff755f}*{box-sizing:border-box}body{margin:0;min-height:100vh;background:#0b0e0c;color:var(--ink);font-family:"Arial Narrow",Arial,sans-serif;background-image:linear-gradient(rgba(198,255,55,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(198,255,55,.025) 1px,transparent 1px);background-size:42px 42px}.shell{width:min(1180px,calc(100% - 40px));margin:auto;min-height:100vh;display:flex;flex-direction:column}header,footer{display:flex;justify-content:space-between;align-items:center;padding:24px 0;text-transform:uppercase;letter-spacing:.13em;font-size:12px}.brand{font-weight:800}.brand-dot{display:inline-block;width:9px;height:9px;background:var(--acid);border-radius:50%;margin-right:10px;box-shadow:0 0 16px var(--acid)}.best{color:var(--muted)}.best strong{color:var(--acid);font-size:18px;margin-left:8px}.hero{flex:1;display:grid;grid-template-columns:.8fr 1.2fr;gap:70px;align-items:center;padding:36px 0 54px}.eyebrow{color:var(--acid);font-weight:800;letter-spacing:.16em;text-transform:uppercase;font-size:12px}.intro h1{font-size:clamp(62px,8vw,112px);line-height:.82;letter-spacing:-.08em;margin:25px 0 35px;text-transform:uppercase}.lede{max-width:420px;color:#abb5af;line-height:1.8;font-size:16px}.console{background:var(--panel);border:1px solid var(--line);padding:28px;box-shadow:14px 14px 0 #050706}.console-top{display:grid;grid-template-columns:repeat(3,1fr);border-bottom:1px solid var(--line);padding-bottom:21px;gap:20px}.console-top div{display:flex;flex-direction:column;gap:7px}.console-top span{color:var(--muted);font-size:10px;letter-spacing:.12em}.console-top strong{font-size:25px;font-variant-numeric:tabular-nums}.difficulty{display:grid;grid-template-columns:repeat(3,1fr);margin:22px 0;gap:7px}.difficulty button{border:1px solid var(--line);background:#101311;color:var(--muted);padding:10px 5px;cursor:pointer;font-weight:700}.difficulty small{display:block;font-weight:400;margin-top:3px;font-size:9px}.difficulty button.active{background:var(--acid);color:#10120e;border-color:var(--acid)}.stage{height:195px;background:#0e110f;border:1px solid #2b312e;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;position:relative;overflow:hidden}.stage::before{content:"";position:absolute;inset:0;background:radial-gradient(circle at center,rgba(198,255,55,.08),transparent 40%)}.ear{display:grid;place-items:center;position:relative;z-index:1}.ear span{font-size:12px;color:#647069;border:1px solid #3b443f;border-radius:50%;width:55px;height:55px;display:grid;place-items:center}.ear i{width:70px;height:1px;background:#343b37;position:absolute}.left-ear i{left:65%}.right-ear i{right:65%}.play{position:relative;z-index:2;width:120px;height:120px;border-radius:50%;border:1px solid var(--acid);background:#151a16;color:var(--ink);cursor:pointer;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;box-shadow:0 0 0 8px rgba(198,255,55,.03);transition:.2s}.play:hover{transform:scale(1.03);background:#1d251a}.play:disabled{opacity:.65;cursor:wait}.play-icon{width:0;height:0;border-top:7px solid transparent;border-bottom:7px solid transparent;border-left:11px solid var(--acid);margin-left:3px}.play b{font-size:13px}.play small{color:#657068;font-size:8px;letter-spacing:.2em}.meter{position:absolute;left:18%;right:18%;bottom:17px;height:3px;background:#242a27}.meter span{display:block;position:absolute;height:100%;background:var(--acid);left:50%;width:0;transition:.5s}.meter i{position:absolute;width:1px;height:9px;left:50%;top:-3px;background:#6c776f}.stage.playing .ear span{border-color:var(--acid);color:var(--acid);box-shadow:0 0 22px rgba(198,255,55,.12)}.answers{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:12px}.answers button{height:58px;border:1px solid var(--line);background:transparent;color:var(--ink);display:flex;align-items:center;justify-content:center;gap:10px;cursor:pointer;font-weight:800}.answers button:hover:not(:disabled){border-color:var(--acid)}.answers button:disabled{opacity:.35;cursor:not-allowed}.answers kbd{font:10px inherit;color:var(--muted);border:1px solid #4a534e;padding:3px 5px}.answers button.correct{background:var(--acid);color:#111}.answers button.wrong{border-color:var(--danger);color:var(--danger)}.feedback{min-height:54px;margin-top:14px;border-left:3px solid var(--acid);padding:8px 12px;display:flex;flex-direction:column;gap:5px}.feedback strong{font-size:14px}.feedback span{font-size:11px;color:var(--muted)}.feedback.error{border-color:var(--danger)}.sound-map{margin-top:12px;background:#101310;padding:15px 17px}.map-title,.map-scale{display:flex;justify-content:space-between}.map-title{font-size:11px;margin-bottom:13px}.map-title span,.map-scale{color:var(--muted)}.map-track{height:2px;background:linear-gradient(90deg,#55a8ff,#ddd,#ff816f);position:relative}.map-track i{position:absolute;width:13px;height:13px;border:3px solid #0e110f;background:var(--acid);border-radius:50%;top:50%;left:50%;transform:translate(-50%,-50%);transition:.3s}.map-scale{font-size:9px;margin-top:8px}footer{border-top:1px solid #202521;color:#657068;margin-top:auto}@media(max-width:800px){.shell{width:min(100% - 24px,650px)}.hero{grid-template-columns:1fr;gap:25px;padding-top:10px}.intro h1{font-size:64px;margin:18px 0 22px}.lede{font-size:14px}.console{padding:16px;box-shadow:7px 7px 0 #050706}.stage{height:170px}.ear i{display:none}.play{width:108px;height:108px}.difficulty small{display:none}footer{margin-top:30px}.console-top strong{font-size:21px}}@media(max-width:420px){.intro h1{font-size:53px}.answers button{gap:5px}.answers kbd{display:none}.console-top{gap:8px}.console-top strong{font-size:18px}}