:root{color:#f8fafc;background:#101827;font-family:Inter,ui-sans-serif,system-ui,sans-serif;font-synthesis:none;text-rendering:optimizeLegibility}*{box-sizing:border-box}html,body,#app{width:100%;height:100%;margin:0;overflow:hidden}button,input{font:inherit}button{border:0;cursor:pointer}button:disabled{cursor:not-allowed}.game-shell{position:relative;width:100%;height:100%}.game-canvas{display:block;width:100%;height:100%;outline:none}.menu-shell{position:relative;display:grid;width:100%;height:100%;overflow:hidden;place-items:center;background:linear-gradient(120deg,#050d17eb,#0c1e2bcc),radial-gradient(circle at 75% 35%,#1c6c62,#07111d 58%)}.menu-shell:before{position:absolute;inset:0;background-image:linear-gradient(rgb(255 255 255 / 3%) 1px,transparent 1px),linear-gradient(90deg,rgb(255 255 255 / 3%) 1px,transparent 1px);background-size:48px 48px;content:"";-webkit-mask-image:linear-gradient(to bottom,transparent,#000 30%,transparent);mask-image:linear-gradient(to bottom,transparent,#000 30%,transparent)}.menu-glow{position:absolute;width:28rem;height:28rem;border-radius:50%;filter:blur(6rem);opacity:.22}.menu-glow-one{top:-12rem;right:-6rem;background:#49d6a0}.menu-glow-two{bottom:-15rem;left:-8rem;background:#2c83d6}.menu-road-canvas{position:absolute;z-index:1;inset:0;display:block;width:100%;height:100%}.anonymous-modal-backdrop{position:absolute;z-index:6;inset:5.2rem 0 0;display:grid;padding:1.5rem;background:#02080ea8;place-items:center;-webkit-backdrop-filter:blur(.45rem);backdrop-filter:blur(.45rem)}.start-modal{position:relative;display:grid;width:min(94vw,54rem);min-height:27rem;align-content:center;justify-items:center;gap:2.2rem;padding:clamp(2rem,5vw,3.5rem);border:1px solid rgb(255 255 255 / 17%);border-radius:1.35rem;background:linear-gradient(145deg,#08121dfa,#0e272df7);box-shadow:0 2rem 7rem #00000094;text-align:center}.start-brand{display:grid;width:min(100%,42rem);gap:.4rem}.start-brand img{display:block;width:100%;height:auto;filter:drop-shadow(0 1.2rem 1.5rem rgb(0 0 0 / 35%))}.start-modal-actions{display:grid;width:min(100%,25rem);gap:.7rem}.start-modal-actions>span{margin-bottom:.25rem;color:#aebfce;font-size:.82rem}.start-modal-loading{color:#aebfce;font-size:.85rem}.anonymous-garage-modal{position:relative;display:grid;width:min(94vw,68rem);height:min(76vh,40rem);grid-template-columns:minmax(18rem,.8fr) minmax(24rem,1.25fr);column-gap:clamp(1.5rem,3vw,3rem);overflow:hidden;border:1px solid rgb(255 255 255 / 16%);border-radius:1.25rem;background:linear-gradient(135deg,#08121dfa,#102630f5);box-shadow:0 2rem 7rem #0000008c}.anonymous-garage-copy{display:grid;z-index:2;align-content:center;gap:1rem;overflow-y:auto;padding:clamp(1.5rem,4vw,3rem)}.anonymous-garage-copy h2{margin:0;font-size:clamp(2rem,4vw,3.6rem);line-height:.95;text-transform:uppercase}.anonymous-garage-copy>p{margin:0;color:#9fb2c5;line-height:1.55}.anonymous-preview{width:100%;height:100%}.anonymous-garage-modal .vehicle-picker button{display:grid;gap:.18rem}.anonymous-garage-modal .vehicle-picker button small{color:#82909d;font-size:.55rem;letter-spacing:.08em;text-transform:uppercase}.connected-scenario-copy{display:grid;grid-column:1 / -1;align-content:center;gap:1.2rem;padding:clamp(1.5rem,4vw,3rem);text-align:center}.connected-scenario-copy h2{margin:0;font-size:clamp(2rem,5vw,3.8rem);line-height:.95;text-transform:uppercase}.scenario-back-button{justify-self:start;padding:.55rem 0;background:transparent;color:#aebdca;font-weight:800}.connected-scenario-grid{width:100%}.modal-close-button{position:absolute;z-index:4;top:1rem;right:1rem;display:grid;width:2.5rem;height:2.5rem;border:1px solid rgb(255 255 255 / 14%);border-radius:50%;background:#ffffff14;color:#fff;font-size:1.5rem;place-items:center}.account-modal-backdrop{padding-inline:1rem}.account-modal{position:relative;display:grid;width:min(92vw,38rem);min-height:25rem;max-height:calc(100vh - 8.2rem);align-content:center;gap:1rem;padding:clamp(1.5rem,4vw,2.5rem);overflow-x:hidden;overflow-y:auto;overscroll-behavior:contain;touch-action:pan-y;border:1px solid rgb(255 255 255 / 16%);border-radius:1.2rem;background:linear-gradient(145deg,#08121dfc,#0f222dfa);box-shadow:0 2rem 7rem #0000008c;text-align:center}.account-modal h2{margin:0;font-size:clamp(2rem,7vw,3.5rem);line-height:.95;text-transform:uppercase}.account-modal .menu-link,.account-modal .danger-button{justify-self:center}.friends-modal{position:relative;display:grid;width:min(92vw,42rem);min-height:32rem;align-content:start;gap:1.1rem;padding:clamp(1.5rem,4vw,2.5rem);border:1px solid rgb(255 255 255 / 16%);border-radius:1.2rem;background:linear-gradient(145deg,#08121dfc,#0f222dfa);box-shadow:0 2rem 7rem #0000008c}.friends-modal h2{margin:0;font-size:clamp(2rem,6vw,3.4rem);line-height:.95;text-transform:uppercase}.friend-search-field{display:flex;gap:.7rem;align-items:center;min-height:3.2rem;padding:0 .9rem;border:1px solid rgb(255 255 255 / 16%);border-radius:.7rem;background:#182433;color:#8295a8}.friend-search-field svg{width:1.2rem;flex:0 0 auto;fill:none;stroke:currentColor;stroke-linecap:round;stroke-width:1.8}.friend-search-field input{width:100%;border:0;outline:none;background:transparent;color:#fff}.friend-search-field:focus-within{border-color:#62e6b5;box-shadow:0 0 0 3px #62e6b51f}.online-section{display:grid;gap:.8rem}.online-heading{display:flex;justify-content:space-between;color:#9fb2c5;font-size:.75rem;font-weight:800;text-transform:uppercase}.online-heading span{display:flex;gap:.45rem;align-items:center}.online-heading i{width:.55rem;height:.55rem;border-radius:50%;background:#62e6b5;box-shadow:0 0 .7rem #62e6b5a6}.online-heading i.room-dot{background:#ffd66b;box-shadow:0 0 .7rem #ffd66ba6}.online-empty{display:grid;min-height:14rem;place-content:center;gap:.5rem;padding:2rem;border:1px dashed rgb(255 255 255 / 13%);border-radius:.9rem;color:#9fb2c5;text-align:center}.online-empty strong{color:#e5eef7}.online-empty p{max-width:25rem;margin:0;line-height:1.5}.online-list{display:grid;gap:.55rem;max-height:17rem;overflow-y:auto;padding-right:.15rem}.online-pilot{display:flex;min-height:3.7rem;align-items:center;gap:.7rem;padding:.65rem .7rem;border:1px solid rgb(255 255 255 / 10%);border-radius:.75rem;background:linear-gradient(110deg,#62e6b51c,#ffffff08)}.online-avatar{display:grid;width:2.15rem;height:2.15rem;flex:0 0 auto;border:1px solid rgb(98 230 181 / 45%);border-radius:50%;background:#173b35;color:#9cebcf;font-weight:900;place-items:center}.online-pilot-name{display:grid;min-width:0;flex:1;gap:.15rem}.online-pilot-name b{overflow:hidden;color:#eef6ff;text-overflow:ellipsis;white-space:nowrap}.online-pilot-name small{color:#7fbdab;font-size:.68rem}.invite-button{min-height:2rem;padding:.38rem .65rem;border:1px solid rgb(98 230 181 / 40%);border-radius:.5rem;background:#62e6b521;color:#9cebcf;font-size:.7rem;font-weight:800}.invite-button:hover{background:#62e6b540;transform:translateY(-1px)}.presence-feedback,.presence-invite{margin:0;padding:.65rem .8rem;border-radius:.6rem;background:#62e6b51c;color:#9cebcf;font-size:.78rem}.presence-invite{border:1px solid rgb(255 214 107 / 30%);background:#ffd66b1a;color:#ffe3a0}.rooms-section{margin-top:.35rem}.room-list{display:grid;gap:.55rem}.room-card{display:flex;min-height:3.5rem;align-items:center;justify-content:space-between;gap:.8rem;padding:.65rem .75rem;border:1px solid rgb(255 214 107 / 18%);border-radius:.7rem;background:#ffd66b0f}.room-card>div{display:grid;gap:.2rem}.room-card b{color:#f3f6fa;font-size:.8rem}.room-card small{color:#c2ad7b;font-size:.68rem}.room-card>strong{color:#ffe3a0;font-size:.85rem}.room-empty{min-height:8rem;padding:1.2rem}.sr-only{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.menu-panel,.garage-page{position:relative;z-index:1}.menu-panel{display:grid;width:min(92vw,68rem);justify-items:center;gap:1rem;text-align:center}.home-panel{width:min(90vw,35rem)}.menu-kicker{color:#62e6b5;font-size:.72rem;font-weight:900;letter-spacing:.24em;text-transform:uppercase}.menu-panel h1,.menu-panel h2,.garage-page h2{margin:0;line-height:.9;text-transform:uppercase}.menu-panel h1{font-size:clamp(4rem,12vw,7.5rem);letter-spacing:-.07em}.menu-panel h1 em{color:#62e6b5;font-style:normal}.game-header{position:absolute;z-index:4;top:0;left:0;display:flex;width:100%;min-height:5.2rem;align-items:center;justify-content:space-between;padding:0 4vw;border-bottom:1px solid rgb(255 255 255 / 10%);background:#050d17a3;-webkit-backdrop-filter:blur(1rem);backdrop-filter:blur(1rem)}.brand-button{padding:0;background:transparent}.brand-button img{display:block;width:clamp(8.5rem,13vw,11.5rem);height:auto;filter:drop-shadow(0 .4rem .65rem rgb(0 0 0 / 30%))}.friends-search-button{position:relative;display:grid;width:2.8rem;height:2.8rem;padding:.72rem;border:1px solid rgb(255 255 255 / 16%);border-radius:.65rem;background:#ffffff14;color:#eef6ff;place-items:center}.friends-search-button svg{width:100%;fill:none;stroke:currentColor;stroke-linecap:round;stroke-width:1.8}.friends-search-button>i{position:absolute;top:.34rem;right:.34rem;width:.58rem;height:.58rem;border:2px solid #132332;border-radius:50%;background:#62e6b5;box-shadow:0 0 .65rem #62e6b5cc}.friends-search-button:hover{border-color:#62e6b5;color:#62e6b5;transform:translateY(-1px)}.ranking-crown-button{display:grid;width:2.8rem;height:2.8rem;padding:0;border:1px solid rgb(255 214 107 / 35%);border-radius:.65rem;background:#6f4f0d3d;color:#ffd66b;font-size:1.45rem;place-items:center}.ranking-crown-button:hover{border-color:#ffd66b;background:#6f4f0d66;transform:translateY(-1px)}.header-actions{display:flex;gap:.65rem}.header-guest-button,.header-account-button{min-height:2.8rem;padding:.65rem 1.1rem;border-radius:.7rem;font-size:.82rem;font-weight:850}.header-guest-button{border:1px solid rgb(255 255 255 / 16%);background:#ffffff12;color:#eef6ff}.header-account-button{background:#62e6b5;color:#061a14}.header-guest-button:hover,.header-account-button:hover{filter:brightness(1.1);transform:translateY(-1px)}.game-home{position:relative;z-index:2;display:grid;width:min(92vw,76rem);grid-template-columns:minmax(0,1.25fr) minmax(18rem,.65fr);gap:clamp(2rem,7vw,7rem);align-items:center;padding-top:5rem}.game-home-copy{display:grid;max-width:46rem;gap:1.2rem}.game-home h1{margin:0;font-size:clamp(3.8rem,8vw,7rem);letter-spacing:-.065em;line-height:.88;text-transform:uppercase}.game-home h1 em{color:#62e6b5;font-style:normal}.game-home-copy>p{max-width:35rem;margin:0;color:#9fb2c5;font-size:1.05rem;line-height:1.7}.connected-pilot{width:fit-content;padding:.45rem .7rem;border:1px solid rgb(98 230 181 / 25%);border-radius:999px;background:#20665138;color:#9cebcf;font-size:.75rem;font-weight:800}.home-shortcuts{display:flex;flex-wrap:wrap;gap:.65rem;margin-top:.5rem}.home-shortcuts .menu-primary,.home-shortcuts .menu-secondary,.home-shortcuts .menu-link{min-width:10rem}.home-feature-card{display:grid;gap:.75rem;padding:clamp(1.4rem,3vw,2rem);border:1px solid rgb(255 255 255 / 13%);border-radius:1.2rem;background:linear-gradient(145deg,#ffffff17,#ffffff08);box-shadow:0 2rem 5rem #00000040;-webkit-backdrop-filter:blur(.8rem);backdrop-filter:blur(.8rem)}.home-feature-card>span{color:#62e6b5;font-size:.7rem;font-weight:900;letter-spacing:.14em;text-transform:uppercase}.home-feature-card>strong{font-size:clamp(2.4rem,5vw,4rem);line-height:1;text-transform:uppercase}.home-feature-card>p{margin:0;color:#9fb2c5;line-height:1.55}.home-feature-card>div{display:grid;gap:.2rem;margin-top:.5rem;padding-top:1rem;border-top:1px solid rgb(255 255 255 / 10%)}.home-feature-card small{color:#7f91a3;text-transform:uppercase}.menu-panel h2,.garage-page h2{font-size:clamp(2rem,6vw,4rem)}.home-panel>p,.garage-copy>p{max-width:30rem;margin:0;color:#9fb2c5;line-height:1.6}.menu-actions{display:grid;width:min(100%,23rem);gap:.65rem;margin-top:1rem}.menu-primary,.menu-secondary,.menu-link,.back-button{min-height:3.2rem;padding:.8rem 1.2rem;border-radius:.75rem;font-weight:850}.menu-primary{background:#62e6b5;box-shadow:0 .8rem 2.5rem #32dca033;color:#061a14}.menu-secondary{border:1px solid rgb(255 255 255 / 14%);background:#ffffff12;color:#8797a8}.menu-secondary small{display:block;color:#62e6b5}.account-button{color:#eef6ff}.menu-link{background:transparent;color:#b6c4d2}.menu-primary:hover,.menu-link:hover,.selection-card:not(:disabled):hover,.scenario-card:not(:disabled):hover{filter:brightness(1.1);transform:translateY(-2px)}.back-button{position:absolute;top:-4rem;left:0;min-height:auto;background:transparent;color:#aebdca}.wide-panel{gap:1.4rem}.selection-grid,.scenario-grid{display:grid;width:100%;grid-template-columns:repeat(2,1fr);gap:1rem}.selection-card,.scenario-card{display:grid;gap:.7rem;padding:1.6rem;border:1px solid rgb(255 255 255 / 12%);border-radius:1rem;background:#ffffff0f;color:#fff;text-align:left;transition:transform .18s ease,border-color .18s ease}.selection-card.active,.scenario-card.active{border-color:#62e6b5a6;background:#1b5b4c52}.selection-card b,.scenario-card b{font-size:1.3rem}.selection-card span,.scenario-card small{color:#9fb2c5;line-height:1.5}.selection-card i{color:#62e6b5;font-size:.7rem;font-style:normal;font-weight:900;letter-spacing:.14em;text-transform:uppercase}.locked{opacity:.52;cursor:not-allowed}.garage-page{display:grid;width:min(94vw,76rem);height:min(78vh,46rem);grid-template-columns:minmax(18rem,.75fr) minmax(30rem,1.5fr);align-items:center}.garage-copy{display:grid;z-index:2;gap:1rem;align-content:center}.garage-preview-wrap{width:100%;height:100%}.garage-canvas{display:block;width:100%;height:100%}.vehicle-stats{display:grid;gap:.8rem;margin:1rem 0}.vehicle-stats div{display:grid;gap:.35rem}.vehicle-stats dt{color:#aab9c7;font-size:.7rem;font-weight:800;letter-spacing:.1em;text-transform:uppercase}.vehicle-stats dd{width:100%;height:.42rem;margin:0;overflow:hidden;border-radius:1rem;background:#ffffff1a}.vehicle-stats i{display:block;height:100%;border-radius:inherit;background:#62e6b5}.vehicle-picker{display:flex;flex-wrap:wrap;gap:.45rem}.vehicle-picker button{padding:.55rem .75rem;border:1px solid rgb(255 255 255 / 14%);border-radius:.55rem;background:#ffffff0f;color:#aebdca;font-size:.72rem;font-weight:800}.vehicle-picker button.active{border-color:#62e6b5;background:#24705973;color:#fff}.traffic-mode-picker{display:grid;grid-template-columns:1fr 1fr;gap:.55rem;margin:1rem 0;padding:0;border:0}.traffic-mode-picker legend{grid-column:1 / -1;margin-bottom:.15rem;color:#aab9c7;font-size:.7rem;font-weight:800;letter-spacing:.1em;text-transform:uppercase}.traffic-mode-picker button{display:grid;gap:.2rem;padding:.7rem;border:1px solid rgb(255 255 255 / 14%);border-radius:.65rem;background:#ffffff0f;color:#aebdca;text-align:left}.traffic-mode-picker button.active{border-color:#62e6b5;background:#24705973;color:#fff}.traffic-mode-picker button small{color:#91a3b2;font-size:.68rem;line-height:1.35}.scenario-grid{grid-template-columns:repeat(3,1fr)}.scenario-card{padding:.8rem}.scenario-art{display:grid;height:11rem;place-items:center;border-radius:.7rem;font-size:3.5rem}.field-art{background:linear-gradient(#75bced 0 48%,#68a84e 49%)}.desert-art{background:linear-gradient(#f7c774,#b86c3f)}.night-art{background:linear-gradient(#121b3e,#49346c)}.settings-panel{width:min(90vw,34rem);justify-items:stretch;text-align:left}.settings-panel .menu-kicker,.settings-panel h2{text-align:center}.settings-panel label{display:grid;gap:.6rem;color:#b9c6d3;font-weight:750}.settings-panel label strong{justify-self:end;margin-top:-1.7rem;color:#62e6b5}.settings-panel input{accent-color:#62e6b5}.settings-panel select{min-height:2.8rem;padding:0 .8rem;border:1px solid rgb(255 255 255 / 16%);border-radius:.6rem;background:#182433;color:#fff}.settings-note{color:#8fa1b3}.form-panel{width:min(90vw,30rem)}.account-form,.profile-summary{display:grid;width:100%;gap:.85rem}.account-form label{display:grid;gap:.4rem;color:#b9c6d3;font-size:.78rem;font-weight:800;text-align:left}.account-form input{width:100%;min-height:3rem;padding:0 .9rem;border:1px solid rgb(255 255 255 / 16%);border-radius:.65rem;outline:none;background:#182433;color:#fff}.account-form input:focus{border-color:#62e6b5;box-shadow:0 0 0 3px #62e6b51f}.form-error{margin:0;color:#ff9c8a;font-size:.82rem;line-height:1.4}.profile-summary{grid-template-columns:1fr 1fr;margin:0}.profile-summary div{padding:.9rem;border:1px solid rgb(255 255 255 / 12%);border-radius:.7rem;background:#ffffff0d}.profile-summary dt{color:#8fa1b3;font-size:.7rem;text-transform:uppercase}.profile-summary dd{margin:.3rem 0 0;overflow-wrap:anywhere;font-weight:750}.danger-button{padding:.65rem 1rem;background:transparent;color:#ff9c8a;font-weight:800}.session-loading{position:absolute;z-index:3;top:1rem;right:1rem;padding:.55rem .8rem;border:1px solid rgb(255 255 255 / 12%);border-radius:999px;background:#080f1bc7;color:#b9c6d3;font-size:.75rem}.vehicle-picker button:disabled{opacity:.4}.leaderboard-panel{width:min(92vw,42rem);max-height:84vh}.rankings-modal{position:relative;display:grid;width:min(94vw,38rem);max-height:min(calc(100vh - 8rem),42rem);grid-template-rows:none;gap:.85rem;padding:clamp(1.3rem,3vw,2.2rem);border:1px solid rgb(255 255 255 / 16%);border-radius:1.2rem;background:linear-gradient(145deg,#08121dfc,#0f222dfa);box-shadow:0 2rem 7rem #0000008c}.rankings-modal>h2{margin:0;font-size:clamp(2rem,5vw,3.3rem);line-height:.9;text-transform:uppercase}.ranking-tabs{display:grid;grid-template-columns:repeat(4,1fr);gap:.4rem}.ranking-tabs button{min-height:2.65rem;padding:.55rem;border:1px solid rgb(255 255 255 / 12%);border-radius:.55rem;background:#ffffff0d;color:#94a6b7;font-size:.75rem;font-weight:850}.ranking-tabs button.active{border-color:#62e6b5;background:#2470596b;color:#fff}.personal-max-score{display:flex;align-items:center;justify-content:space-between;padding:.8rem 1rem;border:1px solid rgb(255 214 107 / 28%);border-radius:.7rem;background:#6f4f0d2e}.personal-max-score span{color:#c8b981;font-size:.7rem;font-weight:900;letter-spacing:.1em;text-transform:uppercase}.personal-max-score strong{color:#ffd66b;font-size:1.6rem;font-variant-numeric:tabular-nums}.period-ranking-list{display:grid;min-height:0;gap:0}.period-ranking-list .leaderboard-list{max-height:min(44vh,22rem)}.fixed-player-position{display:grid;grid-template-columns:2.2rem minmax(8rem,1fr) 7rem;gap:.7rem;align-items:center;padding:.8rem .9rem;border:1px solid rgb(98 230 181 / 48%);border-radius:.7rem;background:#1b5b4c6b}.period-ranking-list .fixed-player-position{margin-top:.7rem}.fixed-player-position>b{color:#62e6b5;text-align:center}.fixed-player-position>span small{margin-left:.4rem;color:#62e6b5;font-size:.6rem;font-weight:900;text-transform:uppercase}.fixed-player-position>strong{text-align:right;font-variant-numeric:tabular-nums}.fixed-player-position.empty{border-color:#ffffff1f;background:#ffffff0d;color:#8fa1b3}.best-score{display:grid;min-width:min(100%,18rem);gap:.2rem;padding:1rem 1.5rem;border:1px solid rgb(255 214 107 / 38%);border-radius:.9rem;background:#6f4f0d38}.best-score span,.best-score small{color:#c8b981}.best-score span{font-size:.68rem;font-weight:900;letter-spacing:.13em;text-transform:uppercase}.best-score strong{color:#ffd66b;font-size:2rem}.leaderboard-list{display:grid;width:100%;max-height:46vh;gap:0;margin:0;padding:0;overflow-y:auto;border:1px solid rgb(255 255 255 / 10%);border-radius:0 0 .65rem .65rem;list-style:none}.leaderboard-list li{display:grid;grid-template-columns:3rem minmax(8rem,1fr) 7rem;gap:.7rem;align-items:center;min-height:2.8rem;padding:.55rem .9rem;border-bottom:1px solid rgb(255 255 255 / 8%);background:#ffffff08;text-align:left}.leaderboard-list li:last-child{border-bottom:0}.leaderboard-list li:nth-child(2n){background:#ffffff0d}.leaderboard-list li>b{color:#62e6b5;text-align:center}.leaderboard-list li>strong{text-align:right;font-variant-numeric:tabular-nums}.leaderboard-heading{display:grid;grid-template-columns:3rem minmax(8rem,1fr) 7rem;gap:.7rem;padding:.5rem .9rem;border:1px solid rgb(255 255 255 / 10%);border-bottom:0;border-radius:.65rem .65rem 0 0;background:#ffffff12;color:#8396a8;font-size:.62rem;font-weight:900;letter-spacing:.1em;text-transform:uppercase}.leaderboard-heading span:first-child{text-align:center}.leaderboard-heading span:last-child{text-align:right}.ranking-state{color:#9fb2c5}.hud{position:absolute;top:1.25rem;left:50%;display:flex;gap:.65rem;transform:translate(-50%);pointer-events:none}.hud-card{display:grid;min-width:7rem;gap:.1rem;padding:.65rem .85rem;border:1px solid rgb(255 255 255 / 14%);border-radius:.75rem;background:#080f1bc2;box-shadow:0 .5rem 2rem #0000002e;-webkit-backdrop-filter:blur(.5rem);backdrop-filter:blur(.5rem)}.hud-card span{color:#a8b8ca;font-size:.68rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.hud-card strong{font-size:1.15rem;font-variant-numeric:tabular-nums}.fuel-card{grid-template-columns:1fr auto;align-items:center;min-width:9rem}.fuel-card>span{grid-column:1 / -1}.fuel-card strong{font-size:.9rem}.fuel-meter{width:5.5rem;height:.48rem;overflow:hidden;border-radius:999px;background:#ffffff1f}.fuel-meter i{display:block;height:100%;border-radius:inherit;background:#49d6a0;box-shadow:0 0 .8rem #49d6a073;transition:width .18s linear,background .18s ease}.fuel-card.critical{border-color:#ff6f558c;animation:fuel-warning .65s ease-in-out alternate infinite}.fuel-card.critical .fuel-meter i{background:#ff6f55;box-shadow:0 0 .8rem #ff6f558c}@keyframes fuel-warning{to{background:#651815e0}}.pause-button{position:absolute;top:1.25rem;right:1.25rem;display:grid;width:3rem;height:3rem;place-items:center;border:1px solid rgb(255 255 255 / 18%);border-radius:50%;background:#080f1bc7;color:#fff;font-weight:800;transition:background .16s ease,transform .16s ease}.pause-button:hover{background:#14283deb;transform:scale(1.05)}.game-modal{position:absolute;top:50%;left:50%;display:grid;width:min(90vw,28rem);justify-items:center;gap:.85rem;padding:2rem;border:1px solid rgb(255 255 255 / 16%);border-radius:1.25rem;background:#080f1be0;box-shadow:0 1.5rem 5rem #00000059;text-align:center;transform:translate(-50%,-50%);-webkit-backdrop-filter:blur(.9rem);backdrop-filter:blur(.9rem)}.game-modal h1,.game-modal h2,.game-modal p{margin:0}.game-modal h1,.game-modal h2{font-size:clamp(1.8rem,5vw,2.7rem);line-height:1}.game-modal p{max-width:23rem;color:#b8c7d8;line-height:1.55}.modal-eyebrow{color:#8be9c2;font-size:.72rem;font-weight:800;letter-spacing:.16em;text-transform:uppercase}.modal-actions{display:grid;width:100%;gap:.6rem}.primary-button,.secondary-button,.text-button{min-height:2.85rem;padding:.7rem 1.15rem;border-radius:.7rem;font-weight:800;transition:filter .16s ease,transform .16s ease}.primary-button{background:#49d6a0;color:#071a15}.secondary-button{border:1px solid rgb(255 255 255 / 20%);background:#ffffff1a;color:#fff}.text-button{background:transparent;color:#b8c7d8}.primary-button:hover,.secondary-button:hover,.text-button:hover{filter:brightness(1.12);transform:translateY(-1px)}.new-record{color:#ffd66b;text-transform:uppercase}.game-modal .race-save-status{padding:.5rem .75rem;border:1px solid rgb(255 255 255 / 12%);border-radius:.55rem;background:#ffffff0f;font-size:.78rem}.game-modal .race-save-status.success{border-color:#62e6b559;color:#8be9c2}.game-modal .race-save-status.warning{border-color:#ffd66b59;color:#ffd66b}.collision-alert{position:absolute;top:28%;left:50%;padding:.65rem 1.1rem;border:1px solid rgb(255 125 103 / 55%);border-radius:999px;background:#751812d1;box-shadow:0 0 2rem #ff432d4d;color:#fff;font-size:.8rem;font-weight:900;letter-spacing:.14em;text-transform:uppercase;transform:translate(-50%);animation:collision-pulse .18s ease-out alternate infinite;pointer-events:none}@keyframes collision-pulse{0%{opacity:.72;transform:translate(-50%) scale(.96)}to{opacity:1;transform:translate(-50%) scale(1.04)}}.controls-hint{position:absolute;right:1.25rem;bottom:1.25rem;display:flex;gap:.65rem;align-items:center;padding:.65rem .8rem;border:1px solid rgb(255 255 255 / 14%);border-radius:.75rem;background:#080f1bb8;color:#dce7f4;font-size:.76rem;-webkit-backdrop-filter:blur(.5rem);backdrop-filter:blur(.5rem);pointer-events:none}.controls-hint span{display:flex;gap:.25rem;align-items:center}.controls-hint kbd{min-width:1.55rem;padding:.16rem .28rem;border:1px solid rgb(255 255 255 / 25%);border-radius:.3rem;background:#ffffff1a;color:#fff;font:inherit;font-weight:700;text-align:center}.anonymous-garage-copy,.connected-scenario-copy,.scenario-grid,.account-modal{scrollbar-width:none;-ms-overflow-style:none}.anonymous-garage-copy::-webkit-scrollbar,.connected-scenario-copy::-webkit-scrollbar,.scenario-grid::-webkit-scrollbar,.account-modal::-webkit-scrollbar{display:none;width:0;height:0}.touch-controls,.rotate-device{display:none}.game-shell.race-active,.game-shell.race-active .game-canvas{touch-action:none;overscroll-behavior:none}.game-shell.race-active{-webkit-user-select:none;user-select:none}@media(hover:none)and (pointer:coarse)and (orientation:landscape){.touch-controls{position:absolute;right:max(1rem,env(safe-area-inset-right));bottom:max(.8rem,env(safe-area-inset-bottom));left:max(1rem,env(safe-area-inset-left));z-index:20;display:flex;align-items:end;justify-content:space-between;pointer-events:none}.touch-steering{display:flex;gap:clamp(.45rem,1.6vw,.8rem);pointer-events:auto}.touch-controls button{display:grid;width:clamp(3.7rem,10vw,5.2rem);height:clamp(3.7rem,10vw,5.2rem);place-items:center;border:1px solid rgb(255 255 255 / 30%);border-radius:1rem;background:#080f1b9e;box-shadow:0 .5rem 1.5rem #00000038;color:#fff;font-size:clamp(1.25rem,3vw,1.8rem);font-weight:900;-webkit-backdrop-filter:blur(.45rem);backdrop-filter:blur(.45rem);touch-action:none;user-select:none;-webkit-user-select:none;-webkit-tap-highlight-color:transparent}.touch-controls button:active{border-color:#8be9c2;background:#247059c7;transform:scale(.95)}.controls-hint{display:none}}@media(hover:none)and (pointer:coarse)and (orientation:portrait){.rotate-device{position:fixed;inset:0;z-index:9999;display:grid;align-content:center;justify-items:center;gap:.75rem;padding:2rem;background:radial-gradient(circle at 50% 35%,#183c45,#08121d 68%);color:#fff;text-align:center}.rotate-device-icon{display:grid;width:5rem;height:5rem;place-items:center;border:2px solid #62e6b5;border-radius:1.2rem;color:#8be9c2;font-size:3rem;animation:rotate-device-hint 1.8s ease-in-out infinite}.rotate-device strong{font-size:1.7rem;text-transform:uppercase}.rotate-device p{max-width:18rem;margin:0;color:#aebfce}}@keyframes rotate-device-hint{0%,25%{transform:rotate(0)}65%,to{transform:rotate(90deg)}}@media(hover:none)and (pointer:coarse)and (orientation:landscape)and (max-height:520px){.game-header{min-height:3.5rem;padding:0 max(.8rem,env(safe-area-inset-right)) 0 max(.8rem,env(safe-area-inset-left))}.brand-button img{width:7rem}.pause-button{top:max(.55rem,env(safe-area-inset-top));right:max(.65rem,env(safe-area-inset-right));width:2.6rem;height:2.6rem;z-index:25}.hud{top:max(.45rem,env(safe-area-inset-top));bottom:auto;left:50%;display:flex;width:auto;gap:.28rem;transform:translate(-50%)}.hud-card{min-width:4.8rem;padding:.35rem .5rem;border-radius:.55rem}.hud-card span{font-size:.48rem}.hud-card strong{font-size:.78rem}.fuel-card{min-width:6.3rem}.fuel-meter{width:3.5rem}.game-modal{width:min(78vw,30rem);max-height:calc(100vh - 1rem);gap:.45rem;padding:.8rem 1.2rem;overflow-y:auto}.game-modal h1,.game-modal h2{font-size:1.45rem}.game-modal p{font-size:.76rem;line-height:1.3}.game-modal .primary-button,.game-modal .secondary-button,.game-modal .text-button{min-height:2.2rem;padding:.35rem .8rem}.result-modal>p{display:none}.start-modal-backdrop,.anonymous-modal-backdrop{inset:3.5rem 0 0;padding:.45rem}.start-modal{width:min(88vw,42rem);min-height:0;max-height:calc(100vh - 4.4rem);padding:1rem 1.5rem;overflow-y:auto}.start-brand{width:min(72%,22rem)}.anonymous-garage-modal{width:min(96vw,60rem);height:calc(100vh - 4.4rem);grid-template-columns:minmax(17rem,.9fr) minmax(20rem,1.1fr)}.account-modal{min-height:0;max-height:calc(100vh - 4.4rem);align-content:start;padding:1rem 1.4rem}.account-modal h2{font-size:1.7rem}.account-form{gap:.55rem}.account-form input{min-height:2.5rem}.anonymous-garage-copy{align-content:start;padding:1rem}.anonymous-garage-copy h2{font-size:1.7rem}.anonymous-garage-copy>p,.vehicle-stats{display:none}.traffic-mode-picker{margin:.35rem 0}.anonymous-preview{position:static}.connected-scenario-copy{padding:1rem 2rem;overflow-y:auto}.scenario-art{height:4rem;font-size:2rem}}@media(max-width:700px){.game-header{min-height:4.5rem;padding:0 1rem}.brand-button img{width:clamp(6.6rem,25vw,8.5rem)}.friends-search-button{width:2.5rem;height:2.5rem;padding:.65rem}.ranking-crown-button{width:2.5rem;height:2.5rem;font-size:1.25rem}.header-actions{gap:.4rem}.header-guest-button,.header-account-button{min-height:2.5rem;padding:.55rem .7rem;font-size:.7rem}.game-home{grid-template-columns:1fr;gap:1.5rem;padding-top:5rem}.game-home h1{font-size:clamp(3rem,15vw,4.6rem)}.game-home-copy>p{font-size:.92rem}.home-feature-card{display:none}.home-shortcuts{display:grid;grid-template-columns:1fr 1fr}.home-shortcuts .menu-primary{grid-column:1 / -1}.home-shortcuts .menu-primary,.home-shortcuts .menu-secondary,.home-shortcuts .menu-link{min-width:0}.anonymous-modal-backdrop{inset:4.5rem 0 0;padding:.65rem}.start-modal-backdrop{padding:.8rem}.start-modal{width:100%;min-height:min(27rem,calc(100vh - 6rem));padding:1.6rem}.anonymous-garage-modal{height:min(calc(100vh - 5.8rem),44rem);grid-template-columns:1fr;row-gap:1rem}.anonymous-garage-copy{align-content:end;padding:1.2rem}.anonymous-preview{position:absolute;inset:0 0 48%}.anonymous-garage-copy{padding-top:42%}.connected-scenario-copy{padding:3.5rem 1rem 1rem;overflow-y:auto}.connected-scenario-grid{grid-template-columns:1fr;max-height:68vh;overflow-y:auto}.account-modal-backdrop{padding:.65rem}.account-modal{width:min(94vw,34rem);min-height:min(25rem,calc(100vh - 6rem));padding:1.4rem}.friends-modal-backdrop{padding:.65rem}.friends-modal{width:100%;min-height:min(32rem,calc(100vh - 6rem));padding:1.3rem}.rankings-modal-backdrop{padding:.65rem}.rankings-modal{width:100%;max-height:calc(100vh - 5.8rem);padding:1rem;overflow-y:auto}.ranking-tabs{grid-template-columns:repeat(2,1fr)}.selection-grid,.scenario-grid,.garage-page{grid-template-columns:1fr}.garage-page{height:88vh}.garage-copy{align-content:end}.garage-preview-wrap{position:absolute;inset:0 0 42%}.scenario-grid{max-height:68vh;overflow-y:auto}.scenario-art{height:7rem}.hud{top:auto;right:.75rem;bottom:.75rem;left:.75rem;display:grid;grid-template-columns:repeat(4,1fr);gap:.35rem;transform:none}.hud-card{min-width:0;padding:.45rem}.hud-card strong{font-size:.92rem}.hud-card span{font-size:.55rem}.controls-hint{display:none}.leaderboard-list li,.leaderboard-heading{grid-template-columns:2.5rem minmax(7rem,1fr) 5.5rem}}@media(hover:none)and (pointer:coarse)and (orientation:landscape)and (max-height:520px){.hud{top:max(.45rem,env(safe-area-inset-top));right:auto;bottom:auto;left:50%;display:flex;width:auto;gap:.28rem;transform:translate(-50%)}.hud-card{min-width:4.8rem;padding:.35rem .5rem}.fuel-card{min-width:6.3rem}.game-modal{width:min(78vw,30rem);max-height:calc(100vh - 1rem);padding:.8rem 1.2rem}.anonymous-garage-modal{width:min(96vw,60rem);height:calc(100vh - 4.4rem);grid-template-columns:minmax(17rem,.9fr) minmax(20rem,1.1fr)}.anonymous-preview{position:static}.anonymous-garage-copy{align-content:start;padding:1rem}}