:root{color-scheme:dark;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Ubuntu,Helvetica Neue,Arial,sans-serif;background:#08100c;color:#fff4dc;--cream: #fff4dc;--muted: #9eb2a4;--orange: #e87832;--orange-bright: #ff8c42;--orange-dark: #9c4921;--orange-glow: rgba(232, 120, 50, .45);--green: #5d9f66;--green-bright: #72c47e;--green-glow: rgba(93, 159, 102, .45);--gold: #ffca36;--gold-glow: rgba(255, 202, 54, .45);--red: #d8574b;--blue: #3d7ea6;--glass-bg: rgba(14, 26, 20, .88);--glass-bg-subtle: rgba(12, 22, 17, .72);--panel-card: rgba(255, 255, 255, .05);--panel-card-hover: rgba(255, 255, 255, .09);--border-light: rgba(255, 244, 220, .14);--border-active: rgba(232, 173, 97, .6);--border-green: rgba(114, 196, 126, .5);--safe-t: env(safe-area-inset-top, 0px);--safe-r: env(safe-area-inset-right, 0px);--safe-b: env(safe-area-inset-bottom, 0px);--safe-l: env(safe-area-inset-left, 0px);--banner-h: 0px;--sh-bg: #0e1a14;--sh-fg: #fff4dc;--sh-accent: #ff8c42;--sh-line: rgba(255, 244, 220, .18);--sh-radius: 12px;--sh-font: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--sh-z: 9500;--sh-item-bg: rgba(255, 255, 255, .05);--sh-item-hover: rgba(255, 255, 255, .1)}body.has-platform-banner{--banner-h: 56px}*{box-sizing:border-box;margin:0;padding:0;-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent}::selection{background:transparent}img,canvas,svg{-webkit-user-drag:none;user-drag:none}input[type=text],textarea{user-select:text;-webkit-user-select:text}html{width:100%;height:100%;overflow:hidden!important;overscroll-behavior:none!important;touch-action:manipulation}:root body{width:100%;height:100%;height:100dvh;position:fixed;inset:0;overflow:hidden!important;overscroll-behavior:none!important;touch-action:manipulation;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;background:#08100c}body *{overscroll-behavior:contain}#game-root{width:100%;height:100%;overflow:hidden!important;position:fixed;inset:0}button{font:inherit;color:inherit;border:none;background:none;cursor:pointer;-webkit-tap-highlight-color:transparent;user-select:none;touch-action:manipulation}.svg-icon{display:inline-block;vertical-align:middle;flex-shrink:0;pointer-events:none;filter:drop-shadow(0 1px 2px rgba(0,0,0,.4))}.game-shell{position:fixed;inset:0;isolation:isolate;z-index:1;overflow:hidden}.game-canvas{position:fixed;inset:0;z-index:0;display:block;width:100%;height:100%;pointer-events:none;touch-action:none}.ui-layer{position:absolute;inset:0;z-index:5;pointer-events:none;overflow:hidden}.ui-layer>*{pointer-events:auto}.ui-layer>.hud{pointer-events:none}.screen{position:absolute;top:var(--safe-t);left:var(--safe-l);width:calc(100% - var(--safe-l) - var(--safe-r));height:calc(100% - var(--safe-t) - var(--safe-b));display:flex;align-items:center;justify-content:center;padding:clamp(6px,1.5vw,16px);background:radial-gradient(circle at center,#0a141073,#050c09bf);backdrop-filter:blur(2px);-webkit-backdrop-filter:blur(2px);overflow:hidden;z-index:10}.panel{width:min(560px,94vw);max-height:min(94dvh,660px);padding:clamp(12px,2.2vw,22px);border:1px solid var(--border-light);border-radius:clamp(14px,2vw,22px);background:var(--glass-bg);backdrop-filter:blur(3px);-webkit-backdrop-filter:blur(3px);box-shadow:0 16px 45px #0009,inset 0 1px #ffffff1f;display:flex;flex-direction:column;gap:clamp(8px,1.4vh,14px);overflow:hidden}.eyebrow{font-size:clamp(10px,1.1vw,12px);text-transform:uppercase;letter-spacing:.14em;color:var(--gold);font-weight:700;text-shadow:0 1px 3px rgba(0,0,0,.6)}.subtitle{font-size:clamp(11px,1.2vw,13px);line-height:1.35;color:var(--muted)}.primary-btn{background:linear-gradient(135deg,#f08235,#c75c1c);color:#fffaf0;font-weight:800;border-radius:12px;padding:clamp(10px,1.6vh,14px) clamp(16px,2.5vw,24px);border:1px solid rgba(255,230,180,.4);box-shadow:0 6px 18px var(--orange-glow),inset 0 1px #ffffff59;letter-spacing:.03em;font-size:clamp(13px,1.4vw,15px);display:inline-flex;align-items:center;justify-content:center;gap:8px;text-transform:uppercase;transition:transform .15s ease,filter .15s ease,box-shadow .15s ease}.primary-btn:hover{transform:translateY(-2px);filter:brightness(1.1);box-shadow:0 8px 24px var(--orange-glow)}.primary-btn:active{transform:translateY(1px);filter:brightness(.95)}.primary-btn:disabled{background:#3c423e;color:#727a75;border-color:#ffffff0d;box-shadow:none;cursor:not-allowed;transform:none;filter:none}.ghost-btn{background:var(--panel-card);color:var(--cream);font-weight:700;border-radius:10px;padding:clamp(8px,1.2vh,12px) clamp(12px,1.8vw,18px);border:1px solid var(--border-light);font-size:clamp(11px,1.2vw,13px);display:inline-flex;align-items:center;justify-content:center;gap:6px;transition:background .15s ease,border-color .15s ease,transform .1s ease}.ghost-btn:hover{background:var(--panel-card-hover);border-color:#fff4dc4d;transform:translateY(-1px)}.ghost-btn:active{transform:translateY(1px)}.ghost-btn:disabled{opacity:.45;cursor:not-allowed;transform:none}.toast{position:absolute;top:calc(14px + env(safe-area-inset-top));left:50%;transform:translate(-50%);padding:8px 18px;border-radius:24px;font-size:13px;font-weight:800;z-index:1100;box-shadow:0 8px 25px #0009;pointer-events:none;animation:toastPop .25s cubic-bezier(.18,.89,.32,1.28)}.toast.good{background:#256637;color:#e5ffeb;border:1px solid #5d9f66}.toast.warn{background:#7a5518;color:#fff2d6;border:1px solid #e8ad61}.toast.bad{background:#7a221b;color:#ffd8d6;border:1px solid #d8574b}@keyframes toastPop{0%{opacity:0;transform:translate(-50%,-10px) scale(.9)}to{opacity:1;transform:translate(-50%) scale(1)}}.menu-screen{position:absolute;inset:0;width:100%;height:100%;display:flex;flex-direction:column;justify-content:space-between;pointer-events:none;overflow:hidden;z-index:10;background:radial-gradient(circle at center,transparent 40%,rgba(6,12,9,.35) 100%);backdrop-filter:none;-webkit-backdrop-filter:none}.menu-top-bar{display:flex;justify-content:flex-end;align-items:flex-start;padding:clamp(8px,1.8vh,18px) clamp(10px,2.5vw,28px) 0;width:100%;pointer-events:auto;z-index:10}.menu-top-stats{display:flex;align-items:center;gap:clamp(6px,1.2vw,12px);padding:6px clamp(10px,1.5vw,16px);background:#0c1611e0;border:1px solid rgba(255,255,255,.15);border-radius:12px;backdrop-filter:blur(3px);-webkit-backdrop-filter:blur(3px);box-shadow:0 8px 24px #0000008c}.top-stat-pill{display:flex;align-items:center;gap:6px;font-size:clamp(11px,1.2vw,14px);font-weight:800;color:var(--cream);white-space:nowrap}.top-stat-divider{width:1px;height:16px;background:#fff3}.top-stat-btn{background:none;border:none;color:#9eb2a4;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;min-width:44px;min-height:44px;width:44px;height:44px;padding:8px;border-radius:8px;transition:color .15s,transform .2s,background .15s}.top-stat-btn:hover{color:#fff;background:#ffffff14;transform:rotate(45deg)}.menu-middle-row{display:flex;justify-content:space-between;align-items:center;flex:1;padding:0 clamp(10px,2.5vw,28px);width:100%;min-height:0;pointer-events:none;z-index:5}.menu-nav-column{width:clamp(150px,17vw,210px);display:flex;flex-direction:column;gap:clamp(8px,1.2vh,12px);pointer-events:auto}.menu-primary-launch-btn{display:flex;align-items:center;gap:10px;padding:clamp(10px,1.6vh,16px) clamp(12px,1.4vw,18px);min-height:44px;background:linear-gradient(135deg,#e87832,#cf4a10);border:1px solid rgba(255,200,140,.55);border-radius:12px;color:#fff;font-size:clamp(15px,1.6vw,18px);font-weight:900;letter-spacing:.06em;text-transform:uppercase;cursor:pointer;box-shadow:0 8px 24px #e8783280,inset 0 1px #ffffff59;transition:transform .15s,box-shadow .15s,filter .15s;animation:launchPulse 2.5s infinite ease-in-out}.menu-primary-launch-btn:hover{transform:translateY(-2px) scale(1.02);box-shadow:0 10px 30px #e87832b3;filter:brightness(1.1)}.menu-primary-launch-btn:active{transform:scale(.97)}.launch-icon{display:flex;align-items:center;justify-content:center;width:24px;height:24px}.launch-text{flex:1}.menu-nav-list{display:flex;flex-direction:column;gap:clamp(4px,.8vh,8px)}.menu-nav-item{display:flex;align-items:center;gap:10px;padding:clamp(7px,1.1vh,11px) clamp(10px,1.2vw,14px);min-height:44px;background:#0c1611d1;border:1px solid rgba(255,255,255,.12);border-radius:10px;color:var(--cream);font-size:clamp(11px,1.1vw,13px);font-weight:800;letter-spacing:.05em;cursor:pointer;backdrop-filter:blur(2px);-webkit-backdrop-filter:blur(2px);transition:background .15s,border-color .15s,transform .15s}.menu-nav-item:hover{background:#182a20f2;border-color:#8ecaa273;transform:translate(4px)}.menu-nav-item:active{transform:scale(.98) translate(2px)}.nav-icon{display:flex;align-items:center;justify-content:center;width:18px;height:18px;color:var(--orange)}@keyframes shop-cta-pulse{0%,to{box-shadow:0 0 #ffaa288c,0 4px 14px #e8783266}50%{box-shadow:0 0 0 7px #ffaa2800,0 6px 20px #e87832a6}}@keyframes shop-cta-sheen{0%{transform:translate(-120%)}60%,to{transform:translate(220%)}}.menu-nav-item.nav-shop-cta{position:relative;overflow:hidden;background:linear-gradient(135deg,#ff9a2e,#ff6a1a 55%,#e2431a);border-color:#ffce6a;color:#2b1500;font-weight:900;text-shadow:0 1px 0 rgba(255,255,255,.25);animation:shop-cta-pulse 1.9s ease-in-out infinite}.menu-nav-item.nav-shop-cta:hover{background:linear-gradient(135deg,#ffb04a,#ff7a26 55%,#f04d1e);border-color:#fff0c0}.menu-nav-item.nav-shop-cta .nav-icon{color:#2b1500}.menu-nav-item.nav-shop-cta:after{content:"";position:absolute;top:0;left:0;width:40%;height:100%;background:linear-gradient(100deg,transparent,rgba(255,255,255,.55),transparent);transform:translate(-120%);animation:shop-cta-sheen 2.6s ease-in-out infinite;pointer-events:none}.nav-shop-tag{margin-left:auto;font-size:9.5px;font-weight:900;letter-spacing:.03em;padding:2px 6px;border-radius:5px;background:#2b1500;color:#ffca36;white-space:nowrap}body.is-mobile .nav-shop-tag{display:none}body.is-mobile .menu-nav-item .nav-label{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:100%}.top-stat-btn.shop-cta-pulse{background:linear-gradient(135deg,#ff9a2e,#e2431a);border-color:#ffce6a;color:#2b1500;animation:shop-cta-pulse 1.9s ease-in-out infinite}.top-stat-btn.shop-cta-pulse:hover{background:linear-gradient(135deg,#ffb04a,#f04d1e)}.shop-cta-btn{display:inline-flex;align-items:center;gap:6px;height:34px;padding:0 14px;font-size:13px;font-weight:900;letter-spacing:.03em;border-radius:9px;cursor:pointer;color:#2b1500;background:linear-gradient(135deg,#ff9a2e,#e2431a);border:1px solid #ffce6a;animation:shop-cta-pulse 1.9s ease-in-out infinite}.shop-cta-btn:hover{background:linear-gradient(135deg,#ffb04a,#f04d1e)}.shop-cta-btn svg{color:#2b1500}@media(prefers-reduced-motion:reduce){.menu-nav-item.nav-shop-cta,.menu-nav-item.nav-shop-cta:after,.top-stat-btn.shop-cta-pulse,.shop-cta-btn{animation:none}}.menu-center-space{flex:1;min-height:44px;pointer-events:auto;cursor:pointer}.menu-vehicle-card{width:clamp(230px,23vw,290px);background:#0c1611d9;border:1px solid rgba(255,255,255,.15);border-radius:14px;padding:clamp(10px,1.5vh,14px);backdrop-filter:blur(3px);-webkit-backdrop-filter:blur(3px);box-shadow:0 12px 32px #0009;pointer-events:auto;display:flex;flex-direction:column;gap:clamp(6px,1.1vh,10px);cursor:pointer;transition:border-color .2s,transform .2s}.menu-vehicle-card:hover{border-color:#e8783280;transform:translateY(-2px)}.veh-card-header{display:flex;justify-content:space-between;align-items:flex-start}.veh-name{font-size:clamp(12px,1.2vw,14px);font-weight:900;color:#fff;text-transform:uppercase;letter-spacing:.04em}.veh-formula{font-size:clamp(9.5px,.95vw,11px);font-weight:700;color:var(--muted);margin-top:2px}.veh-header-icon{color:#9eb2a4;display:flex;align-items:center}.veh-status-bars{display:flex;flex-direction:column;gap:5px}.veh-bar-group{display:flex;flex-direction:column;gap:2px}.veh-bar-header{display:flex;justify-content:space-between;font-size:9.5px;font-weight:800;letter-spacing:.05em;color:var(--muted)}.val-green{color:#4ade80}.val-orange{color:#fb923c}.val-gold{color:#fbbf24}.veh-progress-track{height:5px;background:#00000073;border-radius:3px;overflow:hidden}.veh-progress-fill{height:100%;border-radius:3px}.fill-green{background:linear-gradient(90deg,#22c55e,#4ade80)}.fill-orange{background:linear-gradient(90deg,#ea580c,#fb923c)}.veh-cargo-badge{display:flex;align-items:center;gap:6px;padding:4px 8px;background:#00000059;border-radius:6px;font-size:10px;font-weight:800;border:1px solid rgba(255,255,255,.08)}.cargo-label{color:var(--muted)}.cargo-val{color:#ffedd5;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.veh-specs-table{display:flex;flex-direction:column;gap:3px;border-top:1px solid rgba(255,255,255,.08);padding-top:5px}.spec-row{display:flex;justify-content:space-between;align-items:center;font-size:clamp(9.5px,.95vw,10.5px);font-weight:700;color:var(--muted)}.spec-val{color:var(--cream);font-weight:800}.spec-stars{color:#f59e0b;font-size:11px;letter-spacing:1px}.menu-bottom-dock{display:flex;justify-content:center;align-items:flex-end;padding:0 clamp(10px,2.5vw,28px) clamp(8px,1.6vh,16px);width:100%;pointer-events:none;z-index:10}.mission-briefing-card{display:flex;align-items:center;gap:clamp(10px,1.8vw,20px);padding:clamp(6px,1.1vh,10px) clamp(10px,1.5vw,16px);background:#0c1611e0;border:1px solid rgba(255,255,255,.15);border-radius:14px;backdrop-filter:blur(3px);-webkit-backdrop-filter:blur(3px);box-shadow:0 12px 36px #0009;pointer-events:auto}.mission-brief-left{display:flex;flex-direction:column;gap:2px}.mission-eyebrow{font-size:8.5px;font-weight:800;color:#5d9f66;letter-spacing:.1em}.mission-main{display:flex;align-items:center;gap:8px}.mission-icon{font-size:16px}.mission-title{font-size:clamp(11.5px,1.2vw,14px);font-weight:900;color:#fff;letter-spacing:.04em}.mission-route{font-size:clamp(9.5px,.95vw,11px);color:var(--muted);font-weight:700}.mission-brief-center{display:flex;align-items:center;gap:clamp(8px,1.2vw,14px);border-left:1px solid rgba(255,255,255,.12);border-right:1px solid rgba(255,255,255,.12);padding:0 clamp(8px,1.2vw,14px)}.mission-metric{display:flex;flex-direction:column;gap:1px}.metric-lbl{font-size:8.5px;font-weight:800;color:var(--muted);letter-spacing:.05em}.metric-val{display:flex;align-items:center;gap:4px;font-size:clamp(11px,1.1vw,13px);font-weight:800;color:var(--cream);white-space:nowrap}.mission-launch-btn{display:flex;align-items:center;gap:8px;padding:clamp(8px,1.3vh,12px) clamp(14px,1.8vw,20px);background:linear-gradient(135deg,#e87832,#cf4a10);border:1px solid rgba(255,200,140,.6);border-radius:12px;color:#fff;font-size:clamp(13px,1.4vw,16px);font-weight:900;letter-spacing:.06em;cursor:pointer;box-shadow:0 6px 20px #e8783280;transition:transform .15s,box-shadow .15s,filter .15s}.mission-launch-btn:hover{transform:translateY(-2px);box-shadow:0 8px 26px #e87832b3;filter:brightness(1.1)}.mission-launch-btn:active{transform:scale(.97)}.modal-overlay{position:fixed;inset:0;width:100%;height:100%;background:#000000bf;backdrop-filter:blur(3px);-webkit-backdrop-filter:blur(3px);display:flex;align-items:center;justify-content:center;z-index:1000;padding:16px;animation:fadeIn .2s ease-out}.modal-dialog{width:min(560px,94vw);max-height:min(88vh,640px);background:linear-gradient(175deg,#14241cf5,#0a140ffa);border:1px solid rgba(142,202,162,.3);border-radius:16px;box-shadow:0 24px 60px #000000d9,0 0 30px #5d9f6626;display:flex;flex-direction:column;overflow:hidden;animation:popIn .25s cubic-bezier(.18,.89,.32,1.28)}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:12px 18px;border-bottom:1px solid rgba(255,255,255,.1)}.modal-title-group{display:flex;align-items:center;gap:8px}.modal-header-icon{display:flex;align-items:center}.modal-title{font-size:15px;font-weight:900;color:#fff;letter-spacing:.05em;text-transform:uppercase;margin:0}.modal-close-btn{background:none;border:none;color:#9eb2a4;cursor:pointer;padding:8px;border-radius:8px;display:inline-flex;align-items:center;justify-content:center;min-width:44px;min-height:44px;width:44px;height:44px;transition:color .15s,background .15s}.modal-close-btn:hover{color:#fff;background:#ffffff1f}.modal-body{padding:16px 18px;overflow-y:auto;display:flex;flex-direction:column;gap:14px}.settings-modal-content{display:flex;flex-direction:column;gap:12px}.setting-row{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:10px 14px;background:#ffffff0a;border:1px solid rgba(255,255,255,.08);border-radius:10px}.setting-info{display:flex;flex-direction:column;gap:2px}.setting-title{font-size:13px;font-weight:800;color:var(--cream);display:flex;align-items:center;gap:6px}.setting-desc{font-size:11px;color:var(--muted)}.setting-slider-wrap{display:flex;align-items:center;gap:10px;min-width:160px}.setting-slider{flex:1;height:6px;-webkit-appearance:none;appearance:none;background:#ffffff24;border-radius:6px;outline:none;cursor:pointer}.setting-slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:20px;height:20px;border-radius:50%;background:#e89832;border:2px solid #fff4dc;cursor:pointer}.setting-slider::-moz-range-thumb{width:20px;height:20px;border-radius:50%;background:#e89832;border:2px solid #fff4dc;cursor:pointer}.setting-slider-val{font-size:12px;font-weight:800;color:var(--cream);min-width:40px;text-align:right}.setting-toggle-btn{padding:8px 16px;min-height:44px;min-width:64px;display:inline-flex;align-items:center;justify-content:center;border-radius:10px;font-size:12px;font-weight:800;cursor:pointer;transition:background .15s,color .15s;border:1px solid rgba(255,255,255,.15)}.setting-toggle-btn.on{background:#5d9f66;color:#fff}.setting-toggle-btn.off{background:#363d39;color:var(--muted)}.setting-danger-zone{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:10px 14px;background:#dc262614;border:1px solid rgba(220,38,38,.25);border-radius:10px;margin-top:6px}.settings-social-container{display:flex;flex-direction:column;gap:8px;margin-top:6px;border-top:1px solid rgba(255,244,220,.12);padding-top:10px}.setting-social-header{display:flex;flex-direction:column;gap:2px;padding:4px 2px}.share-result-action-btn{width:100%;display:flex;align-items:center;justify-content:center;gap:8px;background:#ff8c4229;border:1px solid rgba(255,140,66,.45);color:#fff4dc;font-weight:700;font-size:14px;padding:10px 16px;border-radius:10px;cursor:pointer;transition:background .15s ease,transform .15s ease,border-color .15s ease,box-shadow .15s ease}.share-result-action-btn:hover:not([disabled]){background:#ff8c4247;border-color:#ff8c42;transform:translateY(-1px);box-shadow:0 4px 14px #e8783240}.share-result-action-btn[disabled]{opacity:.65;cursor:default;border-color:#5d9f6680;background:#5d9f661f;color:#72c47e;transform:none}.danger-btn{padding:10px 16px;min-height:44px;min-width:140px;display:inline-flex;align-items:center;justify-content:center;background:#b91c1c;color:#fff;border:1px solid #ef4444;border-radius:10px;font-size:12px;font-weight:800;cursor:pointer;transition:background .15s;white-space:nowrap}.danger-btn:hover{background:#dc2626}.achievements-modal-content{display:flex;flex-direction:column;gap:12px}.achieve-stats-summary{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.achieve-stat-card{display:flex;flex-direction:column;align-items:center;gap:2px;padding:8px 6px;background:#00000040;border:1px solid rgba(255,255,255,.08);border-radius:10px;text-align:center}.achieve-stat-icon{color:var(--orange)}.achieve-stat-val{font-size:13px;font-weight:800;color:#fff}.achieve-stat-lbl{font-size:9.5px;color:var(--muted)}.achieve-list-title{font-size:11px;font-weight:800;color:var(--muted);letter-spacing:.08em;margin-top:4px}.achieve-items-list{display:flex;flex-direction:column;gap:8px}.achieve-item{display:flex;align-items:center;gap:12px;padding:8px 12px;border-radius:10px;background:#ffffff08;border:1px solid rgba(255,255,255,.08)}.achieve-item.unlocked{border-color:#5d9f6659;background:#5d9f6614}.achieve-item-icon{display:flex;align-items:center;justify-content:center;width:24px;height:24px}.achieve-item-info{flex:1}.achieve-item-title{font-size:12px;font-weight:800;color:#fff}.achieve-item-desc{font-size:10.5px;color:var(--muted)}.badge-done{display:inline-flex;align-items:center;gap:4px;font-size:10px;font-weight:800;color:#4ade80;background:#22c55e26;border:1px solid rgba(34,197,94,.3);padding:3px 8px;border-radius:6px}.badge-lock{display:inline-flex;align-items:center;gap:4px;font-size:10px;font-weight:800;color:var(--muted);background:#0003;border:1px solid rgba(255,255,255,.08);padding:3px 8px;border-radius:6px}.journal-modal-content{display:flex;flex-direction:column;gap:10px}.journal-card{display:flex;flex-direction:column;gap:6px;padding:10px 14px;background:#ffffff08;border:1px solid rgba(255,255,255,.08);border-radius:10px}.journal-card.unlocked{border-color:#f59e0b4d;background:#f59e0b0d}.journal-header{display:flex;justify-content:space-between;align-items:flex-start}.journal-chap-num{font-size:12px;font-weight:900;color:#fbbf24;letter-spacing:.04em}.journal-meta{font-size:10px;color:var(--muted);margin-top:1px}.journal-badge{font-size:9px;font-weight:800;padding:2px 6px;border-radius:4px;background:#ffffff14;color:var(--muted)}.journal-card.unlocked .journal-badge{background:#f59e0b33;color:#fbbf24}.journal-text{font-size:11px;line-height:1.4;color:#d1d5db}.news-modal-content{display:flex;flex-direction:column;gap:12px}.news-banner{padding:12px 14px;background:#e878321f;border:1px solid rgba(232,120,50,.3);border-radius:10px}.news-badge{display:inline-block;font-size:9px;font-weight:800;padding:2px 6px;border-radius:4px;background:#e87832;color:#fff;margin-bottom:4px}.news-headline{font-size:14px;font-weight:900;color:#fff;margin:0 0 2px}.news-date{font-size:10px;color:var(--muted);margin:0}.news-article h5{font-size:12px;font-weight:800;color:#fff;margin:0 0 6px}.news-article ul{margin:0;padding-left:16px;display:flex;flex-direction:column;gap:5px;font-size:11px;color:#d1d5db}.garage-screen{background:none;backdrop-filter:none;-webkit-backdrop-filter:none;padding:0;display:flex;flex-direction:column;justify-content:space-between;align-items:stretch;width:100%;height:100%;pointer-events:none}.garage-top-bar{width:100%;display:flex;align-items:center;justify-content:space-between;padding:calc(8px + env(safe-area-inset-top)) clamp(16px,2.5vw,40px) 6px;z-index:20;pointer-events:auto}.garage-back-btn{padding:6px 14px;font-size:12px;border-radius:8px;background:var(--glass-bg);border:1px solid var(--border-light);backdrop-filter:blur(2px);-webkit-backdrop-filter:blur(2px)}.garage-title-wrap{text-align:center}.garage-eyebrow{font-size:10px;font-weight:800;letter-spacing:.12em;color:var(--gold)}.garage-title{font-size:clamp(16px,2vw,22px);font-weight:900;letter-spacing:.04em;color:var(--cream)}.garage-wallet{display:flex;align-items:center;gap:8px}.wallet-badge{display:inline-flex;align-items:center;gap:6px;padding:5px 12px;border-radius:16px;background:var(--glass-bg);border:1px solid var(--border-light);font-size:12px;font-weight:800;backdrop-filter:blur(2px);-webkit-backdrop-filter:blur(2px)}.garage-portrait-tabs{display:none;align-items:center;justify-content:center;gap:8px;padding:4px clamp(10px,2vw,20px);z-index:20;pointer-events:auto}.garage-ptab{flex:1;padding:8px 12px;font-size:12px;font-weight:800;border-radius:10px;background:var(--glass-bg);border:1px solid var(--border-light);color:var(--muted);display:inline-flex;align-items:center;justify-content:center;gap:6px;backdrop-filter:blur(2px);-webkit-backdrop-filter:blur(2px)}.garage-ptab.active{background:linear-gradient(135deg,#e8783266,#9c492199);border-color:var(--orange);color:#fff}.garage-center-space{position:relative;flex:1;height:100%;min-width:0;display:flex;flex-direction:row;align-items:center;justify-content:space-between;padding:0 clamp(8px,1.5vw,24px);pointer-events:auto;cursor:grab;user-select:none}.garage-center-space:active{cursor:grabbing}.garage-arrow{position:relative;width:clamp(38px,4.5vw,50px);height:clamp(38px,4.5vw,50px);border-radius:50%;background:var(--glass-bg);border:1px solid var(--border-light);color:var(--cream);font-size:clamp(22px,2.5vw,30px);font-weight:800;line-height:1;display:flex;align-items:center;justify-content:center;z-index:15;pointer-events:auto;backdrop-filter:blur(3px);-webkit-backdrop-filter:blur(3px);box-shadow:0 4px 16px #0006;transition:transform .15s ease,background .15s ease,border-color .15s ease,box-shadow .15s ease;flex-shrink:0}.garage-arrow:hover{transform:scale(1.12);background:#1e3428f2;border-color:var(--gold);box-shadow:0 0 16px var(--gold-glow)}.garage-arrow:active{transform:scale(.95)}.garage-3d-hint{position:absolute;bottom:clamp(6px,1.5vh,16px);left:50%;transform:translate(-50%);pointer-events:none;font-size:clamp(10px,1.1vw,12px);font-weight:700;color:var(--muted);background:#08100cb3;backdrop-filter:blur(2px);-webkit-backdrop-filter:blur(2px);padding:4px 14px;border-radius:20px;border:1px solid var(--border-light);white-space:nowrap;letter-spacing:.04em}.garage-body{width:100%;flex:1;display:flex;flex-direction:row;align-items:center;justify-content:space-between;padding:0 clamp(16px,2.5vw,40px);min-height:0;overflow:hidden;pointer-events:none}.garage-side-panel{width:clamp(230px,22vw,290px);display:flex;flex-direction:column;justify-content:center;gap:8px;z-index:20;pointer-events:auto;max-height:calc(100% - 10px)}.garage-left-panel{order:1;margin-right:auto}.garage-center-space{order:2}.garage-right-panel{order:3;margin-left:auto}.garage-action-box.portrait-only-action{display:none}.garage-card-box{background:var(--glass-bg);backdrop-filter:blur(3px);-webkit-backdrop-filter:blur(3px);border:1px solid var(--border-light);border-radius:14px;padding:clamp(8px,1.2vh,12px);display:flex;flex-direction:column;gap:6px;box-shadow:0 8px 24px #00000073}.profile-header{display:flex;align-items:flex-start;justify-content:space-between;gap:6px}.truck-heading{font-size:clamp(14px,1.4vw,16px);font-weight:900;color:var(--cream)}.truck-type-label{font-size:11px;color:var(--muted)}.profile-badge{font-size:10px;font-weight:800;padding:3px 8px;border-radius:6px;flex-shrink:0}.profile-badge.equipped{background:#5d9f6640;color:#8fe09b;border:1px solid var(--green)}.profile-badge.unlocked{background:#3d7ea640;color:#92c9eb;border:1px solid var(--blue)}.profile-badge.locked{background:#e8ad6140;color:#f7ce8f;border:1px solid var(--gold)}.truck-description{font-size:11px;line-height:1.3;color:var(--muted)}.stat-row{display:grid;grid-template-columns:100px 1fr 34px;align-items:center;gap:6px;font-size:11px;font-weight:700}.stat-name{color:var(--muted);display:inline-flex;align-items:center;gap:4px}.stat-bar-track{height:6px;background:#0006;border-radius:3px;overflow:hidden}.stat-bar-fill{height:100%;border-radius:3px;transition:width .3s ease}.stat-pct{text-align:right;color:var(--cream);font-size:10px}.box-title{font-size:11px;font-weight:800;color:var(--cream);letter-spacing:.04em}.color-swatches-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:6px}.color-swatch-btn{aspect-ratio:1;border-radius:8px;border:2px solid transparent;transition:transform .15s ease,border-color .15s ease}.color-swatch-btn:hover{transform:scale(1.15)}.color-swatch-btn.active{border-color:#fff;box-shadow:0 0 10px #ffffff80;transform:scale(1.1)}.upgrades-list{display:flex;flex-direction:column;gap:6px}.upgrade-item{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:6px 8px;background:#00000040;border-radius:8px;border:1px solid rgba(255,255,255,.05)}.upgrade-info{flex:1;min-width:0}.upgrade-name{font-size:11px;font-weight:800;color:var(--cream);display:flex;align-items:center;gap:6px}.upgrade-desc{font-size:9.5px;color:var(--muted)}.pips-wrap{display:inline-flex;align-items:center;gap:2px;margin-left:auto}.pip{width:5px;height:5px;border-radius:50%;background:#ffffff26}.pip.filled{background:var(--gold);box-shadow:0 0 5px var(--gold-glow)}.upgrade-action-btn{padding:4px 10px;font-size:11px;font-weight:800;border-radius:6px;flex-shrink:0}.max-badge{font-size:10px;font-weight:900;color:var(--green-bright);padding:4px 8px;border-radius:6px;background:#5d9f6633;border:1px solid var(--green)}.garage-action-box{display:flex;flex-direction:column}.garage-action-btn{width:100%;padding:clamp(10px,1.5vh,14px);font-size:clamp(12px,1.3vw,14px);border-radius:12px}.garage-truck-carousel{display:flex;align-items:center;justify-content:center;gap:clamp(6px,1.2vw,12px);padding:6px clamp(8px,1.5vw,20px) calc(6px + env(safe-area-inset-bottom) + var(--banner-h, 0px));z-index:20;pointer-events:auto;overflow-x:auto;scrollbar-width:none}.garage-truck-carousel::-webkit-scrollbar{display:none}.truck-tab-pill{flex:1;max-width:220px;display:flex;align-items:center;gap:8px;padding:6px 12px;border-radius:10px;background:var(--glass-bg);border:1px solid var(--border-light);backdrop-filter:blur(10px);transition:transform .15s ease,border-color .15s ease,background .15s ease}.truck-tab-pill:hover{transform:translateY(-2px);border-color:#fff4dc59}.truck-tab-pill.active{background:linear-gradient(135deg,#e8783259,#9c492180);border-color:var(--orange);box-shadow:0 4px 14px var(--orange-glow)}.truck-tab-pill.locked{opacity:.65}.pill-icon{font-size:16px;flex-shrink:0}.pill-text{text-align:left;min-width:0;flex:1}.pill-name{display:block;font-size:11px;font-weight:800;color:var(--cream);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.pill-tag{display:block;font-size:9.5px;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.level-screen{background:radial-gradient(circle at center,#08120e66,#040a07bf)}.level-panel{width:min(720px,94vw);max-height:min(94dvh,640px);gap:10px}.level-header-wrap{text-align:center}.level-title{font-size:clamp(18px,2.2vw,24px);font-weight:900;color:var(--cream)}.level-tabs{display:flex;gap:6px;justify-content:center}.level-tab{flex:1;padding:6px 10px;font-size:11px;font-weight:800;border-radius:8px}.level-tab.active{background:linear-gradient(135deg,#e8783259,#9c492180);border-color:var(--orange);color:#fff}.level-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:6px;overflow-y:auto;max-height:380px;padding:2px}.level-card{background:#0000004d;border:1px solid var(--border-light);border-radius:10px;padding:8px 6px;display:flex;flex-direction:column;align-items:center;gap:3px;text-align:center;cursor:pointer;transition:transform .15s ease,border-color .15s ease,background .15s ease}.level-card:hover{transform:translateY(-2px);border-color:var(--gold);background:#ffffff14}.level-card.current{border-color:var(--orange);background:#e878322e}.level-card.locked{opacity:.45;cursor:not-allowed;transform:none}.card-num{font-size:13px;font-weight:900;color:var(--gold)}.card-name{font-size:10px;font-weight:700;color:var(--cream);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}.cargo-tag{font-size:9px;color:var(--muted)}.fork-tag{font-size:8.5px;font-weight:800;color:#f7ce8f;background:#ffca3626;border-radius:4px;padding:1px 4px}.dist-tag{font-size:8.5px;color:#9eb2a4b3}.stars-row{display:flex;gap:2px;align-items:center;justify-content:center;margin-top:2px}.lock-indicator{display:inline-flex;align-items:center}.action-row{display:flex;gap:10px;justify-content:center}.hud{position:absolute;inset:0;pointer-events:none;display:flex;flex-direction:column;justify-content:space-between;padding:calc(10px + env(safe-area-inset-top)) calc(14px + env(safe-area-inset-right)) calc(12px + env(safe-area-inset-bottom)) calc(14px + env(safe-area-inset-left));z-index:10;font-family:inherit}.hud.hidden{display:none!important}.hud-top{display:flex;align-items:flex-start;gap:12px;width:100%}.hud-card{background:#0e1812d1;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border:1px solid rgba(255,244,220,.16);border-radius:12px;padding:8px 12px;pointer-events:auto;box-shadow:0 8px 24px #0000008c,inset 0 1px #ffffff14}.hud-cargo-card{display:flex;flex-direction:column;gap:5px;min-width:130px;justify-self:start}.hud-fuel-card{display:flex;flex-direction:column;gap:5px;min-width:150px;justify-self:center}.hud-card-top-row{display:flex;align-items:center;gap:8px}.hud-icon-wrap{width:24px;height:24px;display:flex;align-items:center;justify-content:center}.hud-icon-wrap.cargo-icon svg{width:22px;height:22px;fill:#72c47e}.hud-icon-wrap.fuel-icon svg{width:20px;height:20px;fill:#e8ad61}.hud-card-info{display:flex;flex-direction:column}.hud-card-lbl{font-size:9px;font-weight:800;color:#9eb2a4;letter-spacing:.12em;line-height:1}.hud-card-val{font-size:14px;font-weight:900;color:#fff4dc;line-height:1.2}.cargo-dots-row{display:flex;gap:4px;align-items:center;margin-top:2px}.cargo-dot{width:8px;height:8px;border-radius:50%;background:#ffffff2e;border:1px solid rgba(0,0,0,.4);transition:background-color .2s ease,box-shadow .2s ease}.cargo-dot.active{background:radial-gradient(circle,#8de69a 20%,#4fac5c);box-shadow:0 0 6px #72c47eb3;border-color:#72c47e}.cargo-dot.lost{background:#d8574b4d;border-color:#d8574b80}.fuel-segments-row{display:flex;gap:3px;align-items:center;margin-top:2px}.fuel-seg{flex:1;height:6px;border-radius:2px;background:#ffffff24;border:1px solid rgba(0,0,0,.3);transition:background-color .2s ease,box-shadow .2s ease}.fuel-seg.active.green{background:linear-gradient(180deg,#8de69a,#52aa5e);box-shadow:0 0 4px #72c47e80;border-color:#72c47ecc}.fuel-seg.active.amber{background:linear-gradient(180deg,#ffd37a,#d48b30);box-shadow:0 0 4px #e8ad6199;border-color:#e8ad61cc}.fuel-seg.active.red{background:linear-gradient(180deg,#ff847a,#c23329);box-shadow:0 0 5px #d8574bcc;border-color:#d8574be6}.fuel-seg.inactive{background:#00000059;border-color:#ffffff0d}.low-fuel-pulse{border-color:#e03e3ecc!important;animation:fuelPulse .9s infinite ease-in-out}@keyframes fuelPulse{0%,to{box-shadow:0 0 6px #e03e3e66;transform:scale(1)}50%{box-shadow:0 0 16px #e03e3ed9;border-color:#f55;transform:scale(1.02)}}.hud-right-controls{display:flex;gap:8px;margin-left:auto;pointer-events:auto;z-index:20}.hud-control-btn.pause-btn{width:40px;height:40px;border-radius:12px;background:#0e1812d1;border:1px solid rgba(255,244,220,.16);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);color:#fff4dc;display:flex;align-items:center;justify-content:center;cursor:pointer;pointer-events:auto!important;touch-action:manipulation;transition:transform .12s ease,background-color .12s ease;box-shadow:0 6px 18px #00000080;z-index:20}.hud-control-btn.pause-btn:hover{background:#192a20e6;transform:scale(1.05)}.hud-control-btn.pause-btn svg{width:18px;height:18px;fill:#fff4dc}.hud-badge{align-self:center;background:#d8574be6;border:1px solid #ff7b6e;color:#fff;font-size:11px;font-weight:900;padding:5px 16px;border-radius:20px;letter-spacing:.08em;box-shadow:0 4px 18px #d8574b99;animation:badgeBlink 1.2s infinite ease-in-out;pointer-events:none}.hud-badge.hidden{display:none!important}@keyframes badgeBlink{0%,to{opacity:1;transform:scale(1)}50%{opacity:.75;transform:scale(.96)}}.hud-bottom-row{display:flex;justify-content:space-between;align-items:flex-end;width:100%;gap:12px}.hud-vehicle-card{width:clamp(88px,12vw,115px);padding:8px 10px;display:flex;flex-direction:column;align-items:center;gap:4px;border-radius:14px}.veh-health-header{display:flex;justify-content:space-between;align-items:baseline;width:100%;padding:0 2px}.veh-health-title{font-size:10px;font-weight:900;letter-spacing:.1em;color:#fff4dc}.veh-health-num{font-size:14px;font-weight:900;color:#72c47e;text-shadow:0 0 8px rgba(114,196,126,.4)}.veh-card-divider{width:100%;height:1px;background:#fff4dc1f;margin:0}.veh-diag-content{display:flex;align-items:center;justify-content:center;width:100%}.veh-schematic-wrap{width:72px;height:124px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.schematic-svg{width:100%;height:100%;filter:drop-shadow(0 2px 8px rgba(0,0,0,.5))}.hud-speedo-cluster{display:flex;flex-direction:column;align-items:center;justify-content:center;background:#0e1812d6;border:1px solid rgba(255,244,220,.16);border-radius:18px;padding:6px;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);box-shadow:0 8px 24px #0000008c;pointer-events:auto}.speedo-dial-wrap{position:relative;width:clamp(105px,14vw,130px);height:clamp(105px,14vw,130px);display:flex;align-items:center;justify-content:center}.speedo-dial-svg{width:100%;height:100%;filter:drop-shadow(0 4px 10px rgba(0,0,0,.6))}.speedo-needle{transform-origin:100px 100px;transition:transform .08s cubic-bezier(.1,.9,.2,1);filter:drop-shadow(0 2px 5px rgba(255,106,43,.5))}.speedo-center-readout{position:absolute;top:58%;left:50%;transform:translate(-50%,-50%);display:flex;flex-direction:column;align-items:center;pointer-events:none}.speedo-digits{font-size:20px;font-weight:900;color:#fff4dc;font-family:monospace,inherit;letter-spacing:.04em;line-height:1;text-shadow:0 0 8px rgba(255,244,220,.4)}.speedo-unit{font-size:7.5px;font-weight:800;color:#9eb2a4;letter-spacing:.08em;line-height:1;margin-top:1px}.hud-route-track-wrap{width:100%;margin-top:4px;display:flex;flex-direction:column;gap:2px}.progress-track{height:4.5px;background:#00000073;border-radius:2.5px;overflow:hidden}.progress-fill{height:100%;background:linear-gradient(90deg,#5d9f66,#72c47e);border-radius:2.5px}.progress-labels{display:flex;justify-content:space-between;font-size:7.5px;color:#9eb2a4;font-weight:700}.touch-layer{position:absolute;inset:0;pointer-events:none;z-index:2;touch-action:none;-ms-touch-action:none}.touch-layer.visible{pointer-events:auto}.joystick{position:absolute;width:136px;height:136px;margin-left:-68px;margin-top:-68px;border-radius:50%;background:radial-gradient(circle,#ffffff14,#00000059);border:2px solid rgba(255,255,255,.2);backdrop-filter:blur(4px);pointer-events:none;transform:translateZ(0)}.joystick.hidden{display:none}.joystick-knob{position:absolute;top:50%;left:50%;width:52px;height:52px;margin-left:-26px;margin-top:-26px;border-radius:50%;background:linear-gradient(135deg,#f08235,#c75c1c);border:2px solid rgba(255,255,255,.4);box-shadow:0 4px 15px #e8783299;pointer-events:none}.joystick-guide{position:absolute;inset:0}.guide-arrow{position:absolute;color:#ffffff40;font-size:11px}.guide-up{top:6px;left:50%;transform:translate(-50%)}.guide-down{bottom:6px;left:50%;transform:translate(-50%)}.guide-left{left:6px;top:50%;transform:translateY(-50%)}.guide-right{right:6px;top:50%;transform:translateY(-50%)}.pause-panel,.result-panel{text-align:center;align-items:center}.pause-title,.result-title{font-size:clamp(20px,2.6vw,26px);font-weight:900;color:var(--cream)}.pause-actions{display:flex;flex-direction:column;gap:8px;width:100%}.stars-wrap{display:flex;gap:6px;justify-content:center;align-items:center}.defeat-screen .result-panel{border-color:#d8574b8c;box-shadow:0 0 0 1px #d8574b40,0 18px 60px #00000080}.defeat-emblem{font-size:clamp(40px,6vw,60px);line-height:1;filter:drop-shadow(0 4px 10px rgba(0,0,0,.5));animation:defeat-pulse 1.6s ease-in-out infinite}.result-title-defeat{color:var(--red);text-shadow:0 2px 10px rgba(216,87,75,.35)}@keyframes defeat-pulse{0%,to{transform:scale(1)}50%{transform:scale(1.12)}}.result-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;width:100%;padding:10px;background:#00000040;border-radius:12px;border:1px solid rgba(255,255,255,.06)}.stat{display:flex;flex-direction:column;gap:2px}.stat strong{font-size:clamp(14px,1.6vw,18px);font-weight:900;color:var(--cream)}.stat span{font-size:10px;color:var(--muted);text-transform:uppercase}.result-garage-banner{display:flex;align-items:center;justify-content:space-between;gap:8px;width:100%;padding:8px 12px;border-radius:10px;background:#e878321f;border:1px solid rgba(232,120,50,.3)}.garage-banner-info{display:flex;flex-direction:column;text-align:left}.garage-banner-info strong{font-size:12px;color:var(--cream)}.garage-banner-info span{font-size:10px;color:var(--muted)}.garage-banner-btn{padding:5px 10px;font-size:11px;flex-shrink:0}.result-actions{width:100%;display:flex;gap:8px;justify-content:center}@media(pointer:coarse),(hover:none),(max-width:1100px){.top-stat-btn,.menu-primary-launch-btn,.menu-nav-item,.mission-launch-btn,.hud-control-btn{min-width:44px;min-height:44px}}@media(orientation:portrait),(max-width:650px){.top-stat-btn{min-width:44px;min-height:44px;padding:10px}.menu-nav-item,.mission-launch-btn,.hud-control-btn.pause-btn{min-height:44px}.menu-screen{overflow:hidden!important;justify-content:space-between;padding:6px 10px}.menu-top-bar{display:flex;flex-direction:row;flex-wrap:wrap;justify-content:flex-end;align-items:center;padding:0;width:100%;z-index:20}.menu-top-stats{padding:3px 8px;gap:5px;border-radius:10px;flex-wrap:wrap;justify-content:flex-end;row-gap:4px;max-width:100%}.top-stat-btn{flex-shrink:0}.top-stat-pill{font-size:10px;gap:3px}.menu-middle-row{display:flex;flex-direction:column;justify-content:space-between;padding:4px 0;gap:4px;overflow:hidden!important;flex:1;min-height:0;width:100%}.menu-nav-column{width:100%;gap:0}.menu-primary-launch-btn{display:none}.menu-nav-list{display:grid;grid-template-columns:repeat(4,1fr);gap:5px;width:100%}.menu-nav-item{justify-content:center;padding:4px 2px;font-size:9.5px;gap:4px;border-radius:8px;background:#0e1a14d9;border:1px solid rgba(255,244,220,.16);backdrop-filter:blur(3px)}.menu-nav-item.nav-settings,.nav-shop-tag{display:none}.nav-icon{width:14px;height:14px}.nav-label{font-size:8.5px;font-weight:800;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:100%}.menu-center-space{display:block!important;flex:1;min-height:80px;pointer-events:none}.menu-vehicle-card{width:100%;padding:4px 8px;gap:3px;border-radius:10px;background:#0e1a14d1;border:1px solid rgba(255,244,220,.16);backdrop-filter:blur(3px);margin-bottom:2px}.veh-card-header{gap:6px}.veh-name{font-size:11px}.veh-formula{font-size:8px}.veh-status-bars{display:flex;flex-direction:row;gap:8px}.veh-bar-group{flex:1}.veh-bar-header{font-size:7.5px}.veh-progress-track{height:3.5px}.veh-cargo-badge,.veh-specs-table{display:none}.menu-bottom-dock{flex-direction:column;gap:3px;align-items:stretch;padding:0;width:100%}.mission-briefing-card{flex-direction:column;gap:3px;align-items:stretch;padding:4px 8px;border-radius:10px;background:#0e1a14e0}.mission-title{font-size:10.5px}.mission-sub{font-size:8px}.mission-brief-center{border:none;border-top:1px solid rgba(255,255,255,.1);border-bottom:1px solid rgba(255,255,255,.1);padding:2px 0;justify-content:space-around;font-size:9px}.mission-launch-btn{width:100%;justify-content:center;padding:7px 12px;font-size:13px;border-radius:8px}.panel{width:min(480px,96vw);max-height:min(94dvh,600px);padding:clamp(8px,1.8vw,14px);gap:6px}.garage-screen{overflow:hidden!important;justify-content:space-between;padding:calc(4px + env(safe-area-inset-top)) 8px calc(4px + env(safe-area-inset-bottom));display:flex;flex-direction:column}.garage-top-bar{order:1;padding:0 0 2px;gap:6px;flex:none}.garage-title{font-size:15px}.garage-eyebrow{font-size:8px}.wallet-badge{padding:2px 6px;font-size:9.5px;border-radius:6px}.garage-back-btn{padding:3px 7px;font-size:10.5px}.garage-body{order:2;display:flex;flex-direction:column;justify-content:space-between;padding:0;overflow:hidden!important;flex:1;min-height:0;gap:3px;width:100%}.garage-center-space{order:1!important;width:100%;height:clamp(160px,34vh,220px);flex:none;padding:0 4px;position:relative;pointer-events:auto}.garage-arrow{width:28px;height:28px;font-size:16px;border-radius:8px}.garage-3d-hint{font-size:8.5px;padding:2px 6px;bottom:4px}.garage-portrait-tabs{order:2!important;display:flex!important;gap:4px;padding:0;margin:0;flex:none;width:100%}.garage-ptab{padding:3px 6px;font-size:10px;border-radius:6px}.garage-side-panel{order:3!important;width:100%;max-height:none;overflow:hidden!important;margin:0;gap:4px;flex:1;min-height:0;display:flex;flex-direction:column;justify-content:flex-start}.garage-body.show-upgrades .garage-left-panel,.garage-body.show-stats .garage-right-panel{display:none!important}.garage-upgrades-box{padding:3px 6px;gap:2px;flex:1;min-height:0;display:flex;flex-direction:column;justify-content:space-around;background:#0e1a14d9}.garage-upgrades-box .box-title{font-size:9.5px;margin-bottom:1px}.upgrades-list{display:flex;flex-direction:column;gap:2px;flex:1;justify-content:space-around}.upgrade-item{padding:2px 5px;min-height:22px;gap:3px;border-radius:6px}.upgrade-name{font-size:9.5px;gap:4px}.upgrade-desc{font-size:7.5px;line-height:1}.pips-wrap{gap:2px}.pip{width:5px;height:3.5px;border-radius:1px}.upgrade-action-btn{padding:2px 6px;font-size:9px;min-width:42px;border-radius:6px}.max-badge{padding:2px 4px;font-size:8px}.garage-action-box{margin-top:1px;flex:none}.garage-action-btn{padding:5px 10px;font-size:11.5px;border-radius:8px}.garage-profile-box{padding:3px 6px;gap:2px;background:#0e1a14d9}.truck-heading{font-size:11px}.truck-type-label{font-size:8px}.profile-badge{font-size:8px;padding:2px 5px}.truck-description{display:none}.garage-stats-box{padding:3px 6px;gap:2px;background:#0e1a14d9}.stat-row{grid-template-columns:75px 1fr 22px;font-size:8.5px;gap:3px}.stat-bar-track{height:3.5px}.garage-paint-box{padding:2px 6px;gap:2px;background:#0e1a14d9}.garage-paint-box .box-title{font-size:9px}.color-swatches-grid{display:flex;justify-content:space-around;gap:3px}.color-swatch-btn{width:20px;height:20px;border-radius:4px}.garage-action-box.portrait-only-action{display:flex;margin-top:1px;flex:none}.garage-truck-carousel{order:3;padding:2px 0 0;gap:4px;flex:none;display:grid;grid-template-columns:repeat(4,1fr);width:100%}.truck-tab-pill{width:100%;max-width:none;padding:2px 3px;border-radius:7px;gap:2px;min-width:0}.pill-text{min-width:0;overflow:hidden}.pill-icon{font-size:10px}.pill-name{font-size:8px;font-weight:800;white-space:normal;overflow:visible;text-overflow:clip;overflow-wrap:anywhere;line-height:1.05;max-width:100%}.pill-tag{font-size:7px;white-space:nowrap}.level-panel{width:min(500px,96vw);max-height:94dvh;padding:8px 10px}.level-grid{grid-template-columns:repeat(2,1fr);max-height:50dvh;gap:4px}.level-card{padding:4px;gap:2px}.result-stats{grid-template-columns:repeat(3,1fr);padding:6px 4px;gap:3px}.result-actions{flex-direction:column;width:100%;gap:5px}.result-actions button{width:100%}.action-row{flex-direction:column;gap:5px}.action-row button{width:100%}.hud{padding:calc(6px + env(safe-area-inset-top)) 8px calc(8px + env(safe-area-inset-bottom)) 8px}.hud-top{display:flex;gap:6px;align-items:flex-start}.hud-card{padding:4px 7px;border-radius:10px}.hud-cargo-card{min-width:80px;gap:3px;justify-self:start}.hud-fuel-card{min-width:120px;gap:3px;justify-self:center}.hud-right-controls{justify-self:end}.hud-card-lbl{font-size:7.5px}.hud-card-val{font-size:11px}.cargo-dot{width:5px;height:5px}.fuel-seg{height:4.5px}.hud-control-btn.pause-btn{width:44px;height:44px;border-radius:10px}.hud-bottom-row{gap:8px}.hud-vehicle-card{width:clamp(75px,22vw,95px);padding:5px 6px;border-radius:12px}.veh-health-title{font-size:9px}.veh-health-num{font-size:13px}.veh-schematic-wrap{width:60px;height:100px}.hud-speedo-cluster{border-radius:14px;padding:4px}.speedo-dial-wrap{width:92px;height:92px}.speedo-unit{font-size:7px}}@media(max-width:360px){.menu-top-stats{gap:4px;padding:3px 6px}.top-stat-pill.stat-trucks span,.top-stat-pill.stat-level span{display:none}.top-stat-divider{height:12px}}@media(max-height:450px)and (orientation:landscape){.top-stat-btn{min-width:44px;min-height:44px;padding:8px}.menu-primary-launch-btn,.mission-launch-btn,.hud-control-btn.pause-btn{min-height:44px}.menu-top-bar{padding:3px clamp(8px,2vw,16px) 0}.menu-top-stats{padding:3px 8px;gap:6px}.top-stat-pill{font-size:10px}.menu-middle-row{padding:0 clamp(8px,2vw,16px);z-index:15}.menu-nav-column{width:clamp(140px,20vw,200px);gap:4px;z-index:20;max-height:100%}.menu-primary-launch-btn{padding:6px 10px;font-size:12px;gap:6px;min-height:44px}.launch-icon{width:18px;height:18px}.menu-nav-list{display:grid;grid-template-columns:1fr 1fr;gap:4px;width:100%}.menu-nav-item{padding:4px 6px;font-size:9px;gap:4px;min-height:44px;justify-content:center}.menu-nav-item.nav-settings{grid-column:span 2}.nav-shop-tag{display:none}.nav-icon{width:14px;height:14px}.menu-vehicle-card{width:190px;padding:5px 8px;gap:3px}.veh-name{font-size:11px}.veh-cargo-badge{display:none}.veh-specs-table{padding-top:3px;gap:2px}.spec-row{font-size:9px}.menu-bottom-dock{padding:0 clamp(8px,2vw,16px) 3px}.mission-briefing-card{padding:3px 8px;gap:8px}.mission-title{font-size:11px}.mission-launch-btn{padding:4px 10px;font-size:11px;gap:4px;min-height:44px}.panel{padding:6px 12px;gap:5px;max-height:96dvh}.modal-dialog{max-height:94vh}.subtitle{font-size:10.5px;line-height:1.2}.garage-top-bar{padding:calc(4px + env(safe-area-inset-top)) clamp(10px,2vw,24px) 2px}.garage-title{font-size:16px}.garage-eyebrow{font-size:8.5px}.wallet-badge{padding:3px 8px;font-size:10.5px}.garage-side-panel{width:clamp(190px,24vw,240px);gap:4px}.garage-card-box{padding:4px 6px;gap:3px;border-radius:10px}.truck-heading{font-size:13px}.truck-description{display:none}.stat-row{grid-template-columns:75px 1fr 24px;font-size:9px;gap:3px}.box-title{font-size:9.5px}.color-swatches-grid{gap:4px}.upgrade-item{padding:3px 5px;gap:3px}.upgrade-name{font-size:9.5px}.upgrade-desc{display:none}.upgrade-action-btn{padding:3px 6px;font-size:10px}.garage-action-btn{padding:7px 10px;font-size:11px;border-radius:8px}.garage-truck-carousel{padding:2px 8px calc(2px + env(safe-area-inset-bottom) + var(--banner-h, 0px));gap:5px}.truck-tab-pill{padding:3px 6px;max-width:140px}.pill-icon{font-size:12px}.pill-name{font-size:9.5px}.pill-tag{font-size:8.5px}.level-panel{padding:6px 10px;max-height:96dvh;gap:5px}.level-title{font-size:16px}.level-tabs{gap:4px}.level-tab{padding:4px 6px;font-size:10px}.level-grid{grid-template-columns:repeat(5,1fr);max-height:220px;gap:4px}.level-card{padding:3px 2px;gap:1px}.card-num{font-size:11px}.card-name{font-size:9px}.cargo-tag{font-size:8px}.dist-tag{display:none}.result-panel,.pause-panel{padding:8px 12px;gap:6px}.result-title,.pause-title{font-size:18px}.result-stats{padding:4px 8px;gap:4px}.stat strong{font-size:13px}.stat span{font-size:8.5px}.result-garage-banner{padding:4px 8px}}@media(max-height:320px)and (orientation:landscape){.menu-top-bar{padding:2px clamp(8px,2vw,16px) 0}.menu-top-stats{padding:0 8px}.menu-middle-row{align-items:center;gap:8px;padding:2px clamp(8px,2vw,16px);overflow:hidden}.menu-nav-column{width:clamp(230px,36vw,300px);gap:0}.menu-primary-launch-btn{display:none}.menu-nav-list{grid-template-columns:repeat(3,1fr);gap:4px}.menu-nav-item.nav-settings{display:none}.menu-nav-item{flex-direction:column;gap:1px;padding:2px 4px;min-width:0}.menu-nav-item .nav-label{font-size:8.5px;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.menu-center-space{min-height:0}.menu-vehicle-card{width:180px;max-height:100%;overflow:hidden;padding:4px 8px}.veh-cargo-badge,.veh-specs-table{display:none}.menu-bottom-dock{padding:0 clamp(8px,2vw,16px) 2px}.mission-briefing-card{max-width:100%;padding:2px 8px;gap:8px}.mission-eyebrow,.mission-route{display:none}.mission-brief-center{padding:0 8px}.mission-launch-btn{padding:4px 12px}.hud{padding:calc(4px + env(safe-area-inset-top)) calc(8px + env(safe-area-inset-right)) calc(4px + env(safe-area-inset-bottom)) calc(8px + env(safe-area-inset-left))}.hud-top{gap:6px}.hud-card{padding:3px 7px;border-radius:9px}.hud-cargo-card{min-width:0;gap:2px}.hud-fuel-card{min-width:110px;gap:2px}.hud-icon-wrap{width:18px;height:18px}.hud-icon-wrap.cargo-icon svg,.hud-icon-wrap.fuel-icon svg{width:16px;height:16px}.hud-card-lbl{font-size:7px}.hud-card-val{font-size:11px}.cargo-dot{width:5px;height:5px}.fuel-seg{height:4px}.hud-route-track-wrap{margin-top:1px}.progress-labels{display:none}.hud-vehicle-card{width:64px;padding:3px 4px;gap:2px;border-radius:10px}.veh-health-header{flex-direction:column;align-items:center;padding:0}.veh-health-title{font-size:7px}.veh-health-num{font-size:11px}.veh-schematic-wrap{width:40px;height:68px}.hud-speedo-cluster{border-radius:12px;padding:3px}.speedo-dial-wrap{width:80px;height:80px}.speedo-digits{font-size:15px}.speedo-unit{font-size:6.5px}}.shop-modal-content{display:flex;flex-direction:column;gap:12px;max-width:780px;width:100%}.shop-header-banner{display:flex;justify-content:space-between;align-items:center;background:linear-gradient(135deg,#e878322e,#ffca361a);border:1px solid rgba(232,120,50,.35);border-radius:10px;padding:10px 14px;gap:10px}.shop-banner-title{font-size:14.5px;font-weight:700;color:var(--cream);letter-spacing:.4px}.shop-banner-subtitle{font-size:11.5px;color:var(--muted);margin-top:2px}.shop-wallet-status{display:flex;align-items:center;gap:8px;flex-shrink:0}.noads-badge{background:#5d9f6640!important;border-color:#72c47e99!important;color:#a8f0b4!important}.shop-products-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:10px}.shop-product-card{position:relative;display:flex;flex-direction:column;background:#122019e6;border:1px solid rgba(255,244,220,.12);border-radius:10px;padding:12px 12px 10px;gap:6px;transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease}.shop-product-card:hover{transform:translateY(-2px);border-color:#e8ad6180;box-shadow:0 6px 18px #0006}.shop-product-card.non_consumable{border-color:#ffca3659;background:linear-gradient(180deg,#202c1ef2,#121e16f2)}.shop-product-card.non_consumable:hover{border-color:#ffca36b3;box-shadow:0 6px 20px #ffca3626}.shop-product-card.purchased{opacity:.85;border-color:#5d9f6666;background:#0e1a12cc}.shop-product-card.highlighted{animation:card-pulse 1.8s infinite;border-color:var(--gold)}@keyframes card-pulse{0%,to{box-shadow:0 0 #ffca3600}50%{box-shadow:0 0 16px #ffca3680}}.card-top-row{display:flex;justify-content:space-between;align-items:center;min-height:26px}.product-icon{font-size:24px;line-height:1;display:inline-flex;align-items:center}.product-icon svg{width:30px;height:30px}.product-badge{font-size:9.5px;font-weight:800;text-transform:uppercase;padding:2px 6px;border-radius:5px;letter-spacing:.4px;background:#e87832d9;color:#fff;box-shadow:0 2px 6px #0000004d}.badge-non_consumable{background:linear-gradient(135deg,#d4941e,#ffca36);color:#2b1800}.product-title{font-size:13px;font-weight:700;color:var(--cream);line-height:1.25}.product-desc{font-size:10.5px;color:var(--muted);line-height:1.35;flex:1}.card-bottom-row{margin-top:4px;display:flex}.shop-buy-btn{width:100%;padding:8px 10px;font-size:12.5px;font-weight:700;border-radius:7px;display:flex;align-items:center;justify-content:center;gap:6px;cursor:pointer;transition:all .15s ease}.shop-buy-btn.primary-btn{background:linear-gradient(180deg,#ff9645,#d9621e);color:#fff;box-shadow:0 3px 10px #d9621e66}.shop-buy-btn.primary-btn:hover:not(:disabled){background:linear-gradient(180deg,#ffa85c,#ea6e24);box-shadow:0 4px 14px #d9621e99;transform:translateY(-1px)}.shop-buy-btn.btn-purchased{background:#5d9f6633;border:1px solid rgba(93,159,102,.4);color:#72c47e;cursor:default}.spinner-inline{display:inline-block;width:12px;height:12px;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:spin .6s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.rewarded-btn{background:linear-gradient(180deg,#ffb834,#d4820a)!important;color:#2b1800!important;font-weight:800!important;box-shadow:0 3px 12px #d4820a73!important}.rewarded-btn:hover{background:linear-gradient(180deg,#ffca52,#e58f12)!important;box-shadow:0 4px 16px #d4820aa6!important}.offer-overlay{position:fixed;inset:0;z-index:9600;display:flex;align-items:center;justify-content:center;padding:clamp(12px,3vw,24px);background:#040a08d1;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);box-sizing:border-box}.offer-card{position:relative;width:100%;max-width:440px;max-height:min(92vh,640px);overflow-y:auto;display:flex;flex-direction:column;gap:12px;padding:clamp(16px,3vw,24px);border-radius:16px;background:#0e1a14;color:var(--cream);border:1px solid rgba(255,202,54,.35);box-shadow:0 16px 44px #000000b3,0 0 0 1px #ff8c422e;animation:sh-in .28s cubic-bezier(.22,1,.36,1) both;box-sizing:border-box}@keyframes sh-in{0%{opacity:0;transform:translateY(14px) scale(.97)}to{opacity:1;transform:none}}.offer-close{position:absolute;top:10px;right:10px;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:8px;border:1px solid rgba(255,244,220,.15);background:#ffffff0d;color:var(--cream);cursor:pointer}.offer-close:hover{background:#ffffff1f}.offer-head{text-align:center}.offer-icon{display:inline-flex;color:var(--orange);margin-bottom:4px}.offer-icon svg{width:46px;height:46px}.offer-eyebrow{font-size:11px;font-weight:800;letter-spacing:.12em;color:#ffca36;text-transform:uppercase}.offer-title{margin:4px 0 2px;font-size:clamp(17px,3.6vw,21px);font-weight:900;color:var(--cream)}.offer-sub{font-size:12.5px;color:var(--muted);line-height:1.35}.offer-body{display:flex;flex-direction:column;gap:10px;background:#ffffff0a;border:1px solid rgba(255,244,220,.12);border-radius:12px;padding:12px 14px}.offer-desc{font-size:12.5px;color:var(--cream);line-height:1.4}.offer-perks{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:6px}.offer-perks li{display:flex;align-items:center;gap:8px;font-size:12.5px;color:#cfe0d4}.offer-perks li svg{width:16px;height:16px;color:#72c47e;flex:0 0 auto}.offer-buy{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:13px 16px;border-radius:12px;cursor:pointer;font-size:15px;font-weight:900;letter-spacing:.02em;color:#2b1500;background:linear-gradient(135deg,#ff9a2e,#e2431a);border:1px solid #ffce6a;animation:shop-cta-pulse 1.9s ease-in-out infinite}.offer-buy:hover:not(:disabled){background:linear-gradient(135deg,#ffb04a,#f04d1e)}.offer-buy:disabled{opacity:.7;cursor:default;animation:none}.offer-buy svg{color:#2b1500}.offer-foot{display:flex;flex-direction:column;gap:6px}.offer-dismiss{padding:9px 12px;border-radius:10px;cursor:pointer;font-size:13px;font-weight:600;color:var(--muted);background:transparent;border:1px solid rgba(255,244,220,.12)}.offer-dismiss:hover{color:var(--cream);background:#ffffff0f}@media(prefers-reduced-motion:reduce){.offer-card,.offer-buy{animation:none}}.tutorial-overlay{z-index:1100}.tutorial-card{width:min(560px,94vw);max-height:min(90vh,660px);display:flex;flex-direction:column;background:linear-gradient(175deg,#14241cf7,#0a140ffc);border:1px solid rgba(142,202,162,.32);border-radius:16px;box-shadow:0 24px 60px #000000d9,0 0 30px #5d9f6629;overflow:hidden;animation:popIn .25s cubic-bezier(.18,.89,.32,1.28)}.tut-header{display:flex;align-items:center;gap:10px;padding:14px 18px;border-bottom:1px solid rgba(255,255,255,.1);background:#e8783214}.tut-header-icon{display:flex;align-items:center;color:var(--orange-bright)}.tut-title{flex:1;margin:0;font-size:16px;font-weight:900;letter-spacing:.03em;text-transform:uppercase;color:#fff}.tut-step-count{font-size:12px;font-weight:800;color:var(--muted);background:#ffffff0f;padding:3px 9px;border-radius:999px}.tut-body{padding:16px 18px;overflow-y:auto;color:var(--cream);font-size:14px;line-height:1.5}.tut-body p{margin:0 0 12px}.tut-body b{color:var(--gold)}.tut-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:12px}.tut-list li{display:flex;align-items:flex-start;gap:10px;padding:10px 12px;background:#ffffff0a;border:1px solid rgba(255,255,255,.08);border-radius:10px}.tut-li-icon{flex:0 0 auto;display:inline-flex;align-items:center;margin-top:1px;color:var(--orange-bright)}.tut-li-icon .svg-icon{color:var(--orange-bright)}.tut-li-text{flex:1 1 auto;min-width:0}.tut-controls{display:grid;grid-template-columns:1fr 1fr;gap:12px}.tut-controls-block{padding:12px;background:#ffffff0a;border:1px solid rgba(255,255,255,.08);border-radius:12px}.tut-controls-block.tut-primary{border-color:var(--border-active);background:#e8783214}.tut-controls-head{display:flex;align-items:center;gap:6px;font-size:12px;font-weight:800;text-transform:uppercase;letter-spacing:.04em;color:var(--gold);margin-bottom:10px}.tut-controls-head .svg-icon{color:var(--gold)}.tut-key-row{display:flex;align-items:center;gap:8px;margin-bottom:8px}.tut-key-row:last-child{margin-bottom:0}.tut-keys{display:inline-flex;gap:4px;flex:0 0 auto;min-width:62px}.tut-keys kbd{display:inline-flex;align-items:center;justify-content:center;min-width:22px;height:22px;padding:0 6px;font-family:inherit;font-size:12px;font-weight:800;color:#fff;background:#0e1a14e6;border:1px solid rgba(255,244,220,.28);border-bottom-width:2px;border-radius:6px}.tut-key-desc{font-size:12.5px;color:var(--cream)}.tut-touch-visual{display:flex;justify-content:center;margin:4px 0 12px}.tut-joystick{position:relative;width:96px;height:96px;border-radius:50%;border:2px solid rgba(255,244,220,.28);background:radial-gradient(circle,#e878322e,#0e1a1480 70%)}.tut-joy-arrow{position:absolute;color:var(--orange-bright);font-size:13px;line-height:1}.tut-joy-up{top:6px;left:50%;transform:translate(-50%)}.tut-joy-down{bottom:6px;left:50%;transform:translate(-50%)}.tut-joy-left{left:6px;top:50%;transform:translateY(-50%)}.tut-joy-right{right:6px;top:50%;transform:translateY(-50%)}.tut-joy-knob{position:absolute;top:50%;left:50%;width:38px;height:38px;transform:translate(-50%,-50%);border-radius:50%;background:radial-gradient(circle at 35% 30%,var(--orange-bright),var(--orange-dark));box-shadow:0 4px 10px #00000080}.tut-touch-desc{font-size:12.5px;line-height:1.5;color:var(--cream)}.tut-touch-desc b{color:var(--gold)}.tut-footer{display:flex;align-items:center;gap:10px;padding:12px 18px;border-top:1px solid rgba(255,255,255,.1)}.tut-dots{flex:1;display:flex;justify-content:center;gap:7px}.tut-dot{width:8px;height:8px;border-radius:50%;background:#fff4dc38;transition:background .2s,transform .2s}.tut-dot.active{background:var(--orange-bright);transform:scale(1.25)}.tut-nav{display:flex;gap:8px}.tut-skip-btn{flex:0 0 auto}.tut-next-btn .svg-icon,.tut-next-btn svg{vertical-align:middle}@media(max-width:560px){.tut-controls{grid-template-columns:1fr}.tut-footer{flex-wrap:wrap}.tut-dots{order:3;flex-basis:100%}}@media(prefers-reduced-motion:reduce){.tutorial-card{animation:none}}