:root{font-family:Arial,Helvetica,sans-serif;color:#f2f1e5;background:#14232d;--mint:#a4f1ce;--orange:#f4aa76;--muted:#a7b9bb}*{box-sizing:border-box}body{margin:0;overflow:hidden}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;cursor:pointer;color:inherit}a{color:inherit;text-decoration:none}button:focus-visible,a:focus-visible{outline:2px solid var(--mint);outline-offset:5px}button{border:0}button:disabled{cursor:default;opacity:.5}[hidden],.hidden{display:none!important}#world{position:fixed;inset:0;width:100%;height:100%;display:block}header{position:absolute;z-index:4;left:0;right:0;top:0;height:78px;display:flex;align-items:center;justify-content:space-between;padding:0 4vw;border-bottom:1px solid #f6f8e414;background:linear-gradient(#11202eaa,#11202e22)}header>a{font-size:17px;letter-spacing:-.5px;font-weight:800}header>a span{font-size:10px;letter-spacing:2px;color:#a4b9b7;margin-left:12px}nav{display:flex;align-items:center;gap:20px}nav button{background:none;font-size:9px;letter-spacing:1.3px;color:#cfdbd3;padding:10px 0}nav button:hover{color:var(--mint)}#menu{position:absolute;inset:78px 0 0;background:linear-gradient(90deg,#10232cf5 0%,#10232cdd 24%,#10232c55 49%,transparent 76%);display:flex;align-items:center;padding:26px 6vw 92px;overflow-y:auto}.intro{position:relative;width:400px;max-width:45vw;z-index:1}.eyebrow{font:9px monospace;letter-spacing:2px;color:#afc6bd;display:flex;gap:8px;align-items:center}.eyebrow i{width:6px;height:6px;border-radius:50%;background:var(--mint)}h1{font-size:clamp(64px,7vw,108px);line-height:.86;letter-spacing:-7px;font-weight:900;margin:28px 0 22px}h1 em{color:var(--mint);font-style:normal}p.tagline{font-size:23px;font-weight:500;line-height:1.25;letter-spacing:-.6px;margin:20px 0}p.tagline span{color:var(--orange)}.description{font-size:12px;line-height:1.7;color:#a9beb9}.setup{margin-top:25px;max-width:340px}.setup-title{display:flex;justify-content:space-between;font:8px monospace;letter-spacing:1.5px;color:#acc1b9;margin-bottom:10px}#levels{display:grid;grid-template-columns:repeat(3,1fr);gap:7px}#levels button{background:#d7f0e20a;border:1px solid #c6e9d62b;border-radius:6px;min-height:53px;text-align:left;padding:9px 12px;font-size:12px}#levels button small{display:block;font:8px monospace;color:#98b0a9;margin-bottom:4px}#levels button[aria-pressed=true]{border-color:var(--mint);background:#b9f5d915;color:var(--mint)}#level-hint{font-size:10px;line-height:1.5;color:#92aaa5;min-height:28px;margin:10px 0 12px}.primary{display:flex;width:100%;justify-content:space-between;align-items:center;background:var(--mint);border:1px solid var(--mint);color:#142b2a;padding:18px 20px;font-size:12px;font-weight:800;letter-spacing:1px;border-radius:5px;min-height:53px}.primary:hover{background:#ceffe4}.primary span{font-size:20px;font-weight:400}.rules{display:flex;gap:20px;margin-top:17px;font:8px monospace;letter-spacing:1.2px;color:#85a79a}.scene-note{position:absolute;right:6vw;bottom:145px;text-align:right;color:#eff4df;text-shadow:0 2px 15px #000}.scene-note>span{font:9px monospace;letter-spacing:2px;color:var(--mint)}.scene-note p{font-size:clamp(26px,3vw,44px);line-height:1.06;letter-spacing:-1.5px;margin:15px 0}.scene-note small{font:8px monospace;letter-spacing:1.3px;line-height:1.8;color:#afc1b4}.controls{position:absolute;left:6vw;right:6vw;bottom:25px;display:flex;gap:24px;border-top:1px solid #eaffda20;padding-top:20px}.controls>div{display:flex;flex-direction:column;gap:7px}.controls span{font-size:9px;color:#a3b6b0}kbd{font:8px monospace;color:#dce9d7;letter-spacing:1px}.controls kbd{color:var(--mint)}#hud{position:absolute;inset:78px 0 0;pointer-events:none}.health-card{position:absolute;top:25px;width:190px}.player-health{left:4vw}.bot-health{right:4vw}.health-card>div:first-child{display:flex;justify-content:space-between;font:10px monospace;letter-spacing:1px;margin-bottom:9px}.health-card b{font-size:13px}.player-health span{color:var(--mint)}.bot-health span{color:var(--orange)}.health-track{height:4px;background:#efffff1c}.health-track i{height:100%;display:block;width:100%;background:var(--mint);transition:width .15s}.bot-health .health-track i{background:var(--orange)}.health-card>small{display:block;font:8px monospace;letter-spacing:1.1px;margin-top:10px;color:#b6cdc3}.match{position:absolute;left:50%;transform:translateX(-50%);top:12px;text-align:center}.score{display:flex;gap:20px;align-items:center;font-size:40px;font-weight:800;font-variant-numeric:tabular-nums}.score b:first-child{color:var(--mint)}.score b:last-child{color:var(--orange)}.score span{font-size:12px;color:#a2b9b3;font-weight:400}.match>span{font:10px monospace;color:#d1ded0;letter-spacing:3px}.speed{position:absolute;bottom:30px;left:4vw}.speed>div{display:flex;align-items:baseline;gap:10px}.speed b{font-size:70px;line-height:1;letter-spacing:-5px;font-weight:500;font-variant-numeric:tabular-nums}.speed small{font:8px monospace;color:#b0c5bc}.speed>span{font:9px monospace;letter-spacing:1.5px;color:var(--mint);display:block;margin-top:12px}.speed p{font:7px monospace;color:#9cb2a8;margin-top:17px}.speed p span{margin:0 8px}.throw-status{position:absolute;bottom:35px;left:50%;transform:translateX(-50%);width:240px}.throw-status>div:first-child{display:flex;justify-content:space-between;font:9px monospace;letter-spacing:1px;margin-bottom:10px}.throw-status b{color:var(--mint);font-size:8px}.throw-track{height:5px;background:#e4fff122}.throw-track i{display:block;height:100%;width:100%;background:var(--mint)}.throw-status small{display:block;text-align:center;font-size:9px;color:#b5c8bd;margin-top:10px}.map-wrap{position:absolute;bottom:25px;right:4vw;width:128px}.map-wrap>span{display:block;font:7px monospace;letter-spacing:.8px;text-align:center;margin-bottom:7px;color:#adc4b8}.map-wrap b{font-weight:400;color:var(--mint)}#minimap{display:block;width:128px;height:180px;border:1px solid #d7efe12b;border-radius:5px;background:#102c2acc}#pause-button{pointer-events:auto;position:absolute;right:4vw;top:110px;width:32px;height:32px;border-radius:50%;border:1px solid #e1f4e53b;background:#112d2d99;font-size:12px}.veil{position:absolute;inset:78px 0 0;z-index:3;display:grid;place-items:center;background:#0f252bd9;backdrop-filter:blur(12px)}.panel{width:340px;max-width:90vw}.panel h2{font-size:65px;line-height:.98;letter-spacing:-3px;font-weight:500;margin:20px 0 30px}.panel h2 em{color:var(--mint);font-style:normal}.secondary{width:100%;padding:15px;background:none;border:1px solid #c0e2d32b;border-radius:5px;margin-top:9px;font:10px monospace;letter-spacing:1px;color:#bed3c7}.secondary:hover{border-color:var(--mint)}.result-score{font-size:38px;color:var(--orange);font-variant-numeric:tabular-nums}.panel>p:not(.eyebrow){font-size:11px;line-height:1.6;color:#afc5b8;margin:14px 0 24px}#banner{position:absolute;top:36%;left:50%;transform:translate(-50%,-50%);text-align:center;white-space:pre-line;font-size:30px;font-weight:700;letter-spacing:-1px;text-shadow:0 2px 20px #061b1d}#banner small{font-size:12px;font-weight:400}#crosshair{position:fixed;width:25px;height:25px;border:1px solid #eaffddae;border-radius:50%;transform:translate(-50%,-50%);display:none}#crosshair:before,#crosshair:after{content:'';position:absolute;background:var(--mint);left:50%;top:50%;transform:translate(-50%,-50%)}#crosshair:before{width:4px;height:1px}#crosshair:after{width:1px;height:4px}#crosshair.charging{border-color:var(--orange);box-shadow:0 0 20px #f4aa7633}body.playing #crosshair{display:block}body.playing #world{cursor:none}#hit-marker{position:absolute;left:50%;top:45%;font-size:50px;line-height:1;color:var(--orange);opacity:0;transform:translate(-50%,-50%);transition:opacity .15s}#hit-marker.show{opacity:1}#feed{position:absolute;right:4vw;top:156px;font:10px monospace;color:#ecedda;text-align:right;line-height:2}#notice{position:absolute;z-index:7;left:50%;top:93px;transform:translate(-50%,-7px);border:1px solid #a4f1ce44;border-radius:5px;padding:11px 18px;background:#142f30e8;font:10px monospace;letter-spacing:.4px;opacity:0;pointer-events:none;transition:.2s}#notice.show{opacity:1;transform:translate(-50%,0)}#loading{position:absolute;z-index:20;inset:0;background:#14232d;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:18px}#loading strong{font-size:26px;letter-spacing:1px}#loading small{font-size:12px;color:#a2bfb3}.loading-mark{font-size:50px;color:var(--mint);animation:load 1s ease-in-out infinite}@keyframes load{50%{transform:translate(3px,-3px)}}#pc-only{display:none;position:fixed;inset:0;z-index:30;background:#14232df2;padding:30px;align-items:center;justify-content:center;text-align:center}#pc-only span{font:9px monospace;letter-spacing:2px;color:var(--mint)}#pc-only h2{font-size:52px;letter-spacing:-3px;margin:25px 0}#pc-only p{font-size:13px;color:#b1c8bc;line-height:1.8}#pc-only a{display:block;font-size:12px;color:var(--mint);margin-top:30px}@media(max-height:770px){#menu{padding-top:15px;padding-bottom:75px}.intro h1{font-size:76px;letter-spacing:-5px;margin:16px 0}.tagline{font-size:18px!important;margin:12px 0!important}.description{font-size:11px;margin:8px 0}.setup{margin-top:15px}#level-hint{min-height:16px;margin:8px 0}.primary{padding:14px 18px;min-height:48px}.rules{margin-top:12px}.controls{bottom:16px;padding-top:13px}.health-card{top:18px}.speed b{font-size:57px}.map-wrap,#minimap{width:100px}#minimap{height:141px}.scene-note{bottom:120px}}@media(max-width:1000px){nav{gap:12px}header{padding:0 25px}.intro{max-width:50vw}.scene-note{right:35px}.controls{gap:18px}.throw-status{width:195px}.health-card{width:150px}.speed p{font-size:6px}}@media(max-width:700px),(pointer:coarse){#pc-only{display:flex}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}}

.menu-actions{display:grid;grid-template-columns:1.4fr 1fr;gap:8px;margin-top:8px}.menu-actions .secondary{margin:0;padding:13px 14px;text-align:left;display:flex;justify-content:space-between;gap:8px;font-size:11px}.menu-actions span{color:#a4f1ce;font-size:9px}.view-select{background:transparent;border:0;color:#c1d3c9;padding:13px 0 0;font-size:10px;letter-spacing:.12em;cursor:pointer}.intro{padding-top:6vh}#menu .setup{margin-top:20px}#menu h1{font-size:clamp(64px,10.7vh,115px)}#menu .tagline{margin-top:16px}#menu .description{margin:16px 0}.shop-panel,.lobby-panel{background:#12242cee;border:1px solid #a4f1ce40;backdrop-filter:blur(22px);width:min(860px,94vw);max-height:88vh;overflow:auto;padding:32px 38px;box-shadow:0 30px 100px #0008}.lobby-panel{width:min(600px,94vw)}.shop-heading{display:flex;align-items:start;justify-content:space-between;gap:20px}.shop-heading h2{font-size:46px;margin:10px 0 18px;letter-spacing:-.06em}.shop-heading h2 em{color:#a4f1ce;font-weight:400}.shop-heading .secondary{width:auto;margin:0;font-size:10px;padding:12px 18px}.shop-summary{display:flex;justify-content:space-between;gap:25px;align-items:center;border-top:1px solid #a4f1ce30;padding:18px 0}.shop-summary span{font-size:23px;white-space:nowrap;color:#a4f1ce}.shop-summary small{font-size:11px;color:#bacdc5;max-width:320px;line-height:1.6}.shop-tabs{display:flex;gap:8px;margin:10px 0 22px}.shop-tabs button{background:#1b3239;border:1px solid #a4f1ce30;color:#c3d4ca;padding:12px 16px;font-size:11px;cursor:pointer}.shop-tabs button[aria-pressed=true]{background:#a4f1ce;color:#15272c}#shop-items{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.shop-item{border:1px solid #a4f1ce30;padding:18px;background:linear-gradient(140deg,#29444c90,#101f2a);text-align:left;color:#f2eddf;cursor:pointer;min-height:142px;display:flex;flex-direction:column;gap:10px}.shop-item[aria-pressed=true]{border-color:#a4f1ce;box-shadow:inset 0 0 0 1px #a4f1ce}.shop-item .swatch{height:42px;position:relative;background:var(--swatch);clip-path:polygon(12% 0,90% 0,100% 70%,85% 100%,0 100%,0 24%)}.shop-item small{color:#bfd4c9}.shop-item b{font-size:13px}.shop-foot{font-size:10px;color:#9ab3ad;line-height:1.8;margin:22px 0 0}#market-message,#room-message{min-height:18px;font-size:12px;color:#f4bd8d}.field-label{display:block;font-size:10px;color:#b5cec1;letter-spacing:.13em;margin:20px 0 9px}.lobby-panel input{width:100%;padding:14px 16px;border:1px solid #a4f1ce45;background:#0e1e28;color:#f2eddf;font:inherit;font-size:13px;box-sizing:border-box}.lobby-panel .primary{margin-top:18px}.room-code-line{display:flex;justify-content:space-between;align-items:center;gap:12px;margin:18px 0}.room-code-line .secondary{width:auto;font-size:10px;margin:0}#room-label{font-size:12px;color:#a4f1ce}#room-players>div{display:flex;gap:12px;align-items:center;padding:14px;border-top:1px solid #a4f1ce25}#room-players i{width:10px;height:10px;border-radius:50%}#room-players small{margin-left:auto;font-size:9px;color:#a4f1ce}#room-status{font-size:12px;color:#bfcec8;line-height:1.6}button:disabled{opacity:.45;cursor:wait}#online-board{position:absolute;right:34px;top:180px;display:flex;flex-direction:column;gap:8px;text-align:right;font-size:11px}#online-board div{background:#10212cd9;border-right:2px solid var(--driver);padding:8px 12px;min-width:140px}#online-board b{color:#a4f1ce;margin-left:14px}body.pov #crosshair{left:50%!important;top:50%!important;width:4px;height:4px;border:0;border-radius:50%;background:white;box-shadow:0 0 5px #000,0 0 0 1px #132329;transform:translate(-50%,-50%)}body.pov #crosshair i{display:none}body.pov #crosshair.charging{background:#a4f1ce;box-shadow:0 0 0 5px #a4f1ce44}body.pov .map-wrap{opacity:.65}#market[hidden],#lobby[hidden],#online-board[hidden],#room-active[hidden],#room-entry[hidden]{display:none!important}@media(max-height:800px){#menu .intro{padding-top:3vh}#menu h1{font-size:clamp(56px,9vh,88px)}#menu .tagline{font-size:24px;margin:12px 0}#menu .description{margin:10px 0;font-size:12px}#menu .setup{margin-top:12px}#menu #level-hint{margin:8px 0}#menu .rules{margin-top:12px}#menu .primary{padding:17px 20px}.shop-panel,.lobby-panel{padding:24px 30px}}@media(max-width:800px){#shop-items{grid-template-columns:repeat(2,1fr)}header nav{gap:3px}header nav button{padding:8px;font-size:8px}.scene-note{display:none}}

body.welcome header{display:none}#menu{inset:0;padding:6vw;overflow:hidden}#menu .intro{width:340px;max-width:46vw;padding:0}#menu h1{font-size:clamp(76px,9vw,128px);margin:0 0 38px;line-height:.88;letter-spacing:-.065em}#menu #start{min-height:66px;padding:20px 24px;font-size:13px}.play-panel{width:min(440px,90vw);background:#12242cee;border:1px solid #a4f1ce35;backdrop-filter:blur(20px);padding:30px;max-height:86vh;overflow:auto}.play-panel .shop-heading h2{font-size:38px;margin:4px 0 24px}.play-preferences{border-top:1px solid #a4f1ce25;margin-top:25px;padding-top:18px;display:grid;grid-template-columns:1fr 1fr;gap:14px;align-items:center}.play-preferences label{font:9px monospace;letter-spacing:1px;color:#b1c6ba}.play-preferences select{background:#172f38;border:1px solid #a4f1ce40;color:#e5eddd;padding:10px 12px;font:12px Arial}.play-preferences .view-select{grid-column:1/-1;text-align:left;padding:0}.play-controls{display:grid;grid-template-columns:1fr 1fr;gap:14px;border-top:1px solid #a4f1ce25;margin-top:22px;padding-top:20px;color:#acc1b7;font-size:9px}.play-controls kbd{color:#a4f1ce;margin-right:6px}#play-menu[hidden]{display:none!important}@media(max-height:700px){#menu h1{font-size:90px}.play-panel{padding:22px}.play-panel .shop-heading h2{font-size:30px;margin-bottom:20px}.play-preferences{margin-top:18px}.play-controls{margin-top:16px;padding-top:14px}}

/* Compact garage card over the original daylight pitch. */
body.welcome header{display:flex}#menu{inset:78px 0 0;background:linear-gradient(90deg,#10232c99,transparent 78%);padding:30px 6vw}#menu .intro{width:370px;max-width:46vw}.welcome-card{padding:26px;background:linear-gradient(145deg,#172d36ee,#10212bdb);border:1px solid #a4f1ce35;border-radius:18px;box-shadow:0 22px 60px #04111755;backdrop-filter:blur(14px)}.card-label{font:8px monospace;letter-spacing:2px;color:#9fbdb2;margin:0 0 20px}#menu h1{font-size:76px;line-height:.88;margin:0 0 16px;letter-spacing:-.065em}.card-meta{font-size:10px;letter-spacing:.6px;color:#aac4b8;margin:0 0 22px}#menu #start{padding:16px 18px;min-height:53px;border-radius:8px;font-size:11px}.welcome-card .menu-actions{margin-top:10px}.welcome-card .menu-actions .secondary{border-radius:8px;min-height:46px;padding:13px 11px;font-size:10px;background:#d4ffdf05}.welcome-card .play-preferences{margin-top:20px;padding-top:16px;gap:12px}.welcome-card .play-preferences select{border-radius:7px}.welcome-card .play-controls{margin-top:18px;padding-top:16px;gap:12px;font-size:8px}.welcome-card .view-select{font-size:8px;letter-spacing:.08em}@media(max-height:720px){.welcome-card{padding:20px}#menu h1{font-size:62px}.card-label{margin-bottom:14px}.card-meta{margin-bottom:16px}.welcome-card .play-preferences{margin-top:15px;padding-top:12px}.welcome-card .play-controls{margin-top:14px;padding-top:12px}}@media(max-width:760px){#menu .intro{max-width:52vw}.welcome-card{padding:20px}#menu h1{font-size:62px}}

#damage-flash{position:fixed;inset:0;z-index:35;pointer-events:none;opacity:0;box-shadow:inset 0 0 95px 22px #ff534780;background:radial-gradient(ellipse at center,transparent 45%,#dd372b50)}#damage-flash.hit{animation:damage-hit .45s ease-out forwards}@keyframes damage-hit{0%{opacity:.95}100%{opacity:0}}#dash-status{position:absolute;left:24px;bottom:168px;width:160px;padding:10px 12px;border:1px solid #ffffff20;border-radius:12px;background:#10202add;backdrop-filter:blur(10px);color:#b5cad1;display:grid;grid-template-columns:1fr auto;gap:7px;font-size:10px;letter-spacing:.06em}#dash-status>b{font-size:11px}#dash-status>i{grid-column:1/-1;height:3px;border-radius:3px;background:#ffffff15;overflow:hidden}#dash-fill{display:block;height:100%;width:100%;background:#7cccf6}#dash-status.ready{border-color:#7cccf650}#replay-title{font:inherit}@media(prefers-reduced-motion:reduce){#damage-flash.hit{animation:none;opacity:.25;transition:opacity .15s}}