@font-face{font-family:Vazir;src:url(assets/vazir.woff2)format('woff2');font-style:normal;font-weight:100 900;font-display:swap}:root{color-scheme:dark;--bg:#101c29;--panel:#122332;--ink:#f4f6f3;--muted:#a0b4bd;--accent:#bff18a;--teal:#61d9cf}*{box-sizing:border-box}body{margin:0;background:radial-gradient(ellipse at 10% 10%,#203b44 0,transparent 52%),radial-gradient(ellipse at 95% 80%,#2b293c,transparent 55%),var(--bg);color:var(--ink);font:14px/1.75 Vazir,Tahoma,sans-serif;min-height:100svh}button,summary,a{-webkit-tap-highlight-color:transparent}button{font:inherit;color:inherit;cursor:pointer;border:1px solid #ffffff1b;background:#ffffff08;touch-action:manipulation}button:focus-visible,summary:focus-visible,canvas:focus-visible{outline:2px solid var(--accent);outline-offset:3px}button:disabled{cursor:default;opacity:.4}button:not(:disabled):hover{filter:brightness(1.14)}[hidden]{display:none!important}#app{width:min(100% - 24px,560px);margin:0 auto;padding:15px 0 18px}.topbar{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px;padding:0 3px}.brand{display:flex;gap:10px;align-items:center}.brand-mark{height:40px;width:40px;background:var(--accent);color:#203627;display:grid;place-items:center;border-radius:12px;font:700 30px Georgia;transform:skew(-8deg)}.eyebrow{font-size:10px;color:var(--muted);letter-spacing:.4px}h1{font-size:24px;line-height:1.25;margin:0}.tools{display:flex;gap:6px;direction:ltr}.icon{width:36px;height:36px;border-radius:12px;font-size:19px}.icon[aria-pressed=true]{color:var(--accent);border-color:#bff18a66;background:#bff18a10}.race-wrap{position:relative;width:min(100%,calc((100svh - 188px)*.706));min-width:min(100%,310px);aspect-ratio:480/680;margin:auto;overflow:hidden;border-radius:24px;border:1px solid #879ca343;box-shadow:0 25px 85px #0005;background:#6ba6be;isolation:isolate}#road{display:block;width:100%;height:100%;touch-action:none;user-select:none;outline-offset:-4px!important}.race-hud{position:absolute;inset:0;pointer-events:none}.hud-top{display:flex;justify-content:space-between;padding:16px 16px 8px;background:linear-gradient(#0b192cbb,transparent);text-shadow:0 1px 8px #0008}.score-box,.route-box{display:flex;flex-direction:column}.score-box span,.route-box span{font-size:10px;color:#f0f5f8d9}.score-box strong{font-size:28px;line-height:1.3}.route-box{text-align:left}.route-box b{font-size:13px}.route-track{height:3px;background:#ffffff35;margin:0 16px;border-radius:6px;direction:rtl;overflow:hidden}.route-track div{height:100%;background:var(--accent);width:0}.toast{position:absolute;top:19%;left:50%;transform:translate(-50%,-5px);background:#112939d9;border:1px solid #d5fff133;border-radius:24px;padding:5px 15px;white-space:nowrap;font-size:12px;opacity:0;transition:opacity .15s}.toast.show{opacity:1;transform:translate(-50%,0)}.instrument{position:absolute;bottom:15px;left:17px;direction:ltr;text-shadow:0 1px 6px #000}.instrument>span{color:#d4e1e5;font-size:10px}.instrument>div{display:flex;align-items:baseline;gap:6px}.instrument b{font-size:34px;font-weight:700;line-height:1.1}.instrument small{font:9px Arial;color:#ddd}.speed-track{height:3px;width:85px;margin-top:6px;background:#ffffff35}.speed-track i{background:#bff18a;display:block;height:3px;width:30%}.boost-light{position:absolute;right:16px;bottom:19px;display:grid;grid-template-columns:8px auto;gap:1px 6px;text-shadow:0 1px 6px #000}.boost-dot{width:6px;height:6px;border-radius:50%;background:#b5d0cd;align-self:center}.boost-light b{font-size:11px}.boost-light small{grid-column:2;color:#d3e1e3;font-size:9px}.boosting .boost-dot{background:#d8ff95;box-shadow:0 0 12px #d8ff95}.boosting .boost-light b{color:#d8ff95}.overlay{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:linear-gradient(#0b22352b,#10232d6b 40%,#071722c9);padding:15px;overflow:auto;scrollbar-width:thin}.panel{width:100%;max-width:390px;background:linear-gradient(135deg,#122b39f7,#101e2bf5);border:1px solid #fff2;border-radius:22px;padding:20px;box-shadow:0 20px 55px #07111d70}.panel-top{display:flex;align-items:center;justify-content:space-between}.tag{color:var(--accent);font-size:10px}.live-dot{font-size:9px;color:#a0b6b7}.live-dot:before{content:'';display:inline-block;width:5px;height:5px;background:#9fcd99;border-radius:50%;margin-left:4px}.panel h2{font-size:28px;line-height:1.5;margin:12px 0 2px}.panel h2 em{font-style:normal;color:var(--accent)}.subtitle{font-size:11px;color:var(--muted);margin:0 0 15px}.mode-tabs{display:flex;gap:5px;padding:4px;border:1px solid #ffffff12;border-radius:13px;background:#06132066}.mode-tabs button{flex:1;border:0;background:0 0;padding:6px;border-radius:9px;font-size:13px}.mode-tabs small{display:block;font-size:9px;color:var(--muted)}.mode-tabs button[aria-pressed=true]{background:#bff18a;color:#213c27}.mode-tabs button[aria-pressed=true] small{color:#3b573d}.mode-info{display:grid;grid-template-columns:1fr auto;padding:12px 2px 10px;align-items:center}.mode-info span{font-size:11px;color:#dce7e7}.mode-info strong{font-size:23px;color:var(--accent)}.mode-info small{grid-column:1/-1;font-size:9px;color:var(--muted)}.garage{border-top:1px solid #ffffff13;border-bottom:1px solid #ffffff13;display:flex;gap:8px;direction:ltr;padding:7px 0;margin:4px 0 10px}.garage-preview{width:83px;flex-shrink:0;display:flex;align-items:center;flex-direction:column;justify-content:center;background:radial-gradient(#69ceca16,transparent 65%)}#garage-car{width:80px;height:84px;object-fit:contain}.garage-preview span{font-size:9px;color:var(--teal);line-height:1.2}.garage-options{direction:rtl;flex:1}.section-label{color:var(--muted);font-size:9px}.model-options{display:grid;grid-template-columns:1fr 1fr;gap:4px}.model-options button{font-size:9px;padding:2px 5px;border-radius:6px}.model-options button[aria-pressed=true]{border-color:#61d9cf70;color:#8de1db;background:#61d9cf10}.paints{display:flex;gap:7px;margin-top:8px;justify-content:space-between}.paints button{width:19px;height:19px;border-radius:50%;background:var(--paint);border:2px solid transparent;box-shadow:inset 0 0 0 1px #ffffff26}.paints button[aria-pressed=true]{outline:2px solid #fff;outline-offset:2px}.touch-guide{display:flex;justify-content:space-between;gap:3px;margin:7px 0 12px}.touch-guide span{font-size:9px;color:#bdd1d5}.touch-guide b{color:#dbf1e1;font-size:16px;vertical-align:middle;margin-left:3px}.primary{width:100%;background:var(--accent);color:#163228;border:0;border-radius:12px;padding:11px;font-weight:700;font-size:14px;display:flex;justify-content:center;align-items:center;gap:12px;min-height:44px}.primary span{font-size:20px;line-height:1}.fine-print{color:#829ba8;text-align:center;font-size:8px;line-height:1.8;margin:9px 0 0}.stage-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:5px;margin-top:11px}.stage-grid button{font-size:9px;border-radius:8px;padding:5px 0}.stage-grid button span{font-size:11px;display:block}.stage-grid button[aria-pressed=true]{border-color:#bff18a80;background:#bff18a16;color:var(--accent)}#stage-note{font-size:9px;color:var(--muted);min-height:30px;margin:6px 0}.result-panel h2{font-size:30px}.result-stats{display:grid;grid-template-columns:repeat(3,1fr);background:#08182455;border-radius:12px;padding:13px 0;margin:15px 0 20px;text-align:center}.result-stats div+div{border-right:1px solid #ffffff13}.result-stats small{display:block;color:var(--muted);font-size:10px}.result-stats strong{font-size:22px;color:var(--accent)}.secondary{display:block;width:100%;border-radius:12px;padding:9px;margin-top:8px}.text-button{display:block;border:none;background:0 0;color:#aec6cc;margin:10px auto 0;padding:5px;font-size:11px}.drive-controls{display:flex;gap:8px;width:min(100%,430px);margin:10px auto 0;touch-action:none}.drive-controls button{height:46px;border-radius:13px;background:#182e3b;user-select:none;-webkit-user-select:none}.drive-controls>button:first-child,.drive-controls>button:last-child{width:64px;font:24px Arial}.drive-controls #throttle{flex:1;display:flex;gap:10px;align-items:center;justify-content:center;direction:rtl}.drive-controls small{font-size:9px;color:var(--muted)}.drive-controls span{font-size:12px}#throttle[aria-pressed=true]{background:#bff18a;color:#173828}#throttle[aria-pressed=true] small{color:#446641}.underbar{display:flex;justify-content:space-between;margin-top:10px;font-size:9px;color:#8da8b3;gap:10px}.help{border-top:1px solid #ffffff14;margin-top:12px;padding-top:9px;color:#91aab5;font-size:10px}.help summary{cursor:pointer}.help p{line-height:2}.help a{color:#bff18a}.lite *{transition:none!important}.lite .brand-mark{transform:none}@media(max-width:390px){#app{width:calc(100% - 16px);padding-top:10px}.race-wrap{border-radius:18px}.overlay{padding:10px}.panel{padding:13px;border-radius:16px}.panel h2{font-size:25px;margin-top:7px}.subtitle{margin-bottom:10px}.mode-info{padding:7px 2px}.garage{padding:5px 0;margin:2px 0 6px}.garage-preview{width:70px}.garage-preview canvas{width:70px;height:74px}.touch-guide{margin:5px 0 8px}.primary{padding:8px}.fine-print{font-size:7.5px}.stage-grid{margin-top:7px}.stage-grid button{padding:3px}#stage-note{font-size:8px;margin:5px 0;min-height:26px}.underbar span:last-child{display:none}.hud-top{padding:12px}.route-track{margin:0 12px}.instrument b{font-size:28px}.boost-light{right:12px}.brand h1{font-size:22px}}@media(max-height:720px) and (min-width:600px){.race-wrap{min-width:350px}.overlay{align-items:flex-start}.menu-panel{margin:10px 0}.topbar{margin-bottom:8px}}.drive-controls{gap:6px}.drive-controls button{touch-action:none;min-width:0}.drive-controls>button:first-child,.drive-controls>button:last-child{width:48px}.drive-controls #throttle,.drive-controls #brake,.drive-controls #horn{display:flex;flex-direction:column;gap:0;justify-content:center;align-items:center;flex:1}.drive-controls #throttle{flex:1.4}#brake[aria-pressed=true]{background:#e96355;color:#fff}#brake[aria-pressed=true] small{color:#fff}.overlay{align-items:safe center}.garage-preview{width:100px}#garage-car{width:100px;height:94px}@media(max-width:390px){.drive-controls>button:first-child,.drive-controls>button:last-child{width:40px}.garage-preview{width:80px}}@media(prefers-reduced-motion:reduce){*{transition:none!important}}