html,body{background:#161c38;height:100%;margin:0;overflow:hidden}#game{width:100vw;height:100vh;display:block}#hud{pointer-events:none;color:#fff;font-family:system-ui,sans-serif;font-weight:800;position:fixed;inset:0}#hud .top{gap:6px;font-size:28px;display:flex;position:absolute;top:14px;left:50%;transform:translate(-50%)}#hud .top span{text-align:center;background:#0a0e20bf;border-radius:8px;min-width:32px;padding:6px 16px}#hud .score.blue{background:#2f7bff}#hud .score.red{background:#ff4757}#hud .clock{font-variant-numeric:tabular-nums;min-width:90px!important}#hud .center{text-align:center;text-shadow:0 6px 24px #00000080;width:100%;font-size:96px;position:absolute;top:34%}#hud .center small{opacity:.85;margin-top:12px;font-size:22px;display:block}#hud .center.goal{letter-spacing:4px;font-size:140px}#hud .center.countdown{font-size:56px;top:16%}#hud .cam{letter-spacing:2px;background:#0a0e2099;border-radius:6px;padding:6px 10px;font-size:14px;transition:opacity .2s;position:absolute;bottom:24px;left:24px}#hud .boost{background:radial-gradient(circle,#161c38e0 52%,#0a0e209e 74%);border-radius:50%;flex-direction:column;justify-content:center;align-items:center;width:132px;height:132px;display:flex;position:absolute;bottom:32px;right:32px;box-shadow:0 6px 24px #00000059}#hud .boost svg{width:100%;height:100%;position:absolute;inset:0;overflow:visible}#hud .boost path{fill:none;stroke:#ffffff21;stroke-width:9px}#hud .boost path.on{stroke:url(#boost-grad)}#hud .boost b{font-variant-numeric:tabular-nums;text-shadow:0 2px 8px #00000080;font-size:42px;line-height:1}#hud .boost small{letter-spacing:3px;opacity:.7;margin-top:3px;font-size:10px}#hud .boost.full svg{filter:drop-shadow(0 0 5px #ffb02ebf)}#hud .boost.full b{color:#ffd27a}#hud .boost.low path:not(.on){stroke:#ff475738}#hud .boost.low b{color:#ff6b78}#hud .boost.low{animation:.8s ease-in-out infinite alternate boost-low}@keyframes boost-low{0%{box-shadow:0 6px 24px #00000059}to{box-shadow:0 6px 24px #00000059,0 0 22px #ff47578c}}#hud .center.goal{animation:.5s cubic-bezier(.2,1.6,.4,1) pop}@keyframes pop{0%{opacity:0;transform:scale(.2)}to{opacity:1;transform:scale(1)}}#menu{color:#fff;background:#0a0e2099;place-items:center;font-family:system-ui,sans-serif;display:grid;position:fixed;inset:0}#menu[hidden]{display:none}#menu [hidden]{display:none!important}#menu .panel{background:#1f2750;border-radius:14px;width:min(360px,100vw - 32px);padding:24px 28px;box-shadow:0 20px 60px #00000080}#menu h2{margin:0 0 16px;font-size:28px}#menu label{margin-bottom:14px;font-weight:600;display:block}#menu output{float:right;font-variant-numeric:tabular-nums;opacity:.8}#menu input{accent-color:#2f7bff;width:100%;margin-top:6px;display:block}#menu .buttons{gap:10px;margin-top:18px;display:flex}#menu button{font:inherit;color:#fff;cursor:pointer;background:#2f7bff;border:0;border-radius:8px;flex:1;padding:10px;font-weight:700}#menu button+button{background:#3a4370}#menu .hint{opacity:.6;text-align:center;margin:14px 0 0;font-size:13px}#menu select{width:100%;font:inherit;color:#fff;background:#2b3463;border:0;border-radius:6px;margin-top:6px;padding:6px;display:block}#hud .ballmark{transform-origin:13px 8px;filter:drop-shadow(0 0 6px #6fe3ffcc);border-top:8px solid #0000;border-bottom:8px solid #0000;border-left:26px solid #6fe3ff;width:0;height:0;margin:-8px 0 0 -13px;display:none;position:absolute;top:0;left:0}#menu .car-pick{margin-bottom:16px}#menu .car-preview{aspect-ratio:480/220;background:radial-gradient(at 50% 70%,#3a4a78,#161c38);border-radius:10px;width:100%;height:auto;display:block}#menu .car-options{gap:8px;margin-top:8px;display:flex}#menu .car-options button{background:#3a4370;flex:1}#menu .car-options button.active{background:#2f7bff;box-shadow:inset 0 0 0 2px #9cc2ff}#menu .panel{box-sizing:border-box;max-height:calc(100vh - 32px);overflow-y:auto}#menu input[name=name],#menu input[name=code]{font:inherit;color:#fff;box-sizing:border-box;background:#2b3463;border:0;border-radius:6px;padding:8px}#menu input[name=code]{text-transform:uppercase;letter-spacing:3px;text-align:center;flex:1;margin:0}#menu .status{color:#ffb3ba;min-height:1em;margin:12px 0 0;font-size:14px}#menu .status:empty{display:none}#menu h2 .code{letter-spacing:3px}#menu button.small{vertical-align:middle;background:#3a4370;flex:none;padding:4px 10px;font-size:13px}#menu .modes button{background:#3a4370}#menu .modes button.active{background:#2f7bff}#menu .modes button:disabled{cursor:default;opacity:.8}#menu .slots{grid-template-columns:1fr 1fr;gap:8px;margin-top:12px;display:grid}#menu .slots button{border:2px solid #0000;padding:12px 8px}#menu .slots button.blue{background:#23407e}#menu .slots button.red{background:#7a2833}#menu .slots button.active{border-color:#fff}#menu .slots small{opacity:.7;margin-top:2px;font-size:12px;font-weight:500;display:block}#hud .name{white-space:nowrap;background:#0a0e2099;border-bottom:2px solid;border-radius:6px;padding:2px 8px;font-size:13px;font-weight:700;position:absolute;top:0;left:0}#hud .name.blue{border-color:#2f7bff}#hud .name.red{border-color:#ff4757}