:root{--bg:#0b0f17;--glass:rgba(14,20,32,.62);--glass-2:rgba(20,28,44,.72);--border:rgba(255,255,255,.1);--border-strong:rgba(255,255,255,.2);--text:#f2f5fa;--text-muted:#93a0b8;--primary:#dc2626;--primary-2:#f97316;--secondary:#2563eb;--accent:#22c55e;--amber:#f5a524;--sand:#e0b878;--sand-deep:#a9803f;--danger:#f87171;--radius:14px;--radius-sm:9px;--radius-lg:22px;--shadow:0 8px 32px rgba(0,0,0,.45);--shadow-lg:0 20px 60px rgba(0,0,0,.6);--mono:"Share Tech Mono",ui-monospace,monospace;--sans:"Cairo","Segoe UI",system-ui,sans-serif}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html,body{height:100%;overflow:hidden;background:var(--bg);color:var(--text);font-family:var(--sans);-webkit-font-smoothing:antialiased;overscroll-behavior:none}.mono{font-family:var(--mono);letter-spacing:.02em}.hidden{display:none!important}#app{position:fixed;inset:0;overflow:hidden}canvas#scene{position:absolute;inset:0;width:100%;height:100%;display:block;touch-action:none}button{font-family:inherit;cursor:pointer}#fade{position:fixed;inset:0;background:#000;pointer-events:none;opacity:0;transition:opacity .45s ease;z-index:90}#fade.on{opacity:1}.overlay-screen{position:fixed;inset:0;z-index:60;display:flex;align-items:center;justify-content:center;padding:1.25rem;background:radial-gradient(ellipse at 50% 0%,rgba(245,165,36,.18),transparent 55%),radial-gradient(ellipse at 80% 100%,rgba(37,99,235,.16),transparent 55%),linear-gradient(180deg,#0b0f17,#12161f 60%,#090c12)}.loader-inner,.menu-inner{width:100%;max-width:660px;text-align:center;animation:fadeUp .5s ease both}.brand-mark{font-weight:800;font-size:clamp(2rem,6vw,3.4rem);letter-spacing:-.02em;line-height:1;background:linear-gradient(100deg,#ffe6b8,var(--sand) 40%,#b9822f 90%);-webkit-background-clip:text;background-clip:text;color:transparent}.brand-mark span{color:transparent;background:linear-gradient(100deg,#7fb0ff,var(--secondary));-webkit-background-clip:text;background-clip:text}.brand-mark.big{margin-bottom:.75rem}.tag{color:var(--text-muted);font-size:clamp(.85rem,2.4vw,1.02rem);max-width:520px;margin:0 auto 1.75rem}.progress{height:6px;border-radius:999px;background:#ffffff14;overflow:hidden;max-width:420px;margin:0 auto .8rem}.progress i{display:block;height:100%;width:0%;border-radius:999px;background:linear-gradient(90deg,var(--primary),var(--amber),var(--sand));transition:width .3s ease}.load-msg{font-family:var(--mono);font-size:.78rem;color:var(--text-muted)}.menu-grid{display:grid;gap:.7rem;max-width:320px;margin:0 auto 1.5rem}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.85rem 1.5rem;border-radius:999px;font-size:.95rem;font-weight:700;border:none;transition:transform .16s ease,box-shadow .16s ease,background .2s ease}.btn-primary{background:linear-gradient(135deg,var(--primary),var(--primary-2));color:#fff;box-shadow:0 10px 34px #dc262652}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 16px 44px #dc262680}.btn-ghost{border:1.5px solid var(--border-strong);background:transparent;color:var(--text)}.btn-ghost:hover{background:#ffffff12;transform:translateY(-2px)}.set-row{display:flex;flex-wrap:wrap;gap:1rem;justify-content:center;margin-bottom:1.25rem}.switch{display:inline-flex;align-items:center;gap:.5rem;font-size:.8rem;color:var(--text-muted);cursor:pointer;text-transform:none;letter-spacing:0}.switch input{display:none}.switch span{width:34px;height:19px;border-radius:999px;background:#ffffff24;position:relative;transition:background .2s}.switch span:after{content:"";position:absolute;top:2px;right:2px;width:15px;height:15px;border-radius:50%;background:#fff;transition:transform .2s}.switch input:checked+span{background:linear-gradient(135deg,var(--accent),#16a34a)}.switch input:checked+span:after{transform:translate(-15px)}.menu-foot{font-size:.72rem;color:#5d6a80;font-family:var(--mono)}.menu-inner h2{font-size:1.5rem;margin-bottom:1.5rem;font-weight:800}.help-inner .keys{display:grid;grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:.6rem;margin-bottom:1.75rem;text-align:start}.k{display:flex;align-items:center;gap:.45rem;font-size:.82rem;color:var(--text-muted);background:var(--glass);border:1px solid var(--border);border-radius:var(--radius-sm);padding:.5rem .7rem}kbd{font-family:var(--mono);font-size:.72rem;background:#ffffff1a;border:1px solid var(--border-strong);border-radius:5px;padding:.12rem .4rem;color:var(--text)}.pause-stats{display:flex;gap:1.5rem;justify-content:center;flex-wrap:wrap;font-family:var(--mono);font-size:.8rem;color:var(--text-muted);margin-top:1.25rem}@keyframes fadeUp{0%{opacity:0;transform:translateY(22px)}to{opacity:1;transform:none}}#hud{position:absolute;inset:0;pointer-events:none;z-index:20;animation:fadeIn .6s ease both}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.panel{background:var(--glass);backdrop-filter:blur(14px) saturate(140%);-webkit-backdrop-filter:blur(14px) saturate(140%);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow)}.lbl{display:block;font-size:.6rem;letter-spacing:.14em;color:var(--text-muted);text-transform:uppercase;margin-bottom:.1rem}.val{font-size:1.02rem;font-weight:700;color:var(--text)}.hud-top{position:absolute;top:1rem;left:50%;transform:translate(-50%);display:flex;gap:.6rem;align-items:stretch}.hud-clock,.hud-compass,.hud-stats{padding:.55rem .9rem;text-align:center}.hud-stats{display:flex;gap:1.4rem}.hud-stats>div{text-align:center}.hud-top-left{position:absolute;top:1rem;right:1rem;display:flex;flex-direction:column;gap:.5rem;align-items:flex-end;max-width:44vw}.hud-place{padding:.5rem .9rem;font-size:.75rem;color:var(--sand);font-weight:600}.rose{width:26px;height:26px;margin:0 auto .1rem;border-radius:50%;border:1.5px solid var(--border-strong);position:relative}.rose i{position:absolute;left:50%;top:50%;width:2px;height:11px;margin:-11px 0 0 -1px;background:linear-gradient(180deg,var(--primary),transparent);transform-origin:50% 100%}.toast-wrap{display:flex;flex-direction:column;gap:.4rem;align-items:flex-end}.toasts{position:absolute;top:5.6rem;right:1rem;display:flex;flex-direction:column;gap:.45rem;align-items:flex-end;z-index:30}.toast{padding:.5rem .9rem;border-radius:var(--radius-sm);font-size:.78rem;font-weight:600;background:var(--glass-2);backdrop-filter:blur(10px);border:1px solid var(--border);animation:fadeUp .28s ease both;box-shadow:var(--shadow)}.toast.good{border-color:#22c55e66;color:#86efac}.toast.warn{border-color:#f5a52473;color:#fcd34d}.toast.info{border-color:#2563eb66;color:#93c5fd}.hud-bottom{position:absolute;bottom:1rem;right:1rem;left:1rem;display:flex;align-items:flex-end;justify-content:space-between;gap:1rem}.cluster{display:flex;flex-direction:column;gap:.5rem;align-items:flex-end}.minimap-panel{padding:.55rem;line-height:0;position:relative}#minimap{width:200px;height:200px;border-radius:10px;display:block}.map-legend{line-height:1.3;font-size:.6rem;color:var(--text-muted);display:flex;gap:.5rem;align-items:center;justify-content:center;padding-top:.4rem;flex-wrap:wrap}.dot{display:inline-block;width:8px;height:3px;border-radius:2px;margin-inline-end:2px}.dot.road{background:#8e9bb3}.dot.track{background:#c9a86a}.gauges{display:flex;align-items:center;gap:1rem;padding:.75rem 1rem}.gauge{position:relative;width:118px;height:118px}#tach{width:118px;height:118px;display:block}.speedbox{display:flex;flex-direction:column;align-items:center;min-width:110px}#speed{font-size:3rem;line-height:1;font-weight:700;background:linear-gradient(180deg,#fff,#b9c6dd);-webkit-background-clip:text;background-clip:text;color:transparent;text-shadow:0 0 26px rgba(255,255,255,.12)}.speedbox .unit{font-size:.68rem;color:var(--text-muted);letter-spacing:.16em;margin-bottom:.35rem}.gear-row{display:flex;align-items:baseline;gap:.4rem}.gear{font-size:1.15rem;color:var(--amber);font-weight:700}.bars{width:120px;margin-top:.6rem;display:flex;flex-direction:column;gap:.35rem}.bar{display:flex;align-items:center;gap:.45rem;font-size:.6rem}.bar .lbl{margin:0;flex:0 0 34px}.track{flex:1;height:6px;border-radius:999px;background:#ffffff1a;overflow:hidden}.track i{display:block;height:100%;border-radius:999px;background:linear-gradient(90deg,var(--accent),#eab308);transition:width .25s ease}.track.alt i{background:linear-gradient(90deg,var(--secondary),#22d3ee)}.hintbar{padding:.45rem .85rem;font-size:.7rem;color:var(--text-muted);font-family:var(--mono);max-width:440px;text-align:center}#hud.photo .hud-bottom,#hud.photo .hud-top,#hud.photo .hud-top-left{opacity:.12;transition:opacity .3s}#hud.photo:after{content:"وضع التصوير — P للخروج · عجلة الفأرة للتقريب";position:absolute;bottom:1.5rem;left:50%;transform:translate(-50%);font-size:.75rem;color:#fff;background:#00000073;padding:.4rem .9rem;border-radius:999px;backdrop-filter:blur(8px);font-family:var(--mono)}.photo-bars:before,.photo-bars:after{content:"";position:fixed;left:0;right:0;height:7vh;background:#000;z-index:25;pointer-events:none}.photo-bars:before{top:0}.photo-bars:after{bottom:0}#touch{position:absolute;inset:0;z-index:22;pointer-events:none}.pedals{position:absolute;bottom:1.25rem;left:1.25rem;display:flex;gap:.75rem;pointer-events:auto}.pedal{width:88px;height:88px;border-radius:50%;border:1.5px solid var(--border-strong);background:var(--glass);backdrop-filter:blur(10px);color:#fff;font-weight:700;font-size:.85rem;display:flex;align-items:center;justify-content:center;user-select:none;-webkit-user-select:none;transition:transform .1s,background .15s}.pedal.gas{background:linear-gradient(135deg,#22c55e59,#22c55e1f);border-color:#22c55e80}.pedal.brake{background:linear-gradient(135deg,#dc262659,#dc26261f);border-color:#dc262680}.pedal:active{transform:scale(.92)}.steer{position:absolute;bottom:1.25rem;right:1.25rem;display:flex;gap:1rem;pointer-events:auto}.sbtn{width:80px;height:80px;border-radius:50%;border:1.5px solid var(--border-strong);background:var(--glass);backdrop-filter:blur(10px);color:#fff;font-size:1.3rem;display:flex;align-items:center;justify-content:center;user-select:none;-webkit-user-select:none}.sbtn:active{transform:scale(.92);background:#ffffff24}@media (max-width:900px){#minimap{width:132px;height:132px}#tach,.gauge{width:86px;height:86px}#speed{font-size:2.1rem}.hud-stats{display:none}.bars{width:96px}}@media (max-width:640px){.hud-top{top:.6rem;gap:.35rem;transform:translate(-50%) scale(.9)}.hud-top-left{top:.6rem;right:.6rem}.hud-place{font-size:.62rem;padding:.35rem .6rem;max-width:40vw;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.hud-bottom{bottom:.5rem;right:.5rem;left:.5rem;flex-direction:column-reverse;align-items:stretch;gap:.5rem}.cluster{align-items:center}.gauges{width:100%;justify-content:center;gap:.6rem;padding:.5rem .7rem}.minimap-panel,.hintbar{display:none}.toasts{top:3.4rem;right:.6rem}.pedal{width:70px;height:70px;font-size:.72rem}.sbtn{width:64px;height:64px}.menu-inner h2{font-size:1.2rem}.help-inner .keys{grid-template-columns:1fr 1fr}.k{font-size:.7rem;padding:.4rem .5rem}}@media (prefers-reduced-motion:reduce){*{animation-duration:.01ms!important;transition-duration:.01ms!important}}#app:after{content:"";position:fixed;inset:0;pointer-events:none;z-index:18;background:radial-gradient(ellipse at 50% 50%,transparent 38%,rgba(10,8,4,.42) 100%),linear-gradient(180deg,rgba(255,196,120,.05),transparent 30%,rgba(20,14,6,.1));mix-blend-mode:multiply}