:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;font-synthesis:none;--ink:#f4e7aa;--green:#6cff44;--acid:#ddff2f;--amber:#ffc21c;--orange:#ef7d19;--red:#d93a2d;--panel:#0c110de0;font-family:Arial Black,Impact,Courier New,monospace}*{box-sizing:border-box}html,body,#app{width:100%;min-width:320px;height:100%;margin:0}body{color:var(--ink);background:#080b09;overflow:hidden}button,kbd{font:inherit}#app{display:block;position:relative}#game-stage{background:#171b18;position:absolute;inset:0;overflow:hidden}#game-stage:after{z-index:2;content:"";pointer-events:none;background:repeating-linear-gradient(0deg,#00000014 0 1px,#0000 1px 4px),radial-gradient(circle,#0000 58%,#00000052 100%);position:absolute;inset:0}#game-container,#game-container canvas{display:block;width:100%!important;height:100%!important}#game-container canvas{image-rendering:pixelated}.hud{z-index:4;pointer-events:none;text-transform:uppercase;background:linear-gradient(#040705a8,#0000 100%);grid-template-columns:auto 1fr auto;align-items:start;gap:18px;padding:13px 16px 60px;display:grid;position:absolute;inset:0 0 auto}.brand-block,.score-block,.status-block,.equipment{filter:drop-shadow(2px 2px #050705)}.brand-block{background:#101812e0;border:3px solid #38443d;flex-direction:column;min-width:230px;padding:8px 12px;display:flex;box-shadow:inset 0 0 0 2px #0b0f0c}.brand-block .eyebrow{color:#95a493}.brand-block strong{color:var(--green);letter-spacing:.08em;text-shadow:0 0 6px #6cff448c;font-family:Courier New,monospace;font-size:clamp(.78rem,1.4vw,1.05rem)}.eyebrow{color:var(--amber);letter-spacing:.12em;text-transform:uppercase;margin:0 0 4px;font-family:Courier New,monospace;font-size:.62rem;font-weight:700}.score-block{flex-direction:column;grid-area:1/3;align-items:flex-end;min-width:145px;display:flex}.score-block span,.status-item span,.score-block small{color:#a9b49f;font-family:Courier New,monospace;font-size:.6rem;font-weight:700}.score-block strong{color:var(--acid);letter-spacing:.05em;text-shadow:3px 3px #18220d;font-family:Courier New,monospace;font-size:clamp(1.65rem,3vw,2.5rem);line-height:.95}.score-block .session-timer{color:var(--amber);font-variant-numeric:tabular-nums;letter-spacing:.02em;margin-bottom:5px;font-size:clamp(1.05rem,2vw,1.55rem)}.score-block .session-timer.urgent{color:#ff5a37;text-shadow:0 0 8px #ff401fcc,3px 3px #24100d;animation:1.15s ease-in-out infinite timer-urgency}@keyframes timer-urgency{0%,to{opacity:1}50%{opacity:.42}}.status-block{grid-area:1/2;justify-content:center;gap:8px;display:flex}.status-item{background:#111612c2;border-top:3px solid #5d665e;border-bottom:3px solid #151a16;flex-direction:column;min-width:145px;padding:7px 10px;display:flex}.status-item strong{color:#f1e8b9;letter-spacing:.05em;font-family:Courier New,monospace;font-size:.75rem}.equipment{color:#89968b;flex-direction:column;gap:3px;max-width:220px;font-family:Courier New,monospace;font-size:.62rem;display:flex;position:fixed;bottom:38px;left:14px}.equipment span{background:#070b08ad;border-left:3px solid #343e37;padding:3px 7px}.equipment button{color:#89968b;font:inherit;text-align:left;text-transform:uppercase;cursor:pointer;pointer-events:auto;background:#070b08d1;border:0;border-left:3px solid #343e37;padding:4px 7px}.equipment button:hover,.equipment button:focus-visible{border-left-color:var(--amber);color:#f5e9b7;outline:none}.equipment .active{border-left-color:var(--amber);color:var(--amber);text-shadow:0 0 5px #ffc21cb3}.objective-status{z-index:4;border:2px solid #28322a;border-left:5px solid var(--amber);color:#f4e7a9;letter-spacing:.06em;text-align:center;text-transform:uppercase;pointer-events:none;background:#080d09d1;max-width:min(520px,70vw);padding:7px 13px;font-family:Courier New,monospace;font-size:.68rem;font-weight:900;position:absolute;top:80px;left:50%;transform:translate(-50%)}.toast{z-index:6;opacity:0;border:3px solid #111811;border-left:8px solid var(--acid);color:#f3edc6;text-align:center;text-transform:uppercase;letter-spacing:.06em;pointer-events:none;background:#080c09e6;min-width:280px;padding:10px 18px;font-family:Courier New,monospace;font-size:.82rem;font-weight:700;transition:opacity .1s linear,transform .1s linear;position:absolute;top:18%;left:50%;transform:translate(-50%,-10px);box-shadow:5px 5px #00000085}.toast.show{opacity:1;transform:translate(-50%)}.overlay{z-index:10;-webkit-backdrop-filter:blur(3px)saturate(.75);backdrop-filter:blur(3px)saturate(.75);background:repeating-linear-gradient(0deg,#0000002b 0 2px,#0000 2px 5px),#080e0aad;place-items:center;padding:24px;display:grid;position:absolute;inset:0}.overlay[hidden]{display:none}.start-card{background:linear-gradient(135deg,#43513759,#0000 45%),#202820;border:6px solid #141813;width:min(560px,100%);max-height:calc(100vh - 48px);padding:38px 38px 30px;position:relative;overflow:hidden auto;box-shadow:12px 12px #00000094,inset 0 0 0 3px #66705e}.hazard-stripe{background:repeating-linear-gradient(135deg, var(--amber) 0 18px, #17170f 18px 36px);height:13px;position:absolute;inset:0 0 auto}h1{color:#f39a1c;letter-spacing:-.045em;text-transform:uppercase;-webkit-text-stroke:3px #160e08;text-shadow:5px 6px #7d201d,9px 10px #0b0d0b;margin:10px 0 14px;font-family:Impact,Arial Black,sans-serif;font-size:clamp(3.5rem,9vw,6.3rem);font-style:italic;font-weight:900;line-height:.72;transform:skew(-7deg)rotate(-1deg)}h1 span{color:#ffd335}.v2-badge{background:var(--red);color:#fff0b2;letter-spacing:.08em;text-transform:uppercase;border:2px solid #0d110e;margin:0 0 16px;padding:4px 9px;font-family:Courier New,monospace;font-size:.64rem;font-weight:700;display:inline-block;box-shadow:3px 3px #0c0e0c}.intro{color:#d9d4ad;max-width:470px;margin:0 0 18px;font-family:Courier New,monospace;font-size:.78rem;font-weight:700;line-height:1.5}.briefing-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;margin-bottom:15px;display:grid}.briefing-grid div{color:#b5bca5;text-transform:uppercase;background:#323b31;border:2px solid #111611;justify-content:space-between;align-items:center;gap:10px;padding:8px 9px;font-family:Courier New,monospace;font-size:.66rem;font-weight:700;display:flex;box-shadow:inset 2px 2px #ffffff14}kbd{color:var(--acid);font-family:Courier New,monospace;font-size:.7rem;font-weight:900}.warning{border-left:5px solid var(--red);color:#ffb59d;background:#4616125c;margin:0 0 16px;padding:7px 9px;font-family:Courier New,monospace;font-size:.66rem;font-weight:700}.driver-profile{grid-template-columns:1fr 1.35fr;align-items:center;gap:5px 10px;margin:0 0 10px;font-family:Courier New,monospace;display:grid}.driver-profile label{color:var(--amber);letter-spacing:.08em;text-transform:uppercase;font-size:.7rem;font-weight:900}.driver-profile input{color:#f4efc9;background:#111812;border:2px solid #111611;min-width:0;padding:8px 9px;font-family:Courier New,monospace;font-size:.78rem;font-weight:700;box-shadow:inset 2px 2px #00000073}.driver-profile input:focus{border-color:var(--acid);outline:none}.driver-profile small{color:#8e9b8b;grid-column:2;font-size:.58rem}.leaderboard{color:#d9d4ad;background:#0a100bad;border:2px solid #111611;margin:0 0 10px;padding:8px 10px;font-family:Courier New,monospace}.leaderboard-pair{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.leaderboard-pair .leaderboard{min-width:0}.leaderboard-pair .leaderboard ol{grid-template-columns:1fr}.leaderboard-heading{color:var(--amber);text-transform:uppercase;justify-content:space-between;gap:12px;font-size:.68rem;display:flex}.leaderboard-heading span{color:#8e9b8b;font-size:.58rem}.leaderboard ol{grid-template-columns:repeat(2,minmax(0,1fr));gap:2px 24px;margin:6px 0 0;padding-left:22px;font-size:.64rem;display:grid}.leaderboard li span{float:right;color:var(--acid)}#start-button,#menu-button{background:var(--amber);color:#17150b;letter-spacing:.12em;text-transform:uppercase;cursor:pointer;border:4px solid #141712;width:100%;padding:12px 18px;font-size:1rem;font-weight:900;box-shadow:5px 5px #0b0d0b,inset 3px 3px #ffffff59}#start-button:hover,#menu-button:hover{background:var(--acid)}#start-button:active,#menu-button:active{transform:translate(3px,3px);box-shadow:2px 2px #0b0d0b}#start-button:focus-visible,#menu-button:focus-visible{outline-offset:4px;outline:3px solid #fff1ad}.start-card>small{color:#929d8f;text-align:center;text-transform:uppercase;margin-top:13px;font-family:Courier New,monospace;font-size:.58rem;font-weight:700;display:block}.results-card{text-align:center;width:min(700px,100%)}.results-card h2{color:var(--orange);letter-spacing:.02em;text-transform:uppercase;-webkit-text-stroke:2px #160e08;text-shadow:4px 5px #7d201d,7px 8px #0b0d0b;margin:8px 0 4px;font-family:Impact,Arial Black,sans-serif;font-size:clamp(2.6rem,7vw,5.2rem);font-style:italic;transform:skew(-6deg)}.final-score-label{color:#9ba895;letter-spacing:.15em;text-transform:uppercase;font-family:Courier New,monospace;font-size:.68rem;font-weight:900;display:block}.final-score{color:var(--acid);letter-spacing:.06em;text-shadow:4px 4px #18220d;margin:2px 0 14px;font-family:Courier New,monospace;font-size:clamp(2.2rem,5vw,3.8rem);display:block}.final-summary{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;max-width:520px;margin:0 auto 14px;display:grid}.final-summary .final-score{margin-bottom:0}.final-accidents{color:var(--orange);letter-spacing:.06em;text-shadow:4px 4px #3a1b0d;margin-top:2px;font-family:Courier New,monospace;font-size:clamp(2.2rem,5vw,3.8rem);display:block}.results-leaderboard{text-align:left;max-height:min(42vh,390px);overflow-y:auto}.results-leaderboard-pair{max-height:min(42vh,390px);overflow-y:auto}.results-leaderboard-pair .results-leaderboard{max-height:none;overflow:visible}.results-leaderboard ol{grid-template-columns:repeat(2,minmax(0,1fr));gap:4px 22px}.pause-screen{z-index:9;text-align:center;text-transform:uppercase;background:#050806b8;align-content:center}.pause-screen strong{color:var(--amber);letter-spacing:.01em;-webkit-text-stroke:3px #130f08;text-shadow:5px 5px #87261d;font-family:Impact,sans-serif;font-size:clamp(2.8rem,7vw,6rem);font-style:italic;display:block;transform:skew(-7deg)}.pause-screen span{color:#c5c8ae;letter-spacing:.1em;font-family:Courier New,monospace;font-size:.8rem;font-weight:700}#minimap{z-index:4;width:220px;height:132px;image-rendering:pixelated;pointer-events:none;background:#030805db;border:4px solid #111611;outline:2px solid #a5ad91;position:absolute;bottom:38px;right:15px;box-shadow:6px 6px #0000008c}footer{z-index:5;color:#879286;letter-spacing:.05em;text-transform:uppercase;white-space:nowrap;background:#070b08eb;border-top:3px solid #222a23;justify-content:space-between;align-items:center;gap:clamp(6px,1.3vw,20px);min-height:25px;padding:5px 15px;font-family:Courier New,monospace;font-size:clamp(.48rem,.72vw,.58rem);font-weight:700;display:flex;position:fixed;inset:auto 0 0;overflow:hidden}footer strong{color:var(--acid)}.desktop-note{margin-left:auto}.touch-controls,.rotate-device,.install-note{display:none}@media (hover:none) and (pointer:coarse){.install-note{color:#aab6a4;text-align:center;margin:9px 0 0;font-family:Courier New,monospace;font-size:.58rem;font-weight:700;line-height:1.35;display:block}}@media (hover:none) and (pointer:coarse) and (orientation:landscape){body.touch-game-active{overscroll-behavior:none;touch-action:none;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none}body.touch-game-active #game-stage,body.touch-game-active #game-stage *{-webkit-user-select:none;user-select:none;-webkit-touch-callout:none}body.touch-game-active .touch-controls{inset:auto max(12px, env(safe-area-inset-right)) max(35px, calc(env(safe-area-inset-bottom) + 30px)) max(12px, env(safe-area-inset-left));z-index:12;pointer-events:none;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;grid-template-columns:170px 1fr 190px;align-items:end;display:grid;position:absolute}body.touch-game-active .equipment,body.touch-game-active #minimap,body.touch-game-active .status-vehicle,body.touch-game-active .status-load{display:none}body.touch-game-active .status-block{top:max(7px, env(safe-area-inset-top));left:max(8px, env(safe-area-inset-left));display:block;position:absolute}body.touch-game-active .status-truck{min-width:132px;padding:5px 8px}body.touch-game-active .status-truck strong{font-size:.62rem}body.touch-game-active .score-block{top:max(7px, env(safe-area-inset-top));right:max(12px, env(safe-area-inset-right));position:absolute}body.touch-game-active .toast.award-toast{top:max(7px, env(safe-area-inset-top));left:max(230px, calc(env(safe-area-inset-left) + 230px));letter-spacing:.035em;border-width:2px 2px 2px 5px;min-width:0;max-width:230px;padding:5px 10px;font-size:.6rem;transform:translateY(-8px);box-shadow:3px 3px #00000085}body.touch-game-active .toast.award-toast.show{transform:translateY(0)}body.touch-game-active .brand-block,body.touch-game-active .objective-status{width:min(310px,45vw);min-width:0;padding:5px 8px;font-size:.54rem;transition:opacity .18s linear,transform .18s,visibility .18s linear}body.touch-game-active .brand-block{top:max(7px, env(safe-area-inset-top));left:max(150px, calc(env(safe-area-inset-left) + 150px));position:absolute}body.touch-game-active .brand-block strong{font-size:.72rem}body.touch-game-active .brand-block .eyebrow{font-size:.48rem}body.touch-game-active .objective-status{top:max(49px, calc(env(safe-area-inset-top) + 43px));left:max(150px, calc(env(safe-area-inset-left) + 150px));text-align:left;max-width:none;transform:none}body.touch-game-active .mobile-transient-hidden{visibility:hidden;opacity:0;transform:translateY(-10px)}.touch-controls button{color:#f4efc9;text-transform:uppercase;pointer-events:auto;touch-action:none;background:#1f2a20e0;border:3px solid #111611;border-radius:10px;min-width:56px;min-height:56px;padding:8px;font-family:Courier New,monospace;font-size:.64rem;font-weight:900;box-shadow:3px 4px #000000b8,inset 2px 2px #ffffff1f}.touch-controls button.is-pressed{border-color:var(--acid);color:var(--acid);background:#5a6f2df0;transform:translate(2px,3px);box-shadow:1px 1px #000c}.touch-joystick{pointer-events:auto;touch-action:none;background:radial-gradient(circle,#5b6b5b4d 0 11%,#0000 12%),#131d15c7;border:4px solid #111611;border-radius:50%;align-self:end;width:138px;height:138px;position:relative;box-shadow:4px 5px #000000b8,inset 0 0 0 3px #99a69538}.touch-joystick-ring{pointer-events:none;border:2px solid #f4efc947;border-radius:50%;position:absolute;inset:13px}.touch-joystick-knob{will-change:transform;background:radial-gradient(circle at 36% 32%,#65725f 0 13%,#344137 14% 55%,#1c261f 56%);border:3px solid #111611;border-radius:50%;width:58px;height:58px;margin:-29px 0 0 -29px;position:absolute;top:50%;left:50%;transform:translate(0);box-shadow:3px 4px #000000b8,inset 2px 2px #ffffff21}.touch-pedals{grid-template-rows:72px;grid-template-columns:repeat(2,88px);justify-self:end;gap:8px;display:grid}.touch-pedals button{min-height:72px}.touch-pedals [data-touch-control=handbrake]{grid-area:1/1}.touch-pedals .touch-brake{color:var(--amber);background:#7f3512eb}.touch-pedals .touch-boost{color:var(--amber);background:#345425eb;grid-area:1/2}body.touch-game-active footer{padding-right:max(12px, env(safe-area-inset-right));padding-left:max(12px, env(safe-area-inset-left));letter-spacing:.015em;gap:2px;font-size:.45rem}.touch-utilities{grid-template-columns:repeat(4,minmax(54px,68px));justify-content:center;align-self:end;gap:7px;display:grid}.touch-utilities button{min-height:42px;font-size:.55rem}}@media (hover:none) and (pointer:coarse) and (orientation:portrait){body.touch-game-active .rotate-device{z-index:30;color:#d9d4ad;text-align:center;text-transform:uppercase;background:repeating-linear-gradient(135deg,#ffc21b14 0 18px,#0000 18px 36px),#151d16;flex-direction:column;justify-content:center;align-items:center;gap:12px;padding:28px;font-family:Courier New,monospace;display:flex;position:fixed;inset:0}.rotate-device strong{color:var(--amber);letter-spacing:.04em;font-family:Impact,Arial Black,sans-serif;font-size:2.8rem}}@media (max-width:820px){.hud{grid-template-columns:1fr auto;padding:8px 10px 42px}.brand-block{min-width:185px}.score-block{grid-column:2}.status-block{display:none}.equipment{bottom:31px;left:8px}#minimap{width:154px;height:92px;bottom:34px;right:9px}footer{gap:10px;padding-inline:8px}}@media (min-width:900px) and (max-height:1100px){#start-screen .start-card{grid-template-columns:minmax(280px,.85fr) minmax(390px,1.15fr);grid-template-areas:"eyebrow intro""title intro""badge briefing""profile briefing""leaders leaders""warning warning""start start""hint hint""install install";column-gap:28px;width:min(920px,100%);padding:34px 36px 24px;display:grid}#start-screen .eyebrow{grid-area:eyebrow}#start-screen h1{grid-area:title;margin-bottom:12px}#start-screen .v2-badge{grid-area:badge;justify-self:start}#start-screen .intro{grid-area:intro;max-width:none;margin-top:4px}#start-screen .briefing-grid{grid-area:briefing;margin-bottom:10px}#start-screen .driver-profile{grid-area:profile;margin-bottom:12px}#start-screen .leaderboard-pair{grid-area:leaders}#start-screen .warning{grid-area:warning}#start-screen #start-button{grid-area:start}#start-screen .start-card>small{grid-area:hint}#start-screen .install-note{grid-area:install}}@media (max-width:560px){.overlay{padding:10px}.start-card{padding:30px 20px 22px}.briefing-grid,.leaderboard-pair{grid-template-columns:1fr}footer span:nth-child(n+3),.desktop-note{display:none}}
