:root{--glass: rgba(7, 22, 42, .74);--glass-2: rgba(5, 15, 30, .86);--line: rgba(110, 215, 255, .32);--line-strong: rgba(110, 225, 255, .7);--cyan: #27e3ff;--blue: #1a8cff;--gold: #ffc531;--orange: #ff8f2b;--red: #ff3b3b;--green: #2ee59d;--text: #eef8ff;--muted: #a6bfd2;--radius: .9rem;--glow: 0 0 .6rem rgba(39, 227, 255, .35), inset 0 0 .9rem rgba(39, 227, 255, .08);font-size:clamp(8.5px,min(.96vw,1.72vh),19px)}*{box-sizing:border-box;margin:0;padding:0}html,body{width:100%;height:100%;overflow:hidden;background:#06121f;color:var(--text);font-family:"Exo 2",system-ui,sans-serif;-webkit-tap-highlight-color:transparent;-moz-user-select:none;user-select:none;-webkit-user-select:none;touch-action:none}button{font:inherit;color:inherit;background:none;border:0;cursor:pointer}svg{width:1em;height:1em;display:block}.hidden{display:none!important}#app{position:fixed;top:0;right:0;bottom:0;left:0}#scene{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;display:block}#speedfx{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;opacity:0;background:radial-gradient(ellipse 62% 58% at 50% 46%,transparent 62%,rgba(255,255,255,.1) 80%,rgba(255,255,255,.16)),repeating-conic-gradient(from 0deg at 50% 46%,#fff0,#fff0 4deg,#ffffff0d,#ffffff0d 4.8deg);-webkit-mask:radial-gradient(ellipse 70% 64% at 50% 46%,transparent 55%,#000 90%);mask:radial-gradient(ellipse 70% 64% at 50% 46%,transparent 55%,#000 90%)}.dash-shade{position:absolute;left:0;right:0;bottom:0;height:26%;pointer-events:none;background:linear-gradient(to top,rgba(2,8,16,.72),rgba(2,8,16,.32) 45%,transparent)}.hud{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;padding:max(1.2rem,env(safe-area-inset-top)) max(1.6rem,env(safe-area-inset-right)) max(1.2rem,env(safe-area-inset-bottom)) max(1.6rem,env(safe-area-inset-left))}.hud button,.hud .radio,.hud .travel,.hud .mission{pointer-events:auto}.glass{background:var(--glass);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--glow)}.brand{position:absolute;top:1.4rem;left:2.4rem;line-height:1;filter:drop-shadow(0 .25rem .5rem rgba(0,0,0,.45))}.brand-title{display:flex;align-items:flex-end;gap:.45rem;font-style:italic;font-weight:900;font-size:3.4rem;letter-spacing:-.08rem}.brand-title span{color:#fff;-webkit-text-stroke:.08rem rgba(0,30,60,.6)}.brand-title b{color:#ff3b47;font-weight:900;-webkit-text-stroke:.08rem rgba(80,0,10,.5)}.brand-palm{width:3.6rem;height:3rem;color:#fff;margin-left:-.3rem;margin-bottom:.3rem}.brand-sub{margin-top:.35rem;font-size:1.05rem;font-weight:600;letter-spacing:.62rem;color:#fff;padding-left:.2rem}.routebar{position:absolute;top:3.4rem;left:26.5rem;right:34rem;height:3.8rem;display:flex;align-items:center;gap:1rem;padding:0 1.4rem 0 .8rem;background:linear-gradient(90deg,#041428db,#081e38a8 50%,#041428db);border:1px solid var(--line);border-radius:2rem;box-shadow:var(--glow)}.rb-from,.rb-to{display:flex;align-items:center;gap:.6rem;white-space:nowrap;font-size:1.9rem;font-weight:700}.rb-ring{width:2.2rem;height:2.2rem;border-radius:50%;border:.35rem solid var(--cyan);box-shadow:0 0 .7rem var(--cyan),inset 0 0 .4rem var(--cyan);background:radial-gradient(circle,#fff 0 22%,transparent 26%)}.rb-to{font-size:1.45rem}.rb-pin{width:2rem;height:2rem;color:#ff3b47;filter:drop-shadow(0 0 .3rem rgba(255,59,71,.6))}.rb-flag{width:1.7rem;height:1.7rem;color:#fff}.rb-track{position:relative;flex:1;height:100%}.rb-line{position:absolute;left:0;right:0;top:50%;height:.26rem;margin-top:-.13rem;background:#ffffff38;border-radius:1rem;overflow:hidden}.rb-fill{height:100%;width:0;background:linear-gradient(90deg,#ffd23f,var(--cyan));box-shadow:0 0 .5rem var(--cyan)}.rb-marks{position:absolute;top:0;right:0;bottom:0;left:0}.rb-mark{position:absolute;top:50%;transform:translate(-50%,-50%);display:flex;align-items:center;gap:.35rem;white-space:nowrap}.rb-mark .dotm{width:.62rem;height:.62rem;border-radius:50%;background:#ffd23f;box-shadow:0 0 .45rem #ffd23f}.rb-mark.cp{transform:translate(-.9rem,-50%)}.rb-mark.cp svg{width:1.9rem;height:1.9rem;color:#fff;background:#0a2341e6;border:1px solid var(--line-strong);border-radius:.5rem;padding:.2rem}.rb-mark.cp .lbl{line-height:1.05;font-size:1.15rem;font-weight:700;text-shadow:0 .1rem .3rem #000}.rb-mark.cp .lbl small{display:block;font-size:1.05rem;font-weight:500;color:var(--muted)}.rb-mark.nolabel{display:none}.rb-car{position:absolute;top:50%;left:0;width:2.6rem;height:1.7rem;transform:translate(-50%,-62%);color:#fff;filter:drop-shadow(0 0 .35rem var(--cyan));transition:left .6s linear}.rb-car svg{width:100%;height:100%}.rb-km{position:absolute;left:50%;top:100%;transform:translate(-50%);padding:.25rem 1.8rem .35rem;font-size:1.45rem;font-weight:600;white-space:nowrap;background:linear-gradient(180deg,#051426e6,#051426a6);border:1px solid var(--line);border-top:0;border-radius:0 0 1.1rem 1.1rem}.rb-km b{font-weight:800}.top-right{position:absolute;top:1.3rem;right:1.8rem;display:flex;gap:.8rem;align-items:center}.pill{height:3.9rem;display:flex;align-items:center;gap:.7rem;padding:0 .6rem 0 .7rem;border-radius:1.2rem;background:var(--glass);border:1px solid var(--line);box-shadow:var(--glow);font-size:1.75rem;font-weight:700}.coin-ico{width:2.5rem;height:2.5rem}.pill .plus{width:2.4rem;height:2.4rem;border-radius:.6rem;display:grid;place-items:center;font-size:2rem;line-height:1;background:linear-gradient(180deg,#1aa0ff,#0b67c9);box-shadow:inset 0 .1rem #fff6}.pill.weather{padding:0 1.2rem}.sun-ico{width:2.3rem;height:2.3rem;color:var(--gold);filter:drop-shadow(0 0 .35rem rgba(255,197,49,.8))}.round-btn{width:3.9rem;height:3.9rem;border-radius:1rem;display:grid;place-items:center;background:var(--glass);border:1px solid var(--line);box-shadow:var(--glow)}.round-btn svg{width:2rem;height:2rem}.round-btn:active,.tile:active,.circle-btn:active{transform:scale(.94)}.left-col{position:absolute;top:9.6rem;left:2.4rem;width:24rem;display:flex;flex-direction:column;gap:.9rem}.mission{display:flex;gap:1rem;align-items:center;padding:.75rem .8rem;border-radius:var(--radius);background:var(--glass);border:1px solid var(--line);box-shadow:var(--glow);text-align:left;width:100%;transition:opacity .4s,transform .4s}.mission.done{border-color:#2ee59dbf;box-shadow:0 0 .9rem #2ee59d66}.mission .m-ico{flex:none;width:4.8rem;height:4.8rem;border-radius:.7rem;display:grid;place-items:center;background:linear-gradient(140deg,#ffcf4d,#e88a12);box-shadow:inset 0 0 0 .15rem #ffffff40}.mission .m-ico.blue{background:linear-gradient(140deg,#4dd2ff,#1767c4)}.mission .m-ico.green{background:linear-gradient(140deg,#6ff2b8,#0f8c5a)}.mission .m-ico svg{width:2.6rem;height:2.6rem;color:#10202f}.mission .m-ico.blue svg,.mission .m-ico.green svg{color:#fff}.mission .m-body{flex:1;min-width:0}.mission .m-title{font-size:1.5rem;font-weight:700;line-height:1.15}.mission .m-desc{font-size:1.1rem;color:#d4e4f0;margin:.15rem 0 .45rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mission .m-row{display:flex;align-items:center;gap:.6rem}.mission .m-row .bar{flex:1}.mission .m-n{font-size:1.15rem;font-weight:700;min-width:3rem;text-align:right}.mission .m-sponsor{font-size:.85rem;color:var(--gold);letter-spacing:.08rem}.mission .chev{width:1.5rem;height:1.5rem;color:var(--muted)}.bar{height:.55rem;border-radius:1rem;background:#ffffff29;overflow:hidden}.bar i{display:block;height:100%;width:0;border-radius:inherit;background:linear-gradient(90deg,var(--cyan),#6ff6ff);box-shadow:0 0 .4rem var(--cyan);transition:width .5s}.bar.gold i{background:linear-gradient(90deg,#ffb31a,#ffe066);box-shadow:0 0 .4rem var(--gold)}.travel{position:relative;display:flex;align-items:center;height:9.6rem;margin-top:.4rem;padding-left:10.8rem;border-radius:var(--radius);background:var(--glass);border:1px solid var(--line);box-shadow:var(--glow);cursor:pointer}.polaroid{position:absolute;left:-.8rem;top:-.9rem;width:11.2rem;height:11.6rem;padding:.55rem .55rem 2rem;background:#fbf8f1;border-radius:.2rem;transform:rotate(-6deg);box-shadow:0 .5rem 1.2rem #00000080}.polaroid-img{width:100%;height:100%;background:linear-gradient(180deg,#67b7f2 0,#67b7f2 45%,#f6efe2 45%,#f6efe2 62%,#1a8fd0 62%);background-size:cover;background-position:center}.polaroid-cap{position:absolute;left:.9rem;bottom:.3rem;font:italic 700 1.6rem "Exo 2",cursive;color:#8a1d1d;transform:rotate(-4deg)}.stamp{position:absolute;right:.6rem;bottom:.4rem;width:2.6rem;height:2.6rem;border-radius:50%;border:.18rem dashed #c1272d;color:#c1272d;font-size:.8rem;font-weight:800;display:grid;place-items:center;transform:rotate(14deg);opacity:.85}.travel-body{flex:1;padding:0 1rem 0 .4rem}.travel-k{font-size:1rem;letter-spacing:.25rem;color:#e8f2fa;font-weight:600}.travel-t{font-size:1.25rem;margin:.4rem 0 .6rem}.travel-n{text-align:right;font-size:1.3rem;font-weight:700;margin-top:.35rem}.right-col{position:absolute;top:7.4rem;right:1.8rem;width:25rem;display:flex;flex-direction:column;align-items:flex-end;gap:1rem}.minimap{position:relative;width:18.5rem;height:18.5rem;margin-right:.8rem}.minimap canvas{width:100%;height:100%;border-radius:50%;display:block;background:#0d2f45}.mm-ring{position:absolute;top:-.35rem;right:-.35rem;bottom:-.35rem;left:-.35rem;border-radius:50%;border:.3rem solid rgba(39,227,255,.85);box-shadow:0 0 1rem #27e3ff99,inset 0 0 1.2rem #27e3ff59;pointer-events:none}.next-cp{position:relative;width:100%;display:flex;gap:.9rem;padding:.7rem 2.6rem .7rem .7rem;border-radius:var(--radius);background:var(--glass);border:1px solid var(--line);box-shadow:var(--glow);text-align:left;pointer-events:auto}.next-img{flex:none;width:8.4rem;height:6.4rem;border-radius:.5rem;background-size:cover;background-position:center}.next-body{min-width:0}.next-k{font-size:1.15rem;color:#d7e6f2}.next-name{font-size:2.05rem;font-weight:800;line-height:1.05;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.next-ar{font-family:Cairo,sans-serif;font-size:1.15rem;color:var(--muted);line-height:1.2}.next-km{font-size:1.6rem;font-weight:600}.next-cp .chev{position:absolute;right:.8rem;top:50%;width:1.8rem;height:1.8rem;transform:translateY(-50%)}.chip{display:flex;align-items:center;gap:.6rem;padding:.55rem 1rem;border-radius:2rem;font-size:1.3rem;font-weight:600;background:var(--glass);border:1px solid var(--line);box-shadow:var(--glow)}.chip svg{width:1.6rem;height:1.6rem;color:var(--gold)}.chip.station.low{border-color:#ff8f2be6;box-shadow:0 0 .9rem #ff8f2b99;animation:pulse 1.2s ease-in-out infinite}.chip.limit{width:3.6rem;height:3.6rem;padding:0;justify-content:center;border-radius:50%;background:#fff;color:#111;border:.35rem solid #d4222a;font-size:1.35rem;font-weight:800;box-shadow:0 .2rem .6rem #0006}.chip.limit.over{animation:pulse .6s ease-in-out infinite}@keyframes pulse{50%{transform:scale(1.06);opacity:.85}}.bottom-left{position:absolute;left:2.2rem;bottom:1.6rem;display:flex;align-items:center;gap:1.2rem}.circle-btn{width:7.4rem;height:7.4rem;border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.35rem;background:radial-gradient(circle at 50% 35%,#143c64f2,#051222f2);border:.18rem solid rgba(39,227,255,.75);box-shadow:0 0 .9rem #27e3ff73,inset 0 0 .9rem #27e3ff33;font-size:1.15rem;font-weight:600}.circle-btn svg{width:2.6rem;height:2.6rem;color:var(--cyan);filter:drop-shadow(0 0 .3rem var(--cyan))}#btnRadio svg{color:#fff;filter:none}.circle-btn.on{border-color:var(--gold);box-shadow:0 0 1rem #ffc53199}.radio{display:flex;align-items:center;gap:1rem;padding:.7rem 1.2rem .7rem .7rem;border-radius:var(--radius);background:var(--glass);border:1px solid var(--line);box-shadow:var(--glow)}.radio-art{width:6.2rem;height:6.2rem;border-radius:.6rem;background:linear-gradient(180deg,#ff9a5a,#ff5e7e 38%,#6a2f7a 62%,#1a1838);position:relative;overflow:hidden}.radio-art:before{content:"";position:absolute;left:50%;top:34%;width:2.6rem;height:2.6rem;margin-left:-1.3rem;border-radius:50%;background:#ffd27a;box-shadow:0 0 1rem #ffb347}.radio-art:after{content:"";position:absolute;left:0;right:0;bottom:0;height:40%;background:radial-gradient(ellipse 30% 90% at 20% 100%,#0d0a1c 60%,transparent 62%),radial-gradient(ellipse 22% 80% at 80% 100%,#0d0a1c 60%,transparent 62%),linear-gradient(transparent 55%,#120e24 56%)}.radio-title{font-size:1.45rem;font-weight:700}.radio-sub{font-size:1.05rem;color:var(--muted);margin-bottom:.4rem}.radio-ctl{display:flex;align-items:center;gap:.8rem}.radio-ctl button svg{width:1.5rem;height:1.5rem}.radio-ctl .play{width:2.6rem;height:2.6rem;border-radius:50%;display:grid;place-items:center;border:.14rem solid #fff}.radio-ctl .play svg{width:1.2rem;height:1.2rem;margin-left:.1rem}.eq{display:flex;gap:.18rem;align-items:flex-end;height:1.4rem;margin-left:.4rem}.eq i{width:.24rem;height:30%;background:var(--cyan);border-radius:.2rem}.radio.playing .eq i{animation:eq .9s ease-in-out infinite}.radio.playing .eq i:nth-child(2){animation-delay:-.3s}.radio.playing .eq i:nth-child(3){animation-delay:-.6s}.radio.playing .eq i:nth-child(4){animation-delay:-.15s}@keyframes eq{50%{height:100%}}.cluster{position:absolute;left:50%;bottom:.4rem;width:32rem;height:18rem;transform:translate(-50%)}.cluster:before{content:"";position:absolute;left:-4rem;right:-4rem;bottom:-.4rem;height:15rem;border-radius:50% 50% 0 0/70% 70% 0 0;background:radial-gradient(ellipse at 50% 100%,rgba(3,12,24,.95),rgba(3,12,24,.75) 60%,transparent 72%)}.gauge{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;overflow:visible}.g-track{fill:none;stroke:#ffffff1f;stroke-width:16}.g-rpm{fill:none;stroke:url(#g-rpm);stroke-width:16;filter:drop-shadow(0 0 6px rgba(39,227,255,.7))}.g-tick{stroke:#ffffffd9;stroke-width:2.5}.g-tick.minor{stroke:#ffffff59;stroke-width:1.5}.g-lbl{fill:#fff;font:italic 700 15px "Exo 2",sans-serif;text-anchor:middle;dominant-baseline:middle}.speed{position:absolute;left:50%;top:6.4rem;transform:translate(-50%);text-align:center;line-height:.9}.speed b{display:block;font-size:6.6rem;font-weight:900;font-style:italic;letter-spacing:-.2rem;text-shadow:0 0 1rem rgba(39,227,255,.35)}.speed span{font-size:1.5rem;font-weight:600}.gear{position:absolute;right:2.6rem;bottom:2.6rem;text-align:center;line-height:1}.gear span{display:block;font-size:.95rem;color:var(--muted);letter-spacing:.08rem}.gear b{font-size:3.6rem;font-weight:900;font-style:italic;color:var(--cyan);text-shadow:0 0 .6rem rgba(39,227,255,.6)}.fuel{position:absolute;left:2.2rem;bottom:2.6rem;width:8.2rem}.fuel-top{display:flex;align-items:center;gap:.4rem;font-size:1.35rem}.fuel-top svg{width:1.6rem;height:1.6rem}.fuel-bar{display:flex;gap:.2rem;margin-top:.35rem;transform:skew(-18deg)}.fuel-bar i{flex:1;height:.85rem;border-radius:.12rem;background:#ffffff24}.fuel-bar i.on{background:var(--cyan);box-shadow:0 0 .35rem var(--cyan)}.fuel.low .fuel-bar i.on{background:var(--orange);box-shadow:0 0 .35rem var(--orange)}.fuel.low .fuel-top{color:var(--orange);animation:pulse 1s infinite}.nitro{position:absolute;left:calc(50% + 16.8rem);bottom:1.6rem;width:8.2rem;height:8.2rem;border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center;background:radial-gradient(circle at 50% 40%,#13406e,#061528 70%);box-shadow:0 0 1.2rem #1a8cff8c;font-weight:800;font-size:1.45rem;letter-spacing:.06rem}.nitro svg{width:3.4rem;height:3.4rem;color:var(--cyan);filter:drop-shadow(0 0 .5rem var(--cyan));position:relative}.nitro span{position:relative}.nitro-ring{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:50%;--p: 100%;background:conic-gradient(var(--cyan) var(--p),rgba(255,255,255,.1) 0);-webkit-mask:radial-gradient(circle,transparent 64%,#000 66%);mask:radial-gradient(circle,transparent 64%,#000 66%)}.nitro.on{box-shadow:0 0 2.2rem #27e3fff2}.nitro.on svg{color:#fff}.bottom-right{position:absolute;right:1.8rem;bottom:1.8rem;display:flex;gap:.9rem}.tile{position:relative;width:7.4rem;height:7.4rem;border-radius:1rem;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.6rem;background:var(--glass);border:1px solid var(--line);box-shadow:var(--glow);font-size:1.35rem;font-weight:600}.tile svg{width:2.6rem;height:2.6rem}.tile .dot{position:absolute;top:.7rem;right:.7rem;width:.8rem;height:.8rem;border-radius:50%;background:var(--orange);box-shadow:0 0 .5rem var(--orange)}.touch-menu{display:none}.prompt{position:absolute;left:50%;bottom:21rem;transform:translate(-50%);display:flex;align-items:center;gap:.8rem;padding:.9rem 1.6rem;border-radius:2rem;background:linear-gradient(180deg,#ffcf3d,#f59b0b);color:#2a1600;font-size:1.6rem;font-weight:800;box-shadow:0 .4rem 1.4rem #ffaa1e8c;pointer-events:auto;cursor:pointer;animation:pulse 1.4s ease-in-out infinite}.prompt svg{width:2rem;height:2rem}.prompt kbd{font:700 1.1rem "Exo 2";padding:.15rem .5rem;border-radius:.35rem;background:#0000002e}.banner{position:absolute;left:50%;top:24%;transform:translate(-50%,-1rem);opacity:0;text-align:center;pointer-events:none;transition:opacity .5s,transform .5s}.banner.show{opacity:1;transform:translate(-50%)}.banner .b-k{font-size:1.4rem;letter-spacing:.5rem;color:var(--gold);font-weight:700}.banner .b-name{font-size:6rem;font-weight:900;font-style:italic;line-height:1;text-shadow:0 .3rem 1.4rem rgba(0,0,0,.6)}.banner .b-ar{font-family:Cairo,sans-serif;font-size:3rem;text-shadow:0 .2rem .8rem rgba(0,0,0,.6)}.banner .b-km{display:inline-block;margin-top:.6rem;padding:.3rem 1.2rem;border-radius:2rem;font-size:1.4rem;font-weight:700;background:var(--glass);border:1px solid var(--line)}.toasts{position:absolute;left:50%;top:9.6rem;transform:translate(-50%);display:flex;flex-direction:column;align-items:center;gap:.5rem;pointer-events:none}.toast{padding:.6rem 1.4rem;border-radius:2rem;font-size:1.4rem;font-weight:700;background:var(--glass-2);border:1px solid var(--line);box-shadow:var(--glow);animation:toast 2.6s forwards;white-space:nowrap}.toast.gold{border-color:#ffc531cc;color:#ffe08a}.toast.warn{border-color:#ff8f2be6;color:#ffc58a}.toast.good{border-color:#2ee59dcc;color:#a5ffd8}@keyframes toast{0%{opacity:0;transform:translateY(-.6rem)}10%,80%{opacity:1;transform:none}to{opacity:0;transform:translateY(-.4rem)}}.fps{position:absolute;left:50%;top:.3rem;transform:translate(-50%);font:600 1.1rem monospace;color:#9ff;background:#0006;padding:.1rem .6rem;border-radius:.4rem}.touch-controls{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}.touch-controls button{pointer-events:auto;touch-action:none}.steer{position:absolute;left:max(1.6rem,env(safe-area-inset-left));bottom:2rem;display:flex;gap:1.4rem}.steer button{width:9.6rem;height:9.6rem;border-radius:50%;display:grid;place-items:center;background:#06142699;border:.18rem solid rgba(39,227,255,.55)}.steer svg{width:4.2rem;height:4.2rem;color:#fff}.pedals{position:absolute;right:max(1.6rem,env(safe-area-inset-right));bottom:2rem;display:flex;gap:1.2rem;align-items:flex-end}.pedal{width:8.6rem;height:12rem;border-radius:1.2rem;font-weight:800;font-size:1.3rem;letter-spacing:.1rem;background:#06142699;border:.18rem solid rgba(255,255,255,.4);display:flex;align-items:flex-end;justify-content:center;padding-bottom:1rem;background-image:repeating-linear-gradient(0deg,transparent 0 1rem,rgba(255,255,255,.08) 1rem 1.3rem)}.pedal.gas{height:14rem;border-color:#2ee59db3}.pedal.brake{border-color:#ff5050b3}.touch-controls button.on{transform:scale(.95);background-color:#27e3ff40}body.touch .bottom-left,body.touch .bottom-right{display:none}body.touch .touch-menu{display:flex;position:absolute;top:6.4rem;right:1.8rem;gap:.6rem}body.touch .mini-btn{pointer-events:auto;width:3.6rem;height:3.6rem;border-radius:.9rem;display:grid;place-items:center;background:var(--glass);border:1px solid var(--line)}body.touch .mini-btn svg{width:1.8rem;height:1.8rem}body.touch .right-col{top:11rem}body.touch .cluster{bottom:0;transform:translate(-50%) scale(.86);transform-origin:50% 100%}body.touch .nitro{left:auto;right:calc(max(1.6rem,env(safe-area-inset-right)) + 20.4rem);bottom:2rem;width:7.6rem;height:7.6rem}body.touch .dash-shade{height:20%}.photo-ui{position:absolute;top:0;right:0;bottom:0;left:0}.photo-top{position:absolute;top:1.4rem;left:50%;transform:translate(-50%);display:flex;align-items:center;gap:1rem;font-size:1.4rem;font-weight:600;padding:.4rem .4rem .4rem 1.4rem;border-radius:2rem;background:var(--glass);border:1px solid var(--line)}.shutter{position:absolute;left:50%;bottom:3rem;width:8rem;height:8rem;margin-left:-4rem;border-radius:50%;border:.5rem solid #fff;display:grid;place-items:center}.shutter i{width:6rem;height:6rem;border-radius:50%;background:#fff}.shutter:active i{transform:scale(.9)}.flash{position:absolute;top:0;right:0;bottom:0;left:0;background:#fff;opacity:0;pointer-events:none}.flash.go{animation:flash .5s}@keyframes flash{0%{opacity:.9}to{opacity:0}}.panel-wrap{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;background:#0208109e;z-index:20}.panel{width:min(92vw,66rem);max-height:86vh;overflow:auto;padding:2rem 2.2rem;border-radius:1.4rem;background:linear-gradient(180deg,#0a203af7,#05101ef7);border:1px solid var(--line-strong);box-shadow:0 0 2rem #27e3ff40;touch-action:pan-y}.panel h2{font-size:2.6rem;font-weight:800;font-style:italic;display:flex;align-items:center;gap:.8rem}.panel h2 svg{width:2.4rem;height:2.4rem;color:var(--cyan)}.panel h3{font-size:1.5rem;margin:1.4rem 0 .6rem;color:var(--muted);font-weight:600;letter-spacing:.1rem;text-transform:uppercase}.panel p{font-size:1.4rem;color:#d3e3ef;line-height:1.45}.panel .x{position:sticky;top:0;float:right;width:3.4rem;height:3.4rem;border-radius:.9rem;display:grid;place-items:center;background:#ffffff14}.panel .x svg{width:1.6rem;height:1.6rem}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.6rem;min-height:4rem;padding:0 1.8rem;border-radius:1rem;font-size:1.5rem;font-weight:800;background:linear-gradient(180deg,#1aa0ff,#0b67c9);box-shadow:0 .3rem 1rem #1a8cff73}.btn.gold{background:linear-gradient(180deg,#ffd04a,#f19a0d);color:#2a1600;box-shadow:0 .3rem 1rem #ffaa1e73}.btn.ghost{background:#ffffff14;box-shadow:none;border:1px solid var(--line)}.btn:disabled{opacity:.45;cursor:default}.btn svg{width:1.8rem;height:1.8rem}.row{display:flex;gap:1rem;align-items:center;flex-wrap:wrap}.grid2{display:grid;grid-template-columns:repeat(auto-fit,minmax(14rem,1fr));gap:.9rem;margin-top:1rem}.stat{padding:1rem 1.2rem;border-radius:1rem;background:#ffffff0d;border:1px solid rgba(110,215,255,.18)}.stat small{display:block;font-size:1.1rem;color:var(--muted)}.stat b{font-size:2.2rem;font-weight:800}.seg{display:inline-flex;border-radius:.9rem;overflow:hidden;border:1px solid var(--line)}.seg button{padding:.7rem 1.2rem;font-size:1.3rem;font-weight:700}.seg button.on{background:var(--blue)}.set-row{display:flex;justify-content:space-between;align-items:center;gap:1rem;padding:.9rem 0;border-bottom:1px solid rgba(255,255,255,.07);font-size:1.45rem}.set-row input[type=range]{width:14rem;accent-color:var(--cyan)}.fuel-ui{display:grid;grid-template-columns:1fr 1fr;gap:1.4rem;margin-top:1.4rem;align-items:center}.tank{position:relative;height:15rem;border-radius:1.2rem;border:.2rem solid var(--line-strong);overflow:hidden;background:#ffffff0a}.tank .lvl{position:absolute;left:0;right:0;bottom:0;background:linear-gradient(180deg,#ffd04a,#e8820c)}.tank .add{position:absolute;left:0;right:0;background:repeating-linear-gradient(45deg,#27e3ff8c 0,#27e3ff8c .6rem,#27e3ff4d .6rem,#27e3ff4d 1.2rem)}.tank span{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;font-size:2.6rem;font-weight:900;text-shadow:0 .2rem .6rem #000}.fuel-ui input[type=range]{width:100%;accent-color:var(--gold)}.price{font-size:1.4rem;color:var(--muted)}.price b{color:#fff;font-size:2rem}.cp-list{display:flex;flex-direction:column;gap:.35rem;margin-top:.6rem}.cp-item{display:grid;grid-template-columns:2.4rem 1fr auto;gap:.8rem;align-items:center;padding:.55rem .8rem;border-radius:.7rem;font-size:1.35rem;background:#ffffff08}.cp-item .st{width:1.4rem;height:1.4rem;border-radius:50%;border:.15rem solid var(--muted);justify-self:center}.cp-item.done .st{background:var(--green);border-color:var(--green);box-shadow:0 0 .4rem var(--green)}.cp-item.next{background:#27e3ff1a;border:1px solid var(--line)}.cp-item small{color:var(--muted);font-family:Cairo,sans-serif;margin-left:.6rem}.photos{display:grid;grid-template-columns:repeat(auto-fill,minmax(12rem,1fr));gap:.8rem;margin-top:.6rem}.photos img{width:100%;aspect-ratio:16/10;-o-object-fit:cover;object-fit:cover;border-radius:.5rem;border:.2rem solid #fbf8f1}.bigmap{width:100%;aspect-ratio:4/3;border-radius:1rem;background:#0a2a3f;display:block;margin-top:1rem}.swatches{display:flex;gap:.8rem;flex-wrap:wrap;margin-top:.5rem}.swatch{width:4rem;height:4rem;border-radius:50%;border:.25rem solid rgba(255,255,255,.2)}.swatch.on{border-color:var(--cyan);box-shadow:0 0 .6rem var(--cyan)}.note{font-size:1.2rem;color:var(--muted);margin-top:1rem}.loading{position:absolute;top:0;right:0;bottom:0;left:0;z-index:30;display:grid;place-items:center;overflow:hidden}.load-bg{position:absolute;top:-5%;right:-5%;bottom:-5%;left:-5%;background:linear-gradient(180deg,#57a9e6,#a9d8f2 42%,#f4e3c3 54%,#1586c5 56%,#0b4f86)}.load-bg:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(circle at 70% 36%,rgba(255,236,190,.9),transparent 22%),linear-gradient(180deg,#030c1a26,#030c1ad9)}.load-inner{position:relative;text-align:center;width:min(90vw,56rem)}.load-logo{font-style:italic;font-weight:900;font-size:8rem;letter-spacing:-.2rem;line-height:1;text-shadow:0 .4rem 1.4rem rgba(0,0,0,.45)}.load-logo b{color:#ff3b47;margin-left:1rem}.load-sub{margin-top:.6rem;font-size:1.5rem;letter-spacing:.5rem;font-weight:600}.load-bar{margin:3rem auto 1rem;width:70%;height:.8rem;border-radius:1rem;background:#fff3;overflow:hidden}.load-bar i{display:block;height:100%;width:0;background:linear-gradient(90deg,#ffd23f,var(--cyan));box-shadow:0 0 .6rem var(--cyan);transition:width .3s}.load-status{font-size:1.5rem;color:#dbeaf5;min-height:2rem}.start-btn{margin-top:1.6rem;padding:1.2rem 4rem;border-radius:3rem;font-size:2.2rem;font-weight:900;font-style:italic;color:#2a1600;background:linear-gradient(180deg,#ffd34d,#f4950c);box-shadow:0 .5rem 2rem #ffaa1e99;animation:pulse 1.6s ease-in-out infinite}.load-facts{margin-top:1.6rem;font-size:1.35rem;color:#cfe2f0;min-height:2rem}.load-credit{margin-top:2.4rem;font-size:1.05rem;color:#fff9}@media(max-aspect-ratio:4/3),(max-height:460px){.routebar{left:1.6rem;right:1.6rem;top:7.6rem;height:3.2rem}.rb-from{font-size:1.5rem}.rb-to b,.rb-mark.cp .lbl small{display:none}.brand{top:1rem;left:1.6rem}.brand-title{font-size:2.6rem}.brand-sub{font-size:.8rem;letter-spacing:.45rem}.left-col{top:13rem;left:1.6rem;width:19rem}.travel{display:none}.right-col{top:13rem}.minimap{width:13rem;height:13rem}.next-cp{width:19rem}.next-img,.radio{display:none}body.touch .right-col{top:15rem}.tile{width:6.6rem;height:6.6rem;font-size:1.15rem}.nitro{left:calc(50% + 15.6rem)}}@media(max-aspect-ratio:4/3)and (min-height:461px){.bottom-right{flex-direction:column;bottom:2.2rem}}@media(max-height:460px){.left-col .mission:nth-child(2){display:none}.routebar{top:1rem;left:20rem;right:37rem}.brand-title{font-size:2.3rem}.left-col,.right-col{top:7rem}.top-right{top:1rem}.minimap{width:11.5rem;height:11.5rem}.next-cp{width:17.5rem;padding:.5rem 2.2rem .5rem .8rem}.next-name{font-size:1.8rem}.chip.limit{position:fixed;left:calc(50% - 21rem);bottom:3rem}.rb-mark.cp+.rb-mark.cp .lbl{display:none}body.touch .chip.limit{left:auto;right:calc(max(1.6rem,env(safe-area-inset-right)) + 29rem);bottom:2.4rem}body.touch .touch-menu{top:5.8rem;right:1.8rem}body.touch .right-col{top:10.4rem}body.touch .chip.station{display:none}.steer button{width:8rem;height:8rem}.pedal{width:7.4rem;height:10rem}.pedal.gas{height:11.6rem}body.touch .nitro{right:calc(max(1.6rem,env(safe-area-inset-right)) + 17.8rem);width:6.8rem;height:6.8rem}}.shifter{--cell: 6.7rem;--slot: 5.6rem;position:relative;width:calc(var(--cell) * 2 + var(--slot));height:calc(var(--cell) * 2 + var(--slot));pointer-events:auto;border-radius:1.6rem;background:radial-gradient(circle at 50% 40%,#10243cbf,#040e1cbf);border:.18rem solid rgba(255,255,255,.18);box-shadow:inset 0 .3rem 1rem #00000080}.shifter-gate{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%}.shifter-gate path{fill:none;stroke:#0000008c;stroke-width:14;stroke-linecap:round}.shifter button{position:absolute;left:calc(var(--x) * var(--cell));top:calc(var(--y) * var(--cell));width:var(--slot);height:var(--slot);border-radius:50%;display:grid;place-items:center;color:#ffffffbf;font-weight:900;font-style:italic;font-size:1.9rem;background:transparent}.shifter button[data-gear=R]{color:#ff8a7a}.shifter button[data-gear=N]{font-size:1.5rem}.shifter-knob{position:absolute;left:calc(var(--x, 1) * var(--cell) + (var(--slot) - 4.8rem) / 2);top:calc(var(--y, 1) * var(--cell) + (var(--slot) - 4.8rem) / 2);width:4.8rem;height:4.8rem;border-radius:50%;display:grid;place-items:center;pointer-events:none;color:#fff;font-style:italic;font-weight:900;font-size:2.1rem;background:radial-gradient(circle at 38% 30%,#5b6470,#1d232b 55%,#0b0e12);box-shadow:0 .5rem 1rem #0009,inset 0 .15rem .2rem #ffffff59,0 0 0 .2rem var(--cyan);transition:left .22s cubic-bezier(.3,1.4,.5,1),top .22s cubic-bezier(.3,1.4,.5,1)}body:not(.shifter-mode) .shifter{display:none}body.shifter-mode #tGas{display:none}body.shifter-mode.touch .nitro{right:calc(max(1.6rem,env(safe-area-inset-right)) + 31rem)}@media(max-height:460px){.shifter{--cell: 5.9rem;--slot: 5rem}.shifter-knob{width:4.3rem;height:4.3rem;font-size:1.9rem;left:calc(var(--x, 1) * var(--cell) + .35rem);top:calc(var(--y, 1) * var(--cell) + .35rem)}body.shifter-mode.touch .nitro{right:calc(max(1.6rem,env(safe-area-inset-right)) + 27rem)}body.shifter-mode.touch .chip.limit{right:calc(max(1.6rem,env(safe-area-inset-right)) + 27.6rem);bottom:11.2rem}body.shifter-mode.touch .next-cp{display:none}}@media(prefers-reduced-motion:reduce){.shifter-knob{transition:none}}.load-inner.choosing .load-sub,.load-inner.choosing .load-bar,.load-inner.choosing .load-status,.load-inner.choosing .start-btn,.load-inner.choosing .load-facts,.load-inner.choosing .load-credit{display:none}.load-inner.choosing{width:min(94vw,64rem)}.load-inner.choosing .load-logo{font-size:4.6rem;transition:font-size .3s}.steer-choice{margin-top:1.4rem;animation:sc-in .4s cubic-bezier(.2,.9,.3,1) both}.sc-title{font-size:2.6rem;font-weight:900;font-style:italic;letter-spacing:-.03rem;text-shadow:0 .3rem 1rem rgba(0,0,0,.45)}.sc-cards{display:flex;justify-content:center;gap:1.6rem;margin-top:1.4rem}.sc-card{position:relative;display:flex;flex-direction:column;align-items:center;gap:.5rem;width:26rem;padding:1.4rem 1.6rem 1.6rem;border-radius:1.6rem;text-align:center;background:linear-gradient(180deg,#0c2644f0,#05101ef0);border:1px solid var(--line);box-shadow:var(--glow),0 1rem 2.4rem #00000059;transition:transform .18s cubic-bezier(.3,1.4,.5,1),border-color .18s,box-shadow .18s;animation:sc-in .45s cubic-bezier(.2,.9,.3,1) both}.sc-card+.sc-card{animation-delay:.08s}.sc-card b{font-size:2.2rem;font-weight:900;font-style:italic}.sc-card small{font-size:1.35rem;line-height:1.35;color:var(--muted);max-width:21rem}.sc-card:focus-visible{outline:.25rem solid var(--cyan);outline-offset:.3rem}.sc-card:active{transform:scale(.97)}.sc-card.picked{border-color:var(--cyan);box-shadow:0 0 0 .2rem #27e3ff8c,0 0 2.4rem #27e3ff73;transform:scale(1.03)}@media(hover:hover){.sc-card:hover{transform:translateY(-.3rem);border-color:var(--line-strong);box-shadow:0 0 1.4rem #27e3ff59,0 1.2rem 2.6rem #0006}}.sc-tag{position:absolute;top:-1rem;left:50%;transform:translate(-50%);padding:.3rem 1rem;border-radius:2rem;white-space:nowrap;font-size:1.05rem;font-weight:800;letter-spacing:.08rem;text-transform:uppercase;color:#2a1600;background:linear-gradient(180deg,#ffd34d,#f4a20c);box-shadow:0 .3rem .8rem #ffaa1e73}.sc-note{margin-top:1.2rem;font-size:1.25rem;color:#ffffffb3}.sc-art{width:18rem;height:10.8rem;overflow:visible}.sc-arc{fill:none;stroke:#27e3ff73;stroke-width:2.4;stroke-linecap:round;stroke-dasharray:3 5}.sc-arc-tip{fill:none;stroke:var(--cyan);stroke-width:2.6;stroke-linecap:round;stroke-linejoin:round}.sc-phone{transform-origin:60px 39px;animation:sc-rock 2.6s ease-in-out infinite}.sc-body{fill:#0b1d33;stroke:var(--cyan);stroke-width:2.4;filter:drop-shadow(0 0 4px rgba(39,227,255,.55))}.sc-screen{fill:#7cc6f2}.sc-sea{fill:#1f86c8}.sc-road{fill:#3a4452}.sc-lane{fill:none;stroke:#fff;stroke-width:1.4;stroke-linecap:round}.sc-sun{fill:#ffd34d}.sc-track{fill:#ffffff12;stroke:#ffffff26}.sc-buttons .sc-lane{stroke:#ffffff80}.sc-car{transform-box:fill-box;transform-origin:center;animation:sc-car 2.6s ease-in-out infinite}.sc-car rect{fill:#ff4d4d}.sc-car .sc-glass{fill:#bfe9ff}.sc-pad circle{fill:#061426b3;stroke:#27e3ff80;stroke-width:2}.sc-pad path{fill:none;stroke:#fff;stroke-width:3;stroke-linecap:round;stroke-linejoin:round}.sc-pad-l circle{animation:sc-pad-l 2.6s ease-in-out infinite}.sc-pad-r circle{animation:sc-pad-r 2.6s ease-in-out infinite}@keyframes sc-in{0%{opacity:0;transform:translateY(1.2rem)}}@keyframes sc-rock{0%,to{transform:rotate(-15deg)}50%{transform:rotate(15deg)}}@keyframes sc-car{0%,12%,50%,62%,to{transform:translate(0)}25%,37%{transform:translate(-9px) rotate(-6deg)}75%,87%{transform:translate(9px) rotate(6deg)}}@keyframes sc-pad-l{0%,12%,45%,to{fill:#061426b3;stroke:#27e3ff80}20%,37%{fill:#27e3ff59;stroke:var(--cyan)}}@keyframes sc-pad-r{0%,62%,95%,to{fill:#061426b3;stroke:#27e3ff80}70%,87%{fill:#27e3ff59;stroke:var(--cyan)}}@media(max-height:460px){.load-inner.choosing .load-logo{font-size:3.8rem}.steer-choice{margin-top:.8rem}.sc-title{font-size:2.3rem}.sc-cards{margin-top:1.6rem}.sc-card{width:24rem;padding:1.2rem 1.4rem 1.3rem;gap:.35rem}.sc-art{width:15rem;height:9rem}.sc-card b{font-size:2rem}.sc-card small{font-size:1.25rem}.sc-note{margin-top:.9rem}}.tilt-wheel{position:absolute;left:max(1.6rem,env(safe-area-inset-left));bottom:2rem;width:10.4rem;height:10.4rem;border-radius:50%;display:none;flex-direction:column;align-items:center;justify-content:center;gap:.3rem;pointer-events:auto;background:radial-gradient(circle at 50% 40%,#102844cc,#040e1ccc);border:.18rem solid rgba(39,227,255,.55);box-shadow:var(--glow)}.tilt-wheel span{font-size:1.05rem;font-weight:800;letter-spacing:.08rem;text-transform:uppercase;color:var(--muted)}.tw-icon{width:6rem;height:6rem;overflow:visible;will-change:transform}.tw-rim{fill:none;stroke:#fff;stroke-width:4.2}.tw-spokes{fill:none;stroke:#fff;stroke-width:3.6;stroke-linecap:round}.tw-hub{fill:#0b1d33;stroke:#fff;stroke-width:3}.tw-mark{stroke:var(--cyan);stroke-width:5;stroke-linecap:round;filter:drop-shadow(0 0 3px var(--cyan))}.tilt-wheel:active{transform:scale(.95)}.tilt-wheel.centred{animation:tw-centred .6s ease-out}@keyframes tw-centred{0%{box-shadow:0 0 #2ee59dcc;border-color:var(--green)}to{box-shadow:0 0 0 1.6rem #2ee59d00}}body.tilt-mode .tilt-wheel{display:flex}body.tilt-mode .steer{display:none}@media(max-height:460px){.tilt-wheel{width:9rem;height:9rem}.tw-icon{width:5.2rem;height:5.2rem}}@media(prefers-reduced-motion:reduce){.sc-phone{animation:none;transform:rotate(-12deg)}.sc-car,.sc-pad-l circle,.sc-pad-r circle,.steer-choice,.sc-card,.tilt-wheel.centred{animation:none}}
