:root{--bg:#1b1d22;--panel:#14161bd1;--text:#e8e6e1;--muted:#9a9890;--accent:#e0a526;--gutter:12px;--sl:max(16px, env(safe-area-inset-left));--sr:max(16px, env(safe-area-inset-right));--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}@media (pointer:coarse) and (orientation:landscape){:root{--sl:max(52px, calc(env(safe-area-inset-left) + 12px));--sr:max(52px, calc(env(safe-area-inset-right) + 12px))}}*{box-sizing:border-box}html,body{background:var(--bg);height:100%;color:var(--text);touch-action:none;-webkit-user-select:none;user-select:none;margin:0;font:14px/1.4 system-ui,-apple-system,Segoe UI,Roboto,sans-serif;overflow:hidden}#view{touch-action:none;width:100%;height:100%;display:block;position:fixed;inset:0}#bar{top:env(safe-area-inset-top,0);padding:8px var(--sl) 8px var(--sr);background:var(--panel);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);z-index:2;flex-wrap:wrap;align-items:center;gap:8px;display:flex;position:fixed;left:0;right:0}select,button{font:inherit;color:var(--text);background:#2a2d34;border:1px solid #3a3e47;border-radius:8px;min-height:40px;padding:0 12px}button.active{border-color:var(--accent);color:var(--accent)}.tabs{gap:4px;display:flex}#fullscreen{min-width:44px;margin-left:auto}#stats:empty{display:none}#stats{left:var(--sl);bottom:max(var(--gutter), env(safe-area-inset-bottom));background:var(--panel);color:var(--muted);white-space:pre;z-index:2;pointer-events:none;border-radius:8px;padding:6px 10px;font-size:12px;position:fixed}#gallery{padding:72px var(--gutter) var(--gutter);touch-action:pan-y;background:var(--bg);z-index:1;grid-template-columns:repeat(auto-fill,minmax(96px,1fr));grid-auto-rows:max-content;align-content:start;gap:8px;display:grid;position:fixed;inset:0;overflow-y:auto}#gallery[hidden]{display:none}#gallery figure{background:repeating-conic-gradient(#2c2f36 0 25%, #24272d 0 50%) 0 0 / 16px 16px;border-radius:6px;margin:0;overflow:hidden}#gallery .thumb{aspect-ratio:1;position:relative}#gallery canvas{object-fit:contain;width:100%;height:100%;image-rendering:pixelated;position:absolute;inset:0}#gallery figcaption{color:var(--muted);text-overflow:ellipsis;white-space:nowrap;background:var(--bg);padding:2px 4px;font-size:10px;overflow:hidden}#status{z-index:3;padding:var(--gutter);text-align:center;background:#0000008c;place-items:center;font-size:16px;display:grid;position:fixed;inset:0}#toast{left:50%;bottom:calc(env(safe-area-inset-bottom,0px) + 16px);background:var(--panel);max-width:min(520px,100% - 32px);color:var(--text);z-index:4;white-space:normal;border-radius:10px;padding:10px 14px;position:fixed;transform:translate(-50%)}#toast[hidden],#status[hidden]{display:none}#overlay{pointer-events:none;z-index:2;position:fixed;inset:0}.drive-hud{top:calc(env(safe-area-inset-top,0px) + 64px);background:var(--panel);color:var(--accent);white-space:pre;border-radius:8px;padding:4px 12px;font:600 16px/1.3 ui-monospace,Cascadia Mono,monospace;position:absolute;left:50%;transform:translate(-50%)}.drive-hud.pixel-hud{pointer-events:none;background:0 0;border-radius:0;padding:0;line-height:0}.touch-ui{position:absolute;inset:0}@media not (pointer:coarse){.touch-btn.left,.touch-btn.right,.touch-btn.brake,.touch-btn.gas,.touch-btn.sharp{display:none}}.touch-ui.tilt-on .touch-btn.left,.touch-ui.tilt-on .touch-btn.right{display:none}.touch-btn{pointer-events:auto;touch-action:none;width:calc(44px * var(--ui,1));height:calc(44px * var(--ui,1));color:#7bffff;font:700 calc(12px * var(--ui,1)) Tahoma, Arial, sans-serif;letter-spacing:.02em;-webkit-user-select:none;user-select:none;background:#1012149e;border:1px solid #8c8c8c;border-radius:0;place-items:center;padding:0;display:grid;position:absolute;box-shadow:inset 0 0 0 1px #000c}.touch-btn.pressed{background:#e020e073}.touch-btn.left,.touch-btn.right,.touch-btn.brake,.touch-btn.gas{width:calc(80px * var(--ui,1));height:calc(80px * var(--ui,1));bottom:max(20px, env(safe-area-inset-bottom))}.touch-btn.left{left:var(--sl)}.touch-btn.right{left:calc(var(--sl) + 92px * var(--ui,1))}.touch-btn.gas{right:var(--sr)}.touch-btn.brake{right:calc(var(--sr) + 92px * var(--ui,1))}.touch-btn.sharp{right:var(--sr);bottom:calc(max(20px, env(safe-area-inset-bottom)) + 92px * var(--ui,1));width:calc(172px * var(--ui,1));height:calc(36px * var(--ui,1))}.touch-btn.cam,.touch-btn.reset,.touch-btn.horn{top:calc(env(safe-area-inset-top,0px) + 64px)}.touch-btn.cam{right:var(--sr)}.touch-btn.reset{right:calc(var(--sr) + 52px * var(--ui,1))}.touch-btn.horn{right:calc(var(--sr) + 104px * var(--ui,1))}.touch-btn.more{right:calc(var(--sr) + 156px * var(--ui,1))}.touch-more{left:calc(100% - var(--sr) - 200px * var(--ui,1));top:calc(max(8px, env(safe-area-inset-top)) + 104px * var(--ui,1));grid-template-rows:repeat(3, calc(44px * var(--ui,1)));grid-auto-columns:calc(44px * var(--ui,1));gap:calc(8px * var(--ui,1));grid-auto-flow:column;display:grid;position:absolute}.touch-more[hidden]{display:none}.touch-more .touch-btn{position:static}.touch-btn[hidden]{display:none}.touch-btn.unavailable{color:#6e6e6e;border-color:#5a5a5a}.touch-btn.on{color:#101214;background:#7bffffe0}body.swap-controls .touch-btn.left{left:auto;right:calc(var(--sr) + 92px * var(--ui,1))}body.swap-controls .touch-btn.right{left:auto;right:var(--sr)}body.swap-controls .touch-btn.brake{right:auto;left:var(--sl)}body.swap-controls .touch-btn.gas{right:auto;left:calc(var(--sl) + 92px * var(--ui,1))}body.driving #bar{display:none}#bar select,#bar button{height:calc(44px * var(--ui,1));color:#7bffff;letter-spacing:.02em;background-color:#1012149e;border:1px solid #8c8c8c;border-radius:0;min-height:0;font:700 12px Tahoma,Arial,sans-serif;box-shadow:inset 0 0 0 1px #000c}#bar button:active{background-color:#e020e073}#bar button.active{color:#7bffff;border-color:#7bffff}#bar select{appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6'%3E%3Cpath d='M0 0h10L5 6z' fill='rgb(123,255,255)'/%3E%3C/svg%3E");background-position:right 10px center;background-repeat:no-repeat;padding-right:28px}#bar select option{color:#7bffff;background:#101214}body.driving.bar-open #bar{padding-left:calc(var(--sl) + 56px);display:flex}body.driving.bar-open .touch-btn.cam,body.driving.bar-open .touch-btn.reset,body.driving.bar-open .touch-btn.horn,body.driving.bar-open .drive-hud{visibility:hidden}#menu{top:max(8px, env(safe-area-inset-top));left:var(--sl);z-index:3;width:calc(44px * var(--ui,1));height:calc(44px * var(--ui,1));color:#7bffff;background:#1012149e;border:1px solid #8c8c8c;border-radius:0;place-items:center;min-height:0;padding:0;display:grid;position:fixed;box-shadow:inset 0 0 0 1px #000c}#menu[hidden]{display:none}@media not (pointer:coarse){#menu .icon-touch,#swapToggle{display:none}}@media (pointer:coarse){#menu .icon-desktop{display:none}}#swapToggle,#toMenu,#options,#fullscreen{min-width:calc(44px * var(--ui,1));place-items:center;padding:0}#toMenu,#options,#fullscreen{display:grid}#bar .tabs,#truck{flex-grow:1}#bar .tabs>button{flex:1 0 auto}@media (pointer:coarse){#swapToggle{display:grid}}#menu:active{background:#e020e073}body.driving .drive-hud,body.driving .touch-btn.cam,body.driving .touch-btn.reset,body.driving .touch-btn.horn,body.driving .touch-btn.more,body.driving .touch-btn.home,body.driving .touch-btn.repair{top:max(8px, env(safe-area-inset-top))}.touch-ui.base-layout .touch-more{left:auto;right:var(--base-group-right,calc(var(--sr) + 156px * var(--ui,1)));top:calc(max(8px, env(safe-area-inset-top)) + 52px * var(--ui,1));direction:rtl}.touch-ui.base-layout>.touch-btn.horn{display:none}.touch-btn.home{right:calc(var(--sr) + 104px * var(--ui,1))}.touch-btn.repair{left:calc(var(--sl) + 52px * var(--ui,1));width:auto;min-width:calc(96px * var(--ui,1));padding:0 calc(10px * var(--ui,1))}body.driving.bar-open .touch-btn.home,body.driving.bar-open .touch-btn.repair,body.driving.bar-open .touch-btn.more,body.driving.bar-open .touch-more{visibility:hidden}.import-box{background:var(--bg);text-align:left;-webkit-user-select:text;user-select:text;border:1px solid #3a3e47;border-radius:12px;max-width:440px;padding:16px 20px}.import-box h2{color:var(--accent);margin:0 0 8px}.import-box .btn{border:1px solid var(--accent);cursor:pointer;background:#2a2d34;border-radius:8px;align-items:center;min-height:44px;margin:8px 8px 0 0;padding:0 16px;display:inline-flex}#status.over-menu{z-index:7}.import-box .hint{color:var(--accent)}.update-banner{top:max(8px, env(safe-area-inset-top));z-index:8;color:#7bffff;white-space:nowrap;background:#101214d9;border:1px solid #8c8c8c;align-items:center;gap:8px;padding:6px 6px 6px 12px;font:700 12px Tahoma,Arial,sans-serif;display:flex;position:fixed;left:50%;transform:translate(-50%);box-shadow:inset 0 0 0 1px #000c}.update-banner button{color:#7bffff;min-height:36px;font:inherit;background:#1012149e;border:1px solid #8c8c8c;border-radius:0}.import-box progress{width:100%;margin-top:12px}.career-text{white-space:pre-line;margin:0 0 6px}.career-actions{flex-wrap:wrap;gap:6px;display:flex}.career-actions button,.career-form input,.career-form select{min-height:40px;color:var(--text);font:inherit;touch-action:manipulation;-webkit-user-select:none;user-select:none;background:#ffffff14;border:1px solid #fff3;border-radius:8px;padding:6px 12px}.career-actions button.primary{border-color:var(--accent);color:var(--accent)}.career-modal{padding:max(12px, env(safe-area-inset-top)) var(--sr) max(12px, env(safe-area-inset-bottom)) var(--sl);pointer-events:auto;z-index:5;background:#00000073;place-items:center;display:grid;position:absolute;inset:0}.career-box{color:#7bffff;background:#101214db;border:1px solid #8c8c8c;border-radius:0;width:min(520px,100%);max-height:100%;padding:12px 16px;font:12px/16px Tahoma,Arial,sans-serif;overflow:auto;box-shadow:inset 0 0 0 1px #000c}.career-box h2{color:#fff;margin:0 0 10px;font:700 14px/0 Tahoma,Arial,sans-serif}.career-box h2:not(:has(canvas)){line-height:18px}.career-box canvas.career-pixel-text{display:block}.career-box .career-actions{margin-top:12px}.career-box .career-actions button{color:#7bffff;border-radius:0;flex:auto;justify-content:center;align-items:center;padding:0 12px;display:flex}.career-box .career-actions button.primary{border-color:#7bffff}.career-box .career-form label{color:#7bffff}.career-box .career-form input,.career-box .career-form select{color:#7bffff;background:#0006;border:1px solid #8c8c8c;border-radius:0;font:12px Tahoma,Arial,sans-serif}.career-box .career-table th,.career-box .career-table td{border-bottom-color:#8c8c8c59}.career-form{gap:10px;display:grid}.career-form label{color:var(--muted);gap:4px;display:grid}.career-table{border-collapse:collapse;width:100%;font-size:14px}.career-table th,.career-table td{text-align:left;border-bottom:1px solid #ffffff14;padding:4px 6px}.career-table tr.me td{color:var(--accent)}.career-toast{left:50%;bottom:calc(max(20px, env(safe-area-inset-bottom)) + 130px);color:#7bffff;text-align:center;background:#101214db;border:1px solid #8c8c8c;width:max-content;max-width:min(520px,100vw - 32px);padding:8px 14px;font:12px/0 Tahoma,Arial,sans-serif;position:absolute;transform:translate(-50%);box-shadow:inset 0 0 0 1px #000c}.career-toast:not(:has(canvas)){line-height:16px}body.career .tabs,body.career #level,body.career #truck,body.career #weather,body.career #difficulty,body.career #rivals,body.career #toMenu,body.career #stats{display:none}#playMode{font-weight:700}body.net #bar>:not(#options,#swapToggle,#toMenu),body.net #stats{display:none}.career-check{align-items:center;gap:8px;margin-top:10px;display:flex}.career-check input{width:20px;height:20px}.menu-screen{z-index:6;touch-action:manipulation;background:#000;position:fixed;inset:0;overflow:hidden}.menu-stage{transform-origin:50%;width:640px;height:480px;position:absolute;top:50%;left:50%}.menu-stage>canvas{display:block}.menu-abs{position:absolute}.menu-btn{cursor:pointer;-webkit-tap-highlight-color:transparent;background:0 0;border:0;border-radius:0;min-height:0;margin:0;padding:0;line-height:0}.menu-btn canvas[hidden]{display:none}.menu-btn.disabled{cursor:default}.menu-list{color:#c9b46a;font:600 11px/16px Arial,sans-serif;overflow:auto}.menu-list .menu-row{color:#f0dc8a;cursor:pointer;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.menu-list .menu-row.picked{color:#fff;background:#ffdc7840}.menu-table{color:#f6e8b4;text-shadow:1px 1px #000000bf;scroll-snap-type:y mandatory;scrollbar-width:none;overscroll-behavior:contain;line-height:18px;overflow:hidden auto}.menu-table::-webkit-scrollbar{display:none}.menu-table .menu-row{color:#fff3c2}.menu-trow{white-space:nowrap;scroll-snap-align:start;height:20px;display:flex}.menu-trow span:first-child{text-overflow:ellipsis;width:281px;overflow:hidden}.menu-help{color:#f0e6c8;text-shadow:1px 1px #000;touch-action:pan-y;-webkit-overflow-scrolling:touch;font:500 12px/1.4 Arial,sans-serif;overflow-y:auto}.menu-help p{margin:0 0 8px}.menu-note{color:#f0dc8a;text-shadow:1px 1px #000;font:600 12px/1.3 Arial,sans-serif}.menu-input{color:#f0dc8a;background:0 0;border:0;border-radius:0;min-height:0;padding:0 6px;font:700 14px/20px Arial,sans-serif}.net-text{color:#f0e6c8;text-shadow:1px 1px #000;font:500 12px/1.35 Arial,sans-serif;overflow:hidden}.net-text p{margin:0 0 6px}.net-text b,.net-session h3{color:#fce488}.net-session{font-size:13px}.net-session h3{margin:0 0 8px;font-size:17px}.net-session .net-label{color:#fce488;letter-spacing:.5px;margin:8px 0 4px;font:700 11px/1.2 Arial,sans-serif}.net-chips{flex-wrap:wrap;gap:4px;display:flex}.net-chip{color:#f0e6c8;text-shadow:1px 1px #000;cursor:pointer;background:#00000059;border:1px solid #f0dc8a73;border-radius:0;min-height:0;padding:7px 10px;font:600 12px/16px Arial,sans-serif}.net-chip.on{color:#fff;background:#fce48847;border-color:#fce488}.net-chip:disabled{cursor:default}.net-chip:disabled:not(.on){opacity:.55}.net-gap{width:14px}.net-trucks .net-chip{min-width:82px}.net-player{padding-left:12px}.net-players.many{grid-template-columns:1fr 1fr;column-gap:8px;margin-bottom:4px;display:grid}.net-text .net-players.many .net-player{white-space:nowrap;text-overflow:ellipsis;margin:0;padding-left:4px;font-size:11px;line-height:15px;overflow:hidden}.net-note{color:#fce488}.net-status{font-size:11px;line-height:1.25}.net-qr{background:#fff;justify-content:center;align-items:center;display:flex}.net-qr canvas{width:100%;height:100%;image-rendering:pixelated;display:block}.net-qr{cursor:zoom-in}.net-bigqr{z-index:40;cursor:zoom-out;background:#fff;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.net-bigqr canvas{image-rendering:pixelated}.net-video{object-fit:cover;background:#000;border:1px solid #f0dc8a99}.net-codes{color:#f0dc8a;text-shadow:1px 1px #000;flex-direction:column;gap:2px;font:600 11px/1.2 Arial,sans-serif;display:flex}.net-code{color:#fff3c2;resize:none;word-break:break-all;background:#00000073;border:1px solid #f0dc8a80;border-radius:0;height:34px;min-height:0;padding:2px 4px;font:500 9px/1.2 monospace}.net-link{color:#fce488;background:#00000073;border:1px solid #f0dc8a99;border-radius:0;align-self:flex-end;min-height:0;padding:1px 8px;font:700 11px/16px Arial,sans-serif}[hidden].net-text,[hidden].net-qr,[hidden].net-video,[hidden].net-codes{display:none}.net-roster{top:calc(max(8px, env(safe-area-inset-top)) + 52px * var(--ui,1));right:var(--sr);pointer-events:none;color:#fff;text-shadow:1px 1px #000,0 0 3px #000;flex-direction:column;align-items:flex-end;gap:4px;font:700 13px/16px Tahoma,Arial,sans-serif;display:flex;position:absolute}.net-roster>div{align-items:center;gap:6px;display:flex}.net-roster.many{gap:1px;font-size:12px;line-height:14px}.net-roster.many i{width:10px;height:10px}.net-roster>div.me span{color:#fce488}.net-roster>div.gone{opacity:.4}.net-roster i{border:1px solid #000c;width:12px;height:12px;box-shadow:0 0 0 1px #ffffff80}body.in-menu #bar,body.in-menu #menu,body.booting #bar,body.booting #menu,body.booting #stats{display:none}.career-hud{top:calc(max(8px, env(safe-area-inset-top)) + 52px);left:var(--sl);pointer-events:none;color:#fff;flex-direction:column;align-items:flex-start;gap:6px;max-width:min(300px,42vw);font:12px/16px Tahoma,Arial,sans-serif;display:flex;position:absolute}.hud-actions{gap:calc(8px * var(--ui,1));pointer-events:auto;flex-wrap:wrap;display:flex}.career-hud:has(>.hud-info:not([hidden]))>.hud-actions{align-self:stretch}.career-hud:has(>.hud-info:not([hidden]))>.hud-actions>.hud-btn{min-width:0;padding:0 calc(4px * var(--ui,1));flex:1}.hud-actions .hud-btn:not(.hud-square):not(.hud-toggle){min-width:calc(96px * var(--ui,1));height:calc(44px * var(--ui,1));min-height:0}.hud-actions:empty{display:none}.hud-btn{color:#fff;letter-spacing:.02em;touch-action:manipulation;-webkit-user-select:none;user-select:none;background:#1012149e;border:1px solid #8c8c8c;border-radius:0;min-height:40px;padding:0 12px;font:700 12px Tahoma,Arial,sans-serif;box-shadow:inset 0 0 0 1px #000c}.hud-btn:active{background:#e020e073}.hud-player{left:var(--sl);bottom:max(8px, env(safe-area-inset-bottom));line-height:0;position:fixed}.nav-map{right:var(--sr);top:calc(max(8px, env(safe-area-inset-top)) + 60px);pointer-events:none;position:fixed}.mirror-frame{pointer-events:none;border:1px solid #8c8c8c;position:fixed;box-shadow:inset 0 0 0 1px #000c}body.driving.bar-open .nav-map{visibility:hidden}.hud-player{pointer-events:auto;cursor:pointer;-webkit-tap-highlight-color:transparent}.hud-player{top:calc(max(8px, env(safe-area-inset-top)) + 52px * var(--ui,1) - var(--frame-top,0px));bottom:auto}.career-hud{top:calc(max(8px, env(safe-area-inset-top)) + 52px * var(--ui,1));left:auto;right:var(--sr);align-items:flex-end}.hud-actions{justify-content:flex-end}.nav-map{right:auto;left:var(--sl);top:calc(max(8px, env(safe-area-inset-top)) + 112px * var(--ui,1))}body.driving.bar-open .career-hud,body.driving.bar-open .hud-player{visibility:hidden}.rain-streaks{opacity:.1;pointer-events:none;position:absolute;inset:0;overflow:hidden}.rain-streaks[hidden]{display:none}.rain-streaks>div{will-change:transform;background-repeat:repeat-y}.soft{vertical-align:middle;background-color:currentColor;flex:none;display:inline-block;-webkit-mask-size:100% 100%;mask-size:100% 100%;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}canvas.pixel{image-rendering:auto}.hud-info{pointer-events:auto;line-height:0}.hud-info[hidden]{display:none}.hud-player{pointer-events:auto}.hud-btn.hud-square{width:calc(44px * var(--ui,1));height:calc(44px * var(--ui,1));color:#7bffff;place-items:center;min-height:0;padding:0;display:grid}.hud-btn.hud-toggle{min-height:0;box-shadow:none;background:0 0;border:none;padding:0}
