:root{color-scheme:dark;--ink:#f3f2e9;--muted:#a0a7b9;--lime:#dbff73;--cyan:#65e1e6;--purple:#b295ff;--orange:#ffb47d;font-family:Arial,Helvetica,sans-serif;background:#090b14;color:var(--ink)}
*{box-sizing:border-box}body{margin:0;background:radial-gradient(ellipse at 85% 10%,#20283988,transparent 45%),#090b14}button,input,select{font:inherit}button,a,input,select,summary{outline-offset:5px}a{color:inherit;text-decoration:none}button{cursor:pointer}button:disabled{opacity:.5;cursor:wait}[hidden]{display:none!important}.screen{max-width:1160px;margin:auto;padding:28px 40px}header,footer,.eyebrow,.section-title>span,.signal{font:11px monospace;letter-spacing:1.4px}header{display:flex;justify-content:space-between;padding-bottom:25px;border-bottom:1px solid #ffffff20}.signal{color:var(--lime)}.intro{display:grid;grid-template-columns:1.2fr 1fr;align-items:center;min-height:360px;padding:25px 0}.eyebrow{color:var(--cyan);line-height:1.6}h1{font-size:clamp(64px,8vw,106px);letter-spacing:-6px;line-height:.86;margin:24px 0}h1 em{color:var(--lime);font-style:normal}.tagline{font-size:23px;margin:20px 0 9px}.lede,.upload p,details p{color:var(--muted);font-size:14px;line-height:1.7}.host{position:relative;text-align:center;align-self:stretch;display:flex;align-items:center;justify-content:center;flex-direction:column}.host img{height:245px;width:260px;object-fit:contain;position:relative;filter:drop-shadow(0 0 32px #65e1e622)}.host p{font:13px/1.6 monospace;z-index:1;margin:0}.host strong{color:var(--lime)}.orbit{position:absolute;width:285px;height:285px;border-radius:50%;border:1px solid #65e1e630;box-shadow:0 0 0 25px #65e1e607,0 0 0 50px #65e1e604;top:10px}.console{display:grid;grid-template-columns:1.3fr 1fr 1fr;gap:25px;padding:22px;background:#141924;border:1px solid #303747;border-radius:14px}.console b,.console label{font:11px/1.5 monospace;letter-spacing:1px;color:var(--cyan)}.how p{font:12px/1.8 Arial;color:var(--muted);margin-bottom:0}kbd{display:inline-block;padding:1px 7px;background:#2a3141;border:1px solid #536076;border-radius:4px;color:var(--ink)}select{width:100%;margin-top:14px;padding:12px 6px;border:1px solid #465064;border-radius:6px;color:var(--ink);background:#0b101a;font:13px Arial}.section-title{display:flex;align-items:center;justify-content:space-between;margin-top:30px}h2{font-size:23px;letter-spacing:-.5px}.section-title>span{color:var(--muted)}.songs{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.song{background:#111621;border:1px solid #2c3546;border-radius:10px;padding:18px;text-align:left;color:var(--ink);min-height:126px;transition:transform .15s,border-color .15s}.song:hover{transform:translateY(-3px);border-color:var(--lime)}.song small{display:block;font:10px monospace;color:var(--cyan);margin-bottom:15px}.song b{font-size:14px;line-height:1.35;display:block}.song span{display:block;font-size:11px;color:var(--muted);margin-top:10px}.upload{display:flex;align-items:center;justify-content:space-between;gap:24px;margin-top:24px;padding:22px 25px;border:1px dashed #5c6751;border-radius:12px;background:#dbff7305}.upload h2{margin:8px 0}.upload p{margin:0}.button{display:inline-flex;align-items:center;justify-content:center;min-height:46px;padding:12px 18px;border:1px solid #51586a;border-radius:7px;background:#202737;color:var(--ink);font:bold 11px monospace;letter-spacing:.5px}.button:hover{border-color:var(--lime)}.primary{background:var(--lime);color:#151b0b;border-color:var(--lime)}.upload-button{position:relative;white-space:nowrap;cursor:pointer}.upload-button input{position:absolute;inset:0;width:100%;opacity:0;cursor:pointer}.upload-button:focus-within{outline:2px solid var(--cyan);outline-offset:4px}#status{color:var(--lime);font:13px/1.6 monospace;min-height:22px}details{color:var(--muted);font-size:12px;max-width:700px}summary{cursor:pointer;color:var(--ink);padding:8px 0}details label{display:flex;align-items:center;gap:15px;min-height:44px}input[type=range]{accent-color:var(--lime);max-width:45vw}footer{display:flex;justify-content:space-between;color:var(--muted);padding:30px 0 8px;font-size:10px}#play{position:fixed;inset:0;max-width:900px;margin:auto;background:#0b101a;overflow:hidden;touch-action:none;user-select:none}#game{width:100%;height:100%;display:block}.hud{position:absolute;z-index:2;top:0;left:0;right:0;padding:calc(14px + env(safe-area-inset-top)) 18px 16px;background:linear-gradient(#0b101a 80%,transparent);display:flex;align-items:center;justify-content:space-between;gap:15px}.hud #track{display:block;font:10px monospace;letter-spacing:1px;max-width:40vw;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--muted)}.hud #score{display:block;font:32px monospace;margin-top:5px}.hud-stats{text-align:center}.hud-stats b{font:25px monospace;color:var(--lime)}.hud-stats span{display:block;font:10px monospace;margin-top:5px;color:var(--cyan)}progress{position:absolute;bottom:0;left:0;width:100%;height:3px;appearance:none;border:0;background:#232a39}progress::-webkit-progress-bar{background:#232a39}progress::-webkit-progress-value{background:var(--lime)}.pads{position:absolute;bottom:0;left:0;right:0;display:grid;grid-template-columns:repeat(4,1fr);height:calc(104px + env(safe-area-inset-bottom));padding-bottom:env(safe-area-inset-bottom);background:#0a0e17}.pads button{border:0;border-top:3px solid currentColor;border-right:1px solid #ffffff18;background:transparent;color:var(--purple);touch-action:none}.pads button:nth-child(2){color:var(--cyan)}.pads button:nth-child(3){color:var(--lime)}.pads button:nth-child(4){color:var(--orange)}.pads button b,.pads button span,.pads button small{display:block}.pads button b{font-size:25px}.pads button span{font:bold 11px monospace;margin:5px 0}.pads button small{font:9px monospace;opacity:.8}.pads button.held{background:#ffffff24;box-shadow:inset 0 0 25px currentColor}#callout{position:absolute;top:30%;left:0;right:0;text-align:center;font:bold 24px monospace;pointer-events:none;color:var(--lime);text-shadow:0 2px 8px #000}dialog{width:min(92vw,470px);padding:30px;background:#141b28;color:var(--ink);border:1px solid #566344;border-radius:15px}dialog::backdrop{background:#050811db;backdrop-filter:blur(8px)}dialog h2{font-size:32px}dialog p{line-height:1.6;color:var(--muted)}.actions{display:flex;gap:8px;flex-wrap:wrap}#results-stats{font:16px/2 monospace;color:var(--lime);margin:16px 0}
@media(max-width:700px){.screen{padding:20px}.signal{font-size:8px;letter-spacing:0}.intro{min-height:290px;grid-template-columns:1.3fr .7fr}.intro .eyebrow{font-size:9px}h1{font-size:66px;letter-spacing:-4px}.tagline{font-size:19px}.lede{font-size:12px}.host img{width:135px;height:175px}.host p{font-size:9px}.orbit{width:140px;height:140px;top:60px}.console{grid-template-columns:1fr 1fr;gap:16px;padding:18px}.how{grid-column:1/-1}.how p{margin:7px 0 0}select{font-size:12px;margin-top:8px}.songs{grid-template-columns:repeat(2,1fr)}.section-title{align-items:start;flex-direction:column;margin:25px 0 15px;gap:5px}.section-title h2{margin:0}.section-title>span{font-size:9px}.upload{align-items:start;flex-direction:column;padding:18px}.upload p{font-size:12px}footer{font-size:8px;line-height:1.8;gap:14px}.hud{padding-left:12px;padding-right:12px}.hud .button{padding:10px}.hud #score{font-size:27px}}
#replay-current{margin:0 0 16px;max-width:100%;white-space:normal;text-align:left;line-height:1.5}
@media(prefers-reduced-motion:reduce){*{transition:none!important}}