:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--panel:#13231eb8;--panel-strong:#0c1613e6;--line:#ffffff2e;--text:#f6ffe9;--muted:#c8d7bb;--lime:#96e05a;--gold:#ffd45c;--soil:#7c5a37;--sunset:#ffb96e;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}html,body,#app{width:100%;height:100%;margin:0;overflow:hidden}body{color:var(--text);background:linear-gradient(#f0a069 0%,#ffc884 44%,#8fc760 100%)}#app>canvas{width:100vw;height:100vh;display:block}.hud{z-index:5;pointer-events:none;justify-content:space-between;align-items:center;gap:16px;display:flex;position:fixed;top:18px;left:18px;right:18px}.brand,.stats,.mission,.progress-wrap{border:1px solid var(--line);background:var(--panel);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);box-shadow:0 16px 40px #151f1938}.brand{letter-spacing:0;text-transform:uppercase;border-radius:8px;align-items:center;gap:10px;min-height:44px;padding:0 16px;font-weight:800;display:flex}.brand__dot{background:var(--gold);border-radius:3px;width:12px;height:12px;box-shadow:0 0 0 3px #ffd45c38,0 0 28px #ffd45cb3}.stats{border-radius:8px;grid-template-columns:minmax(108px,1.15fr) repeat(6,minmax(62px,.9fr));gap:1px;display:grid;overflow:hidden}.stat[hidden]{display:none}.stat{background:#ffffff0f;min-width:0;padding:8px 14px 9px;transition:background .16s,box-shadow .16s}.stat--full{background:#ffd45c2b;box-shadow:inset 0 0 0 1px #ffe88847}.stat--danger{background:#e447362e;box-shadow:inset 0 0 0 1px #ff897057}.stat__label{color:var(--muted);text-transform:uppercase;font-size:11px;font-weight:700;line-height:1.1;display:block}.stat strong{color:#fff;letter-spacing:0;margin-top:3px;font-size:21px;line-height:1;display:block}.stat-bar{background:#070c0a94;border-radius:4px;width:100%;height:6px;margin-top:7px;display:block;overflow:hidden;box-shadow:inset 0 0 0 1px #ffffff14}.stat-bar span{border-radius:inherit;width:0%;height:100%;transition:width .12s;display:block}.stat-bar--corn span,.stat-bar--tank span,.stat-bar--trailer span{background:linear-gradient(90deg,#e7a93e,#ffd957,#fff0a0)}.progress-wrap{z-index:5;pointer-events:none;border-radius:8px;width:min(460px,100vw - 36px);padding:10px;position:fixed;bottom:18px;left:18px}.progress{background:#090d0b8c;border-radius:4px;height:16px;overflow:hidden;box-shadow:inset 0 0 0 1px #ffffff14}.progress span{background:linear-gradient(90deg,#77cf58,#f3d34f 72%,#fff2a6);width:0%;height:100%;transition:width .16s;display:block}.mission{z-index:5;color:#eefada;text-align:center;pointer-events:auto;border-radius:8px;justify-content:center;align-items:center;gap:10px;width:min(540px,100vw - 36px);min-height:38px;padding:8px 14px;font-size:14px;font-weight:750;display:flex;position:fixed;bottom:18px;left:50%;transform:translate(-50%)}.mission span{min-width:0}#missionNextButton{white-space:nowrap;color:#fffbe4;background:#5e8434f5;min-height:30px}.toast{z-index:7;color:#fff8d9;text-align:center;opacity:0;pointer-events:none;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#2d2618d6;border:1px solid #ffffff38;border-radius:8px;justify-content:center;align-items:center;max-width:min(460px,100vw - 36px);min-height:38px;padding:8px 14px;font-size:14px;font-weight:800;transition:opacity .18s,transform .18s;display:flex;position:fixed;top:86px;left:50%;transform:translate(-50%,-12px)}.toast--visible{opacity:1;transform:translate(-50%)}.finish-card{z-index:8;text-align:center;opacity:0;pointer-events:none;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#13231edb;border:1px solid #ffe88880;border-radius:8px;width:min(420px,100vw - 36px);padding:14px 18px 16px;transition:opacity .22s,transform .22s;position:fixed;top:118px;left:50%;transform:translate(-50%,-16px)scale(.96);box-shadow:0 20px 52px #0d120f57,inset 0 0 0 1px #ffffff1f}.finish-card--visible{opacity:1;transform:translate(-50%)scale(1)}.finish-card span{color:var(--gold);text-transform:uppercase;font-size:11px;font-weight:950;display:block}.finish-card strong{color:#fff;margin-top:5px;font-size:24px;line-height:1;display:block}.finish-card small{color:var(--muted);margin-top:8px;font-size:12px;font-weight:800;display:block}.menu-strip{z-index:7;gap:8px;display:flex;position:fixed;top:92px;left:18px}.menu-pill{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#14221cdb;border-color:#ffffff3d;min-height:36px;padding:0 14px;box-shadow:0 12px 26px #121c183d}.menu-pill[aria-expanded=false]{color:var(--muted);background:#39412ac2}.menu-pill--burger{align-items:center;gap:8px;display:inline-flex}.menu-pill--burger:before{content:"";background:linear-gradient(#fff8d9,#fff8d9) 0 0/14px 2px no-repeat,linear-gradient(#fff8d9,#fff8d9) 0/14px 2px no-repeat,linear-gradient(#fff8d9,#fff8d9) 0 100%/14px 2px no-repeat;width:14px;height:11px;display:block}.career-panel,.leaderboard-panel,.settings-panel{z-index:5;border:1px solid var(--line);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#121c18c7;border-radius:8px;position:fixed;box-shadow:0 16px 40px #151f1938}.career-panel,.settings-panel{width:min(430px,100vw - 36px);max-height:calc(100vh - 214px);padding:10px;top:136px;left:18px;overflow:auto}.panel-toggle{text-align:left;background:#1e3426e6;justify-content:space-between;align-items:center;gap:10px;width:100%;min-height:42px;padding:8px 10px;display:flex}.panel-toggle:after{content:"x";color:#fffbe4;background:#ffffff1f;border-radius:6px;place-items:center;width:22px;height:22px;font-size:16px;display:grid}.panel--collapsed .panel-toggle:after{content:"+"}.panel-toggle span,.career-head span,.showroom-caption span{color:var(--gold);text-transform:uppercase;font-size:11px;font-weight:900;display:block}.panel-toggle strong{color:#fff8d9;margin-top:3px;font-size:13px;font-weight:900;display:block}.panel--collapsed,.panel--collapsed .panel-body{display:none}.panel-body{margin-top:10px}.guide-panel{gap:8px;display:grid}.guide-panel article{background:#ffffff0e;border:1px solid #ffffff21;border-radius:8px;padding:10px}.guide-panel article>span{color:var(--gold);text-transform:uppercase;font-size:11px;font-weight:900;display:block}.guide-panel strong{color:#fff8d9;margin-top:4px;font-size:13px;font-weight:900;display:block}.guide-panel p{color:var(--muted);margin:6px 0 0;font-size:12px;font-weight:760;line-height:1.35}.editor-link{color:#fffbe4;background:#5e8434f5;border:1px solid #ffd45c9e;border-radius:7px;justify-content:center;align-items:center;min-height:34px;margin-top:10px;padding:0 12px;font-size:12px;font-weight:900;text-decoration:none;display:inline-flex}.editor-toolkit{gap:6px;margin-top:10px;display:grid}.editor-toolkit span{background:#080f0d3d;border-radius:6px;gap:3px;padding:7px 8px;display:grid}.editor-toolkit strong{color:#fff;margin:0;font-size:11px}.editor-toolkit em{color:var(--muted);font-size:11px;font-style:normal;font-weight:760;line-height:1.25}.camera-mode-control{grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;margin-top:9px;display:grid}.camera-mode-control button{min-height:34px;color:var(--muted);background:#14221cd1;border-radius:7px}.camera-mode-control button[aria-pressed=true]{color:#fffbe4;background:#5e8434f5;border-color:#ffd45ccc}.career-head,.loadout{justify-content:space-between;align-items:center;gap:10px;display:flex}.career-head strong,.loadout span,.showroom-caption strong{color:#fff8d9;margin-top:3px;font-size:13px;font-weight:850;display:block}.showroom{background:linear-gradient(#ffc6702e,#0f18151a),#ffffff0d;border:1px solid #ffffff24;border-radius:8px;min-height:160px;position:relative;overflow:hidden}.showroom canvas{width:100%;height:132px;display:block}.showroom-caption{background:#09100e57;gap:2px;padding:8px 10px 10px;display:grid}.showroom-caption small{color:var(--muted);font-size:11px;font-weight:750}.loadout{background:#ffffff0f;border-radius:6px;margin-top:10px;padding:8px}.shop-grid,.premium-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-top:10px;display:grid}.premium-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.shop-section-title{color:var(--gold);letter-spacing:0;text-transform:uppercase;margin-top:12px;font-size:11px;font-weight:950}button{color:#fff;letter-spacing:0;cursor:pointer;background:#2a4930eb;border:1px solid #ffffff3d;border-radius:8px;min-height:38px;font:850 12px/1.15 Inter,ui-sans-serif,system-ui,sans-serif}button:disabled{cursor:default;opacity:.48}.shop-card{text-align:left;align-content:start;gap:6px;min-height:88px;padding:8px;display:grid}.shop-card--owned{background:#22462ee6;border-color:#99e05a8f}.shop-card--active{background:#536c2cfa;border-color:#ffd45cf5;box-shadow:inset 0 0 0 1px #fff4a43d,0 0 22px #ffd45c33}.shop-card--preview{border-color:#ffd45cd1;box-shadow:inset 0 0 0 1px #ffd45c38,0 0 22px #ffb96e2e}.shop-card strong,.shop-card span,.premium-grid button span{display:block}.shop-card__top{justify-content:space-between;align-items:flex-start;gap:8px;min-width:0;display:flex}.shop-card__top strong{color:#fff8d9;min-width:0;font-size:12px;line-height:1.12}.shop-card__status{color:#fff;font-size:11px;font-weight:900}.shop-card__meta,.premium-grid button span{color:var(--muted);font-size:10px;font-weight:750}.shop-meter{gap:4px;margin-top:1px;display:grid}.shop-meter__head{color:var(--muted);text-transform:uppercase;justify-content:space-between;align-items:center;gap:8px;font-size:9px;font-weight:900;line-height:1;display:flex}.shop-meter__head b{color:#fff8d9;font-size:9px;font-weight:950}.shop-meter__track{background:#0a120f6b;border:1px solid #ffffff2e;border-radius:999px;width:100%;height:7px;overflow:hidden}.shop-meter__track span{border-radius:inherit;background:#76d766;height:100%}.shop-meter--mid .shop-meter__track span{background:#ffd45c}.shop-meter--high .shop-meter__track span{background:#f38f3d}.status-badge{color:#102116;text-transform:uppercase;background:#d7e3bd;border:1px solid #fff3;border-radius:6px;flex:none;padding:3px 6px;font-size:9px;font-weight:950;line-height:1}.status-badge--active{background:var(--gold)}.status-badge--owned{background:var(--lime)}.status-badge--locked{color:#ffe9ca;background:#452f1ee6}.shop-card--locked{background:#323426d1}.shop-card--affordable{border-color:#ffd45c94}.premium-grid button{background:#6a4a26f0}.leaderboard-panel{width:min(310px,100vw - 36px);padding:10px;top:136px;right:18px}.leaderboard-panel ol{margin:8px 0 0;padding-left:22px}.leaderboard-panel li{color:#f7fbe8;margin:6px 0;font-size:12px;font-weight:760}.leaderboard-panel small{color:var(--muted);font-size:10px;font-weight:700;display:block}.touch-controls{z-index:6;grid-template-rows:repeat(2,54px);grid-template-columns:repeat(3,54px);gap:8px;display:none;position:fixed;bottom:18px;right:18px}.touch-btn{background:var(--panel-strong);color:#fff;touch-action:none;border:1px solid #ffffff40;border-radius:8px;font:900 18px/1 Inter,ui-sans-serif,system-ui,sans-serif;box-shadow:0 14px 32px #0003}.touch-btn[data-key=KeyW]{grid-area:1/2}.touch-btn[data-key=KeyA]{grid-area:2/1}.touch-btn[data-key=KeyS]{grid-area:2/2}.touch-btn[data-key=KeyD]{grid-area:2/3}.touch-btn:active{background:#508142f0}body.sponsor-shot .hud,body.sponsor-shot .progress-wrap,body.sponsor-shot .mission,body.sponsor-shot .toast,body.sponsor-shot .finish-card,body.sponsor-shot .menu-strip,body.sponsor-shot .game-panel,body.sponsor-shot .touch-controls,body.editor-preview-mode .hud,body.editor-preview-mode .progress-wrap,body.editor-preview-mode .mission,body.editor-preview-mode .toast,body.editor-preview-mode .finish-card,body.editor-preview-mode .menu-strip,body.editor-preview-mode .game-panel,body.editor-preview-mode .touch-controls{display:none!important}@media (width<=760px),(pointer:coarse){.hud{flex-direction:column;align-items:stretch;gap:8px;top:10px;left:10px;right:10px}.brand{width:fit-content;min-height:38px;padding:0 12px;font-size:13px}.stats{grid-template-columns:repeat(4,minmax(0,1fr));width:min(100%,500px)}.stat{padding:7px 10px 8px}.stat strong{font-size:18px}.progress-wrap{width:min(320px,100vw - 150px);bottom:10px;left:10px}.mission{display:none}.toast{font-size:13px;top:142px}.menu-strip{top:106px;left:10px}.career-panel,.leaderboard-panel,.settings-panel{width:min(410px,100vw - 20px);max-height:calc(100vh - 245px);top:150px;left:10px;right:auto}.leaderboard-panel{width:min(310px,100vw - 20px);top:auto;bottom:126px}.touch-controls{display:grid;bottom:10px;right:10px}}
