:root{color-scheme:dark;font-family:Inter,ui-rounded,"SF Pro Rounded",system-ui,sans-serif;background:#071415;color:#f7fff3}*{box-sizing:border-box}body{margin:0;min-height:100vh;background:radial-gradient(circle at 10% 0,#22452e 0,transparent 35%),radial-gradient(circle at 90% 10%,#563725 0,transparent 33%),#071415}.shell{width:min(1100px,100%);margin:auto;padding:clamp(16px,3vw,34px)}header,footer,.scorebar{display:flex;align-items:center;justify-content:space-between;gap:18px}h1{font-size:clamp(38px,7vw,74px);line-height:.9;margin:4px 0 12px;letter-spacing:-.055em}.eyebrow,.kicker{font-size:12px;font-weight:900;letter-spacing:.22em;color:#b4e657;margin:0}.lede{max-width:650px;color:#b8cbc2;margin:0;font-size:clamp(14px,2vw,18px)}button{border:0;border-radius:999px;background:#d7ff77;color:#173117;font:inherit;font-weight:900;padding:13px 22px;cursor:pointer;box-shadow:0 7px 0 #759b27;transition:transform .12s,box-shadow .12s}button:hover{transform:translateY(-2px)}button:active{transform:translateY(5px);box-shadow:0 2px 0 #759b27}.quiet{white-space:nowrap;background:#163331;color:#d7f6e0;box-shadow:0 5px 0 #09201f}.scorebar{margin:24px 0 12px;background:#0d2524;border:1px solid #24423d;border-radius:22px;padding:13px 18px}.scorebar div{display:flex;align-items:baseline;gap:9px}.scorebar span{color:#7da89d;font-size:12px;text-transform:uppercase;letter-spacing:.12em;font-weight:800}.scorebar strong{font-size:24px;font-variant-numeric:tabular-nums}.stage-wrap{position:relative;overflow:hidden;border-radius:28px;border:1px solid #38584f;background:#0b201d;box-shadow:0 24px 80px #0008;aspect-ratio:16/10}canvas{display:block;width:100%;height:100%;touch-action:none}.overlay{position:absolute;inset:0;display:grid;place-content:center;text-align:center;padding:30px;background:linear-gradient(#061718bb,#061718e8);backdrop-filter:blur(4px)}.overlay.hidden{display:none}.overlay h2{font-size:clamp(27px,5vw,52px);margin:10px 0}.overlay p{color:#c1d6cb;max-width:570px;margin:0 auto 25px;line-height:1.6}.overlay button{justify-self:center;font-size:18px}kbd{border:1px solid #6c867d;border-bottom-width:3px;border-radius:6px;padding:2px 7px;background:#183430;color:#fff}footer{font-size:12px;color:#70988d;padding:15px 5px 0}#status{color:#b4e657;text-align:right}@media(max-width:650px){header{align-items:flex-end}.lede{display:none}.scorebar{gap:8px}.scorebar div{display:grid;gap:1px}.scorebar strong{font-size:19px}.stage-wrap{aspect-ratio:3/4}footer{display:block}#status{text-align:left}.shell{padding:12px}h1{font-size:44px}}