:root{color-scheme:dark;--ink: #101923;--panel: rgba(24, 36, 50, .86);--line: rgba(255, 255, 255, .23);--orange: #ff5a1f;--amber: #ffb020;--cyan: #16d9ff;--green: #42f59e;--red: #ff335f}*{box-sizing:border-box;margin:0;padding:0;-webkit-tap-highlight-color:transparent}html,body{width:100%;height:100%;overflow:hidden;background:#263b4e;color:#f8fafc;font-family:Inter,Segoe UI,system-ui,sans-serif;touch-action:none;user-select:none}button,a{font:inherit}button{color:inherit}#game-canvas{position:fixed;inset:0;width:100%;height:100%;display:block}#vignette{position:fixed;inset:0;z-index:3;pointer-events:none;background:linear-gradient(180deg,rgba(8,18,28,.08),transparent 28%,transparent 70%,rgba(7,15,23,.22)),radial-gradient(circle at center,transparent 50%,rgba(6,15,24,.24) 100%)}.hidden{display:none!important}.screen{position:fixed;inset:0;z-index:30;display:grid;place-items:center;padding:max(18px,env(safe-area-inset-top)) max(18px,env(safe-area-inset-right)) max(18px,env(safe-area-inset-bottom)) max(18px,env(safe-area-inset-left));background:radial-gradient(circle at 72% 25%,rgba(255,118,47,.19),transparent 34%),radial-gradient(circle at 18% 78%,rgba(45,191,255,.12),transparent 30%),#08121c47;backdrop-filter:blur(7px) saturate(1.15)}#loading{z-index:100;gap:18px;align-content:center;background:radial-gradient(circle at 50% 45%,rgba(255,80,20,.14),transparent 28%),linear-gradient(135deg,#263d52,#101b27);transition:opacity .45s ease}#loading.off{opacity:0;pointer-events:none}#loading p{color:#cbd5e1;font-size:12px;font-weight:900;letter-spacing:.28em}.loading-mark{width:82px;height:82px;border:2px solid rgba(255,255,255,.12);border-radius:50%;display:grid;place-items:center}.loading-mark:before,.loading-mark:after,.loading-mark span{content:"";position:absolute;border-radius:50%}.loading-mark:before{width:62px;height:62px;border:8px dashed var(--orange);animation:spin 1.4s linear infinite}.loading-mark:after{width:18px;height:18px;background:var(--amber);box-shadow:0 0 30px var(--orange)}.loading-bar{width:min(280px,70vw);height:5px;overflow:hidden;border-radius:99px;background:#ffffff14}.loading-bar i{display:block;width:42%;height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--orange),var(--amber));animation:load 1.15s ease-in-out infinite alternate}@keyframes spin{to{transform:rotate(360deg)}}@keyframes load{0%{transform:translate(-50%)}to{transform:translate(190%)}}.menu-card,.modal-card{width:min(820px,94vw);max-height:94vh;overflow:auto;padding:clamp(22px,4vw,42px);border:1px solid var(--line);border-radius:30px;background:linear-gradient(135deg,rgba(255,255,255,.15),transparent 36%),linear-gradient(165deg,#233345f2,#111b27f0);box-shadow:0 30px 90px #030a1175,inset 0 1px #ffffff2e;text-align:center}.menu-card{width:min(900px,96vw)}.eyebrow{color:#ff936a;font-size:11px;font-weight:950;letter-spacing:.24em;text-transform:uppercase}h1{margin-top:8px;line-height:.88;font-style:italic;transform:skew(-4deg)}h1 span{display:block;color:#fff;font-size:clamp(42px,8vw,86px);font-weight:1000;letter-spacing:-.055em;text-shadow:0 5px 0 #292f39,0 20px 50px rgba(0,0,0,.55)}h1 strong{display:inline-block;margin-top:5px;padding:7px 18px 9px;background:linear-gradient(115deg,#ff3d19,#ffb020);color:#1b0b03;font-size:clamp(21px,4vw,38px);font-weight:1000;letter-spacing:.16em;clip-path:polygon(3% 0,100% 0,96% 100%,0 100%)}.tagline{margin-top:15px;color:#d7e2ee;font-size:clamp(13px,2vw,16px);font-weight:700}.garage-head{display:flex;justify-content:space-between;gap:12px;margin:23px auto 12px;max-width:700px;padding:0 4px;text-align:left}.garage-head>div:last-child{text-align:right}.garage-head small{display:block;color:#9eb0c4;font-size:10px;font-weight:900;letter-spacing:.14em}.garage-head strong{color:#f8fafc;font-size:17px}#menu-credits{color:var(--amber)}.car-selector{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;max-width:700px;margin:0 auto}.car-choice{position:relative;min-height:108px;padding:15px 12px;overflow:hidden;border:1px solid rgba(255,255,255,.19);border-radius:18px;background:#ffffff13;cursor:pointer;text-align:left;transition:transform .18s,border-color .18s,background .18s}.car-choice:hover{transform:translateY(-3px);border-color:#ffb02073}.car-choice.selected{border-color:var(--orange);background:linear-gradient(145deg,#ff551838,#ffb0200f);box-shadow:inset 0 0 30px #ff501414}.car-choice.locked{filter:saturate(.35)}.car-choice .swatch{width:42px;height:15px;margin-bottom:13px;border-radius:99px 4px;box-shadow:0 0 18px currentColor}.car-choice strong{display:block;font-size:15px;font-weight:950}.car-choice small{display:block;margin-top:5px;color:#aebed0;font-size:10px;font-weight:850;letter-spacing:.05em}.car-choice .lock{position:absolute;top:10px;right:10px;font-size:16px}.selected-stats{display:flex;justify-content:center;gap:24px;margin:13px 0 18px;color:#afbed0;font-size:11px;font-weight:800}.selected-stats b{margin-left:5px;color:#fff}.primary-button,.secondary-button,.icon-button,#touch-controls button{border:0;cursor:pointer;font-weight:950;letter-spacing:.04em}.primary-button{min-width:min(390px,88%);padding:15px 25px;border-radius:15px;background:linear-gradient(115deg,#ff3c18,#ffae1a);color:#190902;font-size:17px;box-shadow:0 6px #8d260b,0 14px 35px #ff4b1433;transition:transform .1s,filter .1s}.primary-button:hover{filter:brightness(1.1);transform:translateY(-2px)}.primary-button:active{transform:translateY(4px);box-shadow:0 2px #8d260b}.menu-actions{display:flex;justify-content:center;gap:9px;margin-top:12px}.secondary-button{padding:10px 18px;border:1px solid rgba(255,255,255,.2);border-radius:12px;background:#ffffff17;color:#e2eaf3;font-size:11px}.secondary-button:hover{background:#ffffff1a}.secondary-button.wide{width:min(390px,88%);margin-top:10px}.portal-link{display:inline-block;margin-top:16px;color:#9aabba;font-size:9px;font-weight:900;letter-spacing:.2em;text-decoration:none}.modal-card{display:flex;flex-direction:column;align-items:center;gap:15px}.modal-card.compact{width:min(480px,94vw)}.modal-card h2{max-width:620px;font-size:clamp(25px,5vw,42px);font-weight:1000;line-height:1}.help-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;width:100%}.help-grid article{padding:15px;border:1px solid rgba(255,255,255,.09);border-radius:15px;background:#ffffff09;text-align:left}.help-grid kbd{float:right;padding:5px 8px;border-radius:7px;background:#232c3b;color:var(--amber);font-size:11px;font-weight:900}.help-grid h3{font-size:15px}.help-grid p{margin-top:5px;color:#8794a8;font-size:12px;line-height:1.4}.pickup-guide{color:#93a0b3;font-size:12px}.pickup-guide b:nth-of-type(1){color:var(--red)}.pickup-guide b:nth-of-type(2){color:var(--cyan)}.pickup-guide b:nth-of-type(3){color:var(--green)}.pickup-guide b:nth-of-type(4){color:var(--amber)}#hud{position:fixed;inset:0;z-index:10;pointer-events:none}.hud-cluster{position:absolute;display:flex;gap:9px}.race-data{top:max(13px,env(safe-area-inset-top));left:max(14px,env(safe-area-inset-left))}.combat-data{top:max(13px,env(safe-area-inset-top));right:max(14px,env(safe-area-inset-right));align-items:center}.race-data>div,.ammo,.meter-block{border:1px solid rgba(255,255,255,.22);border-radius:12px;background:#182533d1;backdrop-filter:blur(9px) saturate(1.15);box-shadow:0 8px 25px #0000002e,inset 0 1px #ffffff14}.race-data>div{min-width:69px;padding:8px 11px}.race-data small,.ammo small{display:block;color:#a8b7c7;font-size:8px;font-weight:950;letter-spacing:.13em}.race-data strong{font-size:20px;font-weight:1000}.race-data em{margin-left:3px;color:#6f7b8e;font-size:7px;font-style:normal}.meter-block{position:relative;width:138px;padding:7px 9px}.meter-block span{display:flex;justify-content:space-between;color:#a9b8c8;font-size:8px}.meter-block output{color:#fff;font-weight:900}.meter-block>i{display:block;height:6px;margin-top:5px;overflow:hidden;border-radius:99px;background:#ffffff14}.meter-block>i>b{display:block;width:100%;height:100%;transform-origin:left;transition:width .16s ease-out,background .2s,box-shadow .2s}.health{width:172px;overflow:visible}.health output strong{color:#fff;font-size:13px}.health output small{color:#9aabba;font-size:8px}.health>i{height:10px;border:1px solid rgba(255,255,255,.16);background:#00000057;box-shadow:inset 0 1px 3px #00000080}.health>i>b{background:linear-gradient(90deg,#16bb64,#68f59b);box-shadow:0 0 12px #40e78f7a}.health.warning>i>b{background:linear-gradient(90deg,#e39b18,#ffd34a);box-shadow:0 0 12px #ffc43d85}.health.critical>i>b{background:linear-gradient(90deg,#e51e42,#ff5a48);box-shadow:0 0 15px #ff2e48ad}#hud-health-delta{position:absolute;right:9px;top:100%;margin-top:2px;color:#ff455e;font-size:15px;font-weight:1000;font-style:normal;opacity:0;text-shadow:0 2px 8px rgba(0,0,0,.8);pointer-events:none}.health.hit{animation:energy-hit .3s ease-out}.health.hit #hud-health-delta{animation:energy-loss .72s ease-out}.health.critical:not(.hit){animation:energy-critical 1s ease-in-out infinite}@keyframes energy-hit{0%,to{transform:translate(0)}28%{transform:translate(-5px);border-color:#ff3e5f}55%{transform:translate(4px)}}@keyframes energy-loss{0%{opacity:0;transform:translateY(-5px) scale(.7)}18%,65%{opacity:1;transform:translateY(2px) scale(1)}to{opacity:0;transform:translateY(12px)}}@keyframes energy-critical{50%{border-color:#ff2e48d1;box-shadow:0 0 20px #ff2e485c}}.nitro>i>b{background:linear-gradient(90deg,#008cff,#25e4ff);box-shadow:0 0 10px #16d9ff}.ammo{min-width:72px;padding:7px 11px}.ammo strong{color:#ff6d46;font-size:18px}.icon-button{width:39px;height:39px;pointer-events:auto;border:1px solid rgba(255,255,255,.22);border-radius:11px;background:#182533d1}#minimap{position:absolute;right:max(15px,env(safe-area-inset-right));bottom:max(15px,env(safe-area-inset-bottom));width:176px;height:120px;border:1px solid rgba(255,255,255,.22);border-radius:15px;background:#182533c7;backdrop-filter:blur(9px);box-shadow:0 10px 28px #0000002e}#race-message{position:fixed;z-index:18;left:50%;top:42%;transform:translate(-50%,-50%) skew(-5deg);color:#fff;font-size:clamp(54px,13vw,120px);font-weight:1000;font-style:italic;text-shadow:0 7px 0 #802109,0 0 45px rgba(255,75,20,.65);pointer-events:none}#pickup-toast{position:fixed;z-index:18;left:50%;top:22%;transform:translate(-50%);padding:9px 17px;border:1px solid rgba(255,255,255,.16);border-radius:99px;background:#05080dc7;color:#fff;font-size:12px;font-weight:950;letter-spacing:.08em;pointer-events:none;animation:toast-in .25s ease-out}@keyframes toast-in{0%{opacity:0;transform:translate(-50%,-12px) scale(.8)}}#damage-flash{position:fixed;inset:0;z-index:17;pointer-events:none;border:0 solid rgba(255,20,55,.7);box-shadow:inset 0 0 #ff143700;transition:box-shadow .09s}#damage-flash.on{box-shadow:inset 0 0 80px #ff1437b8}.result-card{width:min(520px,94vw)}.result-position{width:96px;height:96px;display:grid;place-items:center;border:3px solid var(--amber);border-radius:50%;background:#ffb02014;color:var(--amber);font-size:42px;font-weight:1000;box-shadow:0 0 35px #ffb02033}#result-summary{color:#98a5b7;font-size:14px}.reward-box{width:min(310px,90%);padding:13px;border-radius:14px;background:linear-gradient(110deg,#ffb0202e,#ff4b1421)}.reward-box small{display:block;color:#a8874a;font-size:9px;font-weight:950;letter-spacing:.14em}.reward-box strong{color:var(--amber);font-size:23px}.unlock-message{padding:10px 15px;border:1px solid rgba(22,217,255,.4);border-radius:12px;background:#16d9ff14;color:#7deaff;font-size:12px;font-weight:900}#touch-controls{position:fixed;inset:0;z-index:15;pointer-events:none}.touch-steer,.touch-actions{position:absolute;bottom:max(15px,env(safe-area-inset-bottom));display:flex;gap:9px;align-items:flex-end}.touch-steer{left:max(15px,env(safe-area-inset-left))}.touch-actions{right:max(15px,env(safe-area-inset-right))}#touch-controls button{width:66px;height:66px;pointer-events:auto;border:1px solid rgba(255,255,255,.27);border-radius:19px;background:#1f2f40b8;color:#fff;font-size:17px;backdrop-filter:blur(7px);box-shadow:0 4px #00000047}#touch-controls button:active,#touch-controls button.active{transform:translateY(3px);background:#ff55188c}#touch-controls .rocket-touch{width:76px;height:76px;border-radius:50%;border-color:#ff50288c;font-size:26px}#touch-controls .nitro-touch{color:#63e8ff;font-size:10px}#touch-controls .gas-touch{height:88px;background:#ff501947}#touch-controls .brake-touch{height:54px;font-size:11px}@media(pointer:coarse),(max-width:900px){#touch-controls.racing{display:block!important}#minimap{display:none}.combat-data{top:auto;right:max(12px,env(safe-area-inset-right));bottom:max(119px,calc(env(safe-area-inset-bottom) + 105px))}.combat-data .ammo,.combat-data .icon-button{display:none}.meter-block{width:112px}.health{width:142px}}@media(max-width:680px){.screen{padding:10px}.menu-card,.modal-card{padding:20px 15px;border-radius:22px}.car-selector{grid-template-columns:1fr;max-height:265px;overflow-y:auto}.car-choice{min-height:76px}.selected-stats{gap:12px;font-size:9px}.help-grid{grid-template-columns:1fr;max-height:50vh;overflow-y:auto}.race-data{gap:5px}.race-data>div{min-width:58px;padding:6px 8px}.race-data strong{font-size:16px}.combat-data{flex-direction:column;gap:5px}#touch-controls button{width:58px;height:58px}#touch-controls .rocket-touch{width:68px;height:68px}#touch-controls .gas-touch{height:79px}.touch-actions,.touch-steer{gap:6px}}@media(max-height:690px)and (orientation:landscape){.menu-card{transform:scale(.86);transform-origin:center;max-height:115vh}.car-choice{min-height:76px}.car-choice .swatch{margin-bottom:7px}.tagline,.selected-stats{margin-top:7px}.garage-head{margin-top:10px}.modal-card{transform:scale(.86)}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important}}