:root{--amber: #ffb02e;--amber-dim: #8a5f1a;--red: #e2483a;--green: #4ad07a;--ink: #0b0d10;--panel: #14181d;--panel-2: #1b2027;--line: #2b323b;--text: #dfe5ec;--muted: #8b95a3;--font: "Bahnschrift", "DIN Alternate", "Segoe UI", system-ui, sans-serif;--mono: "Consolas", "SF Mono", ui-monospace, monospace}*{box-sizing:border-box}html,body{margin:0;padding:0;width:100%;height:100%;overflow:hidden;background:#06080a;color:var(--text);font-family:var(--font);-webkit-user-select:none;user-select:none;-webkit-font-smoothing:antialiased}canvas#game{position:fixed;top:0;right:0;bottom:0;left:0;width:100%;height:100%;display:block}.hidden{display:none!important}kbd{display:inline-block;background:#232a33;border:1px solid #39424e;border-bottom-width:2px;border-radius:4px;padding:1px 6px;font-family:var(--mono);font-size:10px;color:#c3ccd8;margin:0 1px}.screen{position:fixed;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;background:radial-gradient(ellipse at 50% 35%,#1a222c,#0a0d11 55%,#05070a);z-index:200}.load-inner{text-align:center;max-width:560px;padding:0 24px}.logo{font-size:62px;font-weight:700;letter-spacing:5px;color:#eef3f8;text-shadow:0 3px 24px rgba(0,0,0,.8)}.logo span{color:var(--amber)}.logo.small{font-size:20px;letter-spacing:3px}.tagline{color:var(--muted);letter-spacing:4px;font-size:13px;margin-top:6px;text-transform:uppercase}.load-bar{margin:34px auto 12px;width:340px;height:5px;background:#1c232c;border-radius:3px;overflow:hidden}#load-fill{height:100%;width:0%;background:linear-gradient(90deg,var(--amber-dim),var(--amber));transition:width .25s ease}#load-text{color:var(--muted);font-size:12px;letter-spacing:2px;text-transform:uppercase}.title-btns{margin-top:38px;display:flex;gap:14px;justify-content:center}.big-btn{font-family:var(--font);font-size:15px;letter-spacing:2px;font-weight:600;padding:15px 30px;border-radius:4px;cursor:pointer;background:var(--amber);color:#191100;border:none;transition:transform .12s,box-shadow .12s,background .12s}.big-btn:hover{transform:translateY(-2px);box-shadow:0 8px 24px #ffb02e47}.big-btn.ghost{background:transparent;color:var(--text);border:1px solid var(--line)}.big-btn.ghost:hover{border-color:var(--amber);color:var(--amber);box-shadow:none}.title-foot{margin-top:40px;font-size:11px;color:#5b6673;letter-spacing:1px}#hud{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:50}#gauges{position:absolute;bottom:26px;left:50%;transform:translate(-50%);display:flex;gap:18px;align-items:flex-end;transform-origin:bottom center;transition:transform .25s ease,opacity .25s ease}#gauges.cockpit{transform:translate(-50%) scale(.66);opacity:.88;bottom:6px}.gauge{position:relative;width:140px;height:140px;filter:drop-shadow(0 6px 18px rgba(0,0,0,.6))}#speedo-gauge{width:168px;height:168px}.gauge svg{width:100%;height:100%}.g-face{fill:#0a0d11d1;stroke:#333c47;stroke-width:2}.g-needle{stroke:var(--red);stroke-width:3.5;stroke-linecap:round;transform-origin:100px 100px}.g-hub{fill:#2a323c;stroke:#444e5a;stroke-width:2}.g-tick{stroke:#7d8894;stroke-width:2}.g-tick.major{stroke:#dfe5ec;stroke-width:3}.g-num{fill:#b9c3cf;font-size:15px;font-family:var(--font);text-anchor:middle;dominant-baseline:middle}.g-redline{stroke:var(--red);stroke-width:5;fill:none;opacity:.85}.g-label{position:absolute;left:0;right:0;top:60%;text-align:center;font-size:8.5px;letter-spacing:2px;color:var(--muted)}.g-digital{position:absolute;left:0;right:0;top:68%;text-align:center;font-family:var(--mono);font-size:22px;font-weight:700;color:var(--amber);text-shadow:0 0 12px rgba(255,176,46,.45)}#speedo-gauge .g-digital{font-size:28px}#coal-panel{position:absolute;right:26px;bottom:30px;width:208px;background:#0c0f13cc;border:1px solid var(--line);border-radius:6px;padding:12px 13px 10px;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);pointer-events:auto}.coal-head{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:7px}.coal-title{font-size:12px;letter-spacing:3px;color:var(--text)}#coal-pct{font-family:var(--mono);font-size:15px;font-weight:700;color:var(--amber)}#coal-track{position:relative;height:13px;border-radius:3px;overflow:hidden;background:#10141a;border:1px solid #2a313a}#coal-fill{height:100%;width:60%;background:linear-gradient(90deg,#6d7681,#4a5058,#262a30 70%,#0e1013);transition:width .1s linear}#coal-marks{position:absolute;top:0;right:0;bottom:0;left:0;background:repeating-linear-gradient(90deg,transparent 0 19px,rgba(255,255,255,.13) 19px 20px)}.coal-foot{margin-top:7px;font-size:9.5px;color:var(--muted);letter-spacing:.5px}#egt-wrap{display:flex;align-items:center;gap:7px;margin-top:9px;font-size:9px;letter-spacing:1.5px;color:var(--muted)}#egt-track{flex:1;height:5px;background:#10141a;border-radius:3px;overflow:hidden;border:1px solid #2a313a}#egt-fill{height:100%;width:12%;background:linear-gradient(90deg,#3d7fb5,#f0c040 62%,#e2483a);transition:width .2s ease}#truck-tag{position:absolute;left:26px;bottom:30px}#tag-name{font-size:19px;font-weight:600;letter-spacing:1.5px;color:#eef3f8;text-shadow:0 2px 10px #000}#tag-spec{font-size:11px;letter-spacing:2px;color:var(--amber);margin-top:3px;text-transform:uppercase}#keyhints{position:absolute;left:26px;top:22px;font-size:10.5px;color:#93a0af;line-height:2;background:#0a0d118c;padding:9px 13px;border-radius:5px;border:1px solid rgba(60,70,84,.5)}#toast{position:absolute;top:26px;left:50%;transform:translate(-50%) translateY(-16px);background:#0c0f13eb;border:1px solid var(--amber-dim);color:var(--amber);padding:11px 22px;border-radius:5px;font-size:13px;letter-spacing:2px;opacity:0;transition:opacity .3s,transform .3s;text-transform:uppercase}#toast.show{opacity:1;transform:translate(-50%) translateY(0)}#garage{position:fixed;top:0;right:0;bottom:0;left:0;z-index:100;display:grid;grid-template-columns:372px 1fr;grid-template-rows:62px 1fr 40px;grid-template-areas:"head head" "panel stage" "panel foot";pointer-events:none}#garage>*{pointer-events:auto}#garage-head{grid-area:head;display:flex;align-items:center;justify-content:space-between;padding:0 20px 0 22px;background:linear-gradient(180deg,#080a0df7,#080a0dd1);border-bottom:1px solid var(--line)}.gh-left{display:flex;align-items:center;gap:26px}#garage-tabs{display:flex;gap:3px}.tab{background:none;border:none;border-bottom:2px solid transparent;color:var(--muted);font-family:var(--font);font-size:11.5px;letter-spacing:1.6px;padding:8px 12px;cursor:pointer;text-transform:uppercase;transition:color .15s,border-color .15s}.tab:hover{color:var(--text)}.tab.active{color:var(--amber);border-bottom-color:var(--amber)}#garage-close{background:var(--amber);color:#191100;border:none;font-family:var(--font);font-weight:700;font-size:12.5px;letter-spacing:2px;padding:11px 20px;border-radius:4px;cursor:pointer}#garage-close:hover{filter:brightness(1.12)}#garage-panel{grid-area:panel;background:linear-gradient(180deg,#0a0d11f5,#0a0d11e6);border-right:1px solid var(--line);overflow-y:auto;overflow-x:hidden;padding:16px 14px 40px}#garage-panel::-webkit-scrollbar{width:8px}#garage-panel::-webkit-scrollbar-thumb{background:#2c343d;border-radius:4px}#garage-panel::-webkit-scrollbar-track{background:transparent}.grp{margin-bottom:22px}.grp-title{font-size:10px;letter-spacing:3px;color:var(--muted);text-transform:uppercase;margin:0 0 9px 3px;display:flex;align-items:center;gap:9px}.grp-title:after{content:"";flex:1;height:1px;background:var(--line)}.opt{display:flex;align-items:center;gap:11px;padding:9px 11px;margin-bottom:5px;background:var(--panel);border:1px solid transparent;border-left:3px solid #2c343d;border-radius:4px;cursor:pointer;transition:background .13s,border-color .13s,transform .13s}.opt:hover{background:var(--panel-2);transform:translate(2px)}.opt.sel{border-left-color:var(--amber);background:#1d2129}.opt.sel .opt-name{color:var(--amber)}.opt-swatch{width:26px;height:26px;border-radius:3px;flex:none;border:1px solid rgba(255,255,255,.14)}.opt-icon{width:30px;height:30px;flex:none;opacity:.85}.opt-text{flex:1;min-width:0}.opt-name{font-size:13px;color:var(--text);letter-spacing:.4px}.opt-desc{font-size:10.5px;color:var(--muted);margin-top:2px;line-height:1.35}.opt-badge{font-size:9px;letter-spacing:1px;padding:2px 6px;border-radius:3px;background:#2a323c;color:#9fabb9;flex:none}.opt-badge.era-90{background:#3a2f1e;color:#d8ac5e}.opt-badge.era-00{background:#1e3040;color:#6fb0d8}.opt-badge.era-20{background:#1e3a2c;color:#62c78e}.swatch-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:7px}.swatch{aspect-ratio:1;border-radius:4px;cursor:pointer;border:2px solid transparent;transition:transform .12s;position:relative}.swatch:hover{transform:scale(1.12)}.swatch.sel{border-color:#fff;box-shadow:0 0 0 2px #ffffff38}.slider-row{margin-bottom:16px;padding:0 3px}.slider-lab{display:flex;justify-content:space-between;font-size:11px;margin-bottom:6px}.slider-lab span:first-child{color:var(--muted);letter-spacing:1.4px;text-transform:uppercase}.slider-lab span:last-child{color:var(--amber);font-family:var(--mono);font-weight:700}input[type=range]{width:100%;height:4px;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:#232a33;border-radius:3px;outline:none;cursor:pointer}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:15px;height:15px;border-radius:50%;background:var(--amber);border:2px solid #0d1014;cursor:pointer}.toggle-row{display:flex;align-items:center;justify-content:space-between;padding:9px 11px;margin-bottom:5px;background:var(--panel);border-radius:4px;cursor:pointer}.toggle-row:hover{background:var(--panel-2)}.tg-name{font-size:12.5px}.tg-sw{width:36px;height:19px;border-radius:10px;background:#2b323b;position:relative;transition:background .18s;flex:none}.tg-sw:after{content:"";position:absolute;top:2px;left:2px;width:15px;height:15px;border-radius:50%;background:#79838f;transition:transform .18s,background .18s}.toggle-row.on .tg-sw{background:var(--amber-dim)}.toggle-row.on .tg-sw:after{transform:translate(17px);background:var(--amber)}#stat-card{position:absolute;right:26px;top:84px;width:262px;background:#0b0e12db;border:1px solid var(--line);border-radius:6px;padding:16px 17px;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.sc-name{font-size:21px;font-weight:600;letter-spacing:.8px;line-height:1.15}.sc-sub{font-size:10.5px;letter-spacing:2px;color:var(--amber);margin-top:5px;text-transform:uppercase}.sc-rows{margin-top:15px;display:flex;flex-direction:column;gap:8px}.sc-row{font-size:11px}.sc-row .r-top{display:flex;justify-content:space-between;margin-bottom:3px}.sc-row .r-lab{color:var(--muted);letter-spacing:1.2px;text-transform:uppercase;font-size:9.5px}.sc-row .r-val{font-family:var(--mono);color:var(--text);font-size:11px}.sc-bar{height:4px;background:#1c222a;border-radius:3px;overflow:hidden}.sc-bar>div{height:100%;background:linear-gradient(90deg,var(--amber-dim),var(--amber));transition:width .3s ease}.sc-price{margin-top:15px;padding-top:13px;border-top:1px solid var(--line);font-size:11px;color:var(--muted);line-height:1.6}.sc-price b{color:var(--text);font-family:var(--mono)}#garage-foot{grid-area:foot;display:flex;align-items:center;gap:20px;padding:0 24px;font-size:10.5px;color:var(--muted);background:linear-gradient(0deg,rgba(8,10,13,.9),transparent)}#map-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:90;display:flex;align-items:center;justify-content:center;background:#040608db}#map-canvas{border:1px solid var(--line);border-radius:6px;box-shadow:0 20px 60px #000000b3}#map-hint{position:absolute;bottom:40px;font-size:11px;letter-spacing:3px;color:var(--muted)}