:root{font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif;color-scheme:dark;--acid:#d9ff43;--ink:#0d1116;--panel:#151b22;--line:#35404b;--muted:#89949e}*{box-sizing:border-box}html,body{margin:0;width:100%;height:100%;overflow:hidden;background:var(--ink);color:#f5f7f8;touch-action:none}body{display:grid;grid-template-rows:48px 1fr}header{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;padding:0 16px;border-bottom:1px solid #26303a;background:#0d1116;z-index:5}header a{color:#9ca7b0;text-decoration:none;font:800 9px monospace;text-transform:uppercase}header strong{font:1000 13px monospace;letter-spacing:.08em}header i{font-style:normal;color:var(--acid);font-size:7px;margin-left:5px}header button{justify-self:end;width:29px;height:29px;border:1px solid #3a4550;background:transparent;color:#e5e9ec;font-weight:900}main{position:relative;min-height:0}canvas{display:block;width:100%;height:100%;background:#121922}.hud{position:absolute;left:14px;top:14px;display:flex;background:#0b0f14d9;border:1px solid #313c46;backdrop-filter:blur(8px)}.hud div{padding:8px 12px;border-right:1px solid #313c46}.hud div:last-child{border:0}.hud small{display:block;color:#73808b;font:800 7px monospace;letter-spacing:.12em}.hud b{display:block;margin-top:3px;font:900 12px monospace}.notice{position:absolute;top:15px;left:50%;transform:translateX(-50%);padding:8px 12px;background:var(--acid);color:#11150e;font:1000 8px monospace;letter-spacing:.1em;transition:.25s}.notice.hide{opacity:0;transform:translate(-50%,-8px)}.controls{position:absolute;inset:auto 14px 14px;display:flex;justify-content:space-between;pointer-events:none}.controls>div{display:flex;gap:8px}.controls button{pointer-events:auto;width:76px;height:68px;border:1px solid #56616b;background:#141b22db;color:#e9edf0;font-size:22px;font-weight:900;backdrop-filter:blur(6px);user-select:none;-webkit-user-select:none}.controls button span{display:block;margin-top:5px;color:#909ba4;font:800 7px monospace}.controls button.active{transform:translateY(2px);background:#29333c;border-color:#8b99a4}.controls .gas{background:#d9ff43dc;color:#15190f;border-color:#e5ff79}.controls .gas span{color:#343d19}.controls .brake{color:#ff8279}.restart{position:absolute;right:14px;top:14px;padding:9px 11px;border:1px solid #3b4650;background:#0b0f14d9;color:#b8c1c8;font:800 8px monospace;text-transform:uppercase}dialog{width:min(420px,calc(100% - 28px));border:1px solid #4b5863;background:#131920;color:#f1f4f6;padding:25px;box-shadow:0 30px 100px #000c}dialog::backdrop{background:#05070ac7}.close{position:absolute;right:12px;top:12px;border:0;background:transparent;color:#8e99a2;font-size:22px}.kicker{color:var(--acid)!important;font:900 8px monospace!important;letter-spacing:.13em}dialog h2{font-size:27px;letter-spacing:-.04em;margin:8px 0 10px}dialog p{color:#a3adb5;font-size:13px;line-height:1.55}.keys{display:grid;grid-template-columns:auto 1fr;gap:7px 10px;margin:18px 0;color:#8e99a2;font-size:11px}.keys span{color:var(--acid);font:900 10px monospace}.primary{width:100%;height:43px;border:0;background:var(--acid);color:#12160e;font-weight:1000;text-transform:uppercase}.finish strong,#finalTime{display:block;font:1000 30px monospace;color:var(--acid);margin:8px 0 20px}@media(max-width:700px){body{grid-template-rows:42px 1fr}header{padding:0 10px}.hud{left:8px;top:8px}.hud div{padding:6px 8px}.hud b{font-size:10px}.notice{top:52px}.restart{right:8px;top:8px}.controls{inset:auto 8px 8px}.controls button{width:64px;height:62px}.controls>div{gap:5px}}@media(min-width:900px) and (pointer:fine){.controls{opacity:.82}.controls button{width:70px;height:60px}}