*{margin:0;padding:0;box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body{width:100%;height:100%;overflow:hidden;background:#0b0f14;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;color:#eef2f5}#game-canvas{position:fixed;inset:0;width:100%;height:100%;display:block;touch-action:none}.hidden{display:none!important}.overlay{position:fixed;inset:0;z-index:40;display:flex;align-items:center;justify-content:center;padding:14px;background:linear-gradient(180deg,#050a108c,#050a10d1);overflow-y:auto}.menu-card{width:min(520px,96vw);background:#0d141ceb;border:1px solid rgba(255,255,255,.09);border-radius:18px;padding:22px 20px;box-shadow:0 18px 50px #00000080;backdrop-filter:blur(8px)}.logo{font-size:30px;font-weight:800;letter-spacing:.3px}.logo span{color:#ffb02e}.logo.small{font-size:22px;margin-bottom:14px}.tagline{opacity:.85;margin:6px 0 16px;font-size:14px;line-height:1.45}.field-label{display:block;font-size:12px;text-transform:uppercase;letter-spacing:1px;opacity:.7;margin:14px 0 7px}.car-select{display:grid;grid-template-columns:1fr 1fr;gap:8px}.car-card{text-align:left;padding:12px;border-radius:12px;border:1px solid rgba(255,255,255,.12);background:#16222d;color:#eef2f5;cursor:pointer}.car-card strong{display:block;font-size:15px;margin-bottom:4px}.car-card small{opacity:.75;line-height:1.35;display:block}.car-card.selected{border-color:#ffb02e;background:#1d2c1f;outline:2px solid rgba(255,176,46,.35)}.chip-row{display:flex;gap:7px;flex-wrap:wrap}.chip{padding:9px 13px;border-radius:999px;border:1px solid rgba(255,255,255,.14);background:#16222d;color:#eef2f5;cursor:pointer;font-size:14px}.chip.selected{background:#ffb02e;color:#191104;font-weight:700;border-color:#ffb02e}.btn-primary{width:100%;margin-top:18px;padding:15px;font-size:17px;font-weight:800;border:none;border-radius:13px;background:linear-gradient(180deg,#ffc44d,#f59e0b);color:#1c1302;cursor:pointer;box-shadow:0 8px 22px #f59e0b59}.btn-primary:active{transform:scale(.985)}.btn-ghost{width:100%;margin-top:9px;padding:12px;font-size:15px;border-radius:12px;border:1px solid rgba(255,255,255,.15);background:#ffffff0d;color:#eef2f5;cursor:pointer}.controls-info{margin-top:16px;font-size:12.5px;line-height:1.6;opacity:.75;background:#ffffff0a;padding:10px 12px;border-radius:10px}.setting-row{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 0;border-bottom:1px solid rgba(255,255,255,.07)}.setting-row label{font-size:14.5px}.setting-row select,.setting-row input[type=range]{min-width:150px;padding:8px;border-radius:8px;background:#16222d;color:#eef2f5;border:1px solid rgba(255,255,255,.15);font-size:14px}#hud{position:fixed;inset:0;z-index:20;pointer-events:none;padding:env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left)}#hud button{pointer-events:auto;touch-action:none;user-select:none;-webkit-user-select:none}#top-bar{position:absolute;top:calc(8px + env(safe-area-inset-top));left:10px;right:10px;display:flex;gap:8px;align-items:center}#fps-label{margin-left:auto;font-size:11px;background:#00000073;padding:5px 8px;border-radius:8px;opacity:.85}#top-bar .icon-btn:last-child{margin-left:0}.icon-btn{width:44px;height:44px;border-radius:12px;border:1px solid rgba(255,255,255,.18);background:#080e149e;color:#fff;font-size:19px;cursor:pointer;backdrop-filter:blur(4px)}#btn-camera{margin-left:auto}#fps-label{margin-left:8px}#landscape-hint{position:absolute;top:64px;left:50%;transform:translate(-50%);background:#000000a6;padding:8px 14px;border-radius:999px;font-size:13px;display:none;white-space:nowrap}@media (orientation: portrait) and (pointer: coarse){#landscape-hint{display:block}}#dash-cluster{position:absolute;bottom:calc(14px + env(safe-area-inset-bottom));left:50%;transform:translate(-50%);text-align:center;background:#050a0f94;border:1px solid rgba(255,255,255,.1);border-radius:16px;padding:8px 18px 9px;min-width:172px;backdrop-filter:blur(5px)}#speed-value{font-size:44px;font-weight:800;line-height:1;font-variant-numeric:tabular-nums}#speed-unit{font-size:12px;opacity:.75;letter-spacing:1px;text-transform:uppercase}#rpm-bar-wrap{height:6px;background:#ffffff26;border-radius:99px;margin:7px 0 5px;overflow:hidden}#rpm-bar{height:100%;width:10%;background:linear-gradient(90deg,#37d67a,#ffb02e 70%,#ef4444);border-radius:99px;transition:width .06s linear}#dash-row{display:flex;gap:12px;justify-content:center;font-size:13px;font-weight:600}#gear-label{color:#ffb02e;font-size:16px;font-weight:800}#mode-label{font-size:10px;letter-spacing:1.2px;opacity:.6;margin-top:3px}#steer-zone{position:absolute;left:calc(14px + env(safe-area-inset-left));bottom:calc(86px + env(safe-area-inset-bottom));width:172px;height:172px;border-radius:50%;pointer-events:auto;touch-action:none}#steer-wheel-ui{position:absolute;inset:0;border-radius:50%;border:15px solid #1b242c;box-shadow:inset 0 0 0 3px #39434c,0 10px 26px #0000008c,inset 0 0 24px #000000b3;background:radial-gradient(circle,#1e283240 0 34%,#0000001f 60%,#00000059);will-change:transform}.sw-spoke{position:absolute;left:50%;top:50%;width:14px;height:74px;background:linear-gradient(180deg,#4a565f,#232c33);border-radius:7px;transform-origin:50% 0}.sw-s1{transform:translate(-50%) rotate(90deg)}.sw-s2{transform:translate(-50%) rotate(210deg)}.sw-s3{transform:translate(-50%) rotate(330deg)}.sw-hub{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:56px;height:56px;border-radius:50%;background:radial-gradient(circle at 35% 30%,#55616b,#20282f 70%);display:flex;align-items:center;justify-content:center;font-weight:800;color:#ffb02e;border:2px solid #46525c;font-size:15px}#left-buttons{position:absolute;left:calc(24px + env(safe-area-inset-left));bottom:calc(16px + env(safe-area-inset-bottom));display:flex;gap:9px;align-items:center}.round-btn{min-width:52px;height:52px;padding:0 10px;border-radius:50%;border:1px solid rgba(255,255,255,.2);background:#080e14a8;color:#fff;font-size:16px;font-weight:700;cursor:pointer}.round-btn.active{background:#b91c1c;border-color:#f87171}.round-btn.wide{border-radius:14px;font-size:15px}.round-btn small{display:block;font-size:8px;letter-spacing:.6px;opacity:.8}#pedals{position:absolute;right:calc(16px + env(safe-area-inset-right));bottom:calc(14px + env(safe-area-inset-bottom));display:flex;gap:12px;align-items:flex-end}.pedal{border:1px solid rgba(255,255,255,.22);color:#fff;cursor:pointer;border-radius:14px;display:flex;align-items:flex-start;justify-content:center;padding-top:10px;font-weight:800;letter-spacing:1px;box-shadow:0 10px 24px #00000073}.pedal.brake{width:74px;height:104px;background:linear-gradient(180deg,#7f1d1d,#450a0a)}.pedal.gas{width:74px;height:148px;background:linear-gradient(180deg,#14532d,#052e16)}.pedal.pressed{filter:brightness(1.65);transform:translateY(3px) scale(.98)}.pedal span{font-size:13px;opacity:.92}#gear-buttons{position:absolute;right:calc(20px + env(safe-area-inset-right));bottom:calc(178px + env(safe-area-inset-bottom));display:flex;flex-direction:column;gap:8px}#gear-buttons .round-btn{border-radius:12px;font-size:13px}#toast{position:fixed;z-index:60;left:50%;bottom:190px;transform:translate(-50%);background:#000000c7;color:#fff;padding:10px 16px;border-radius:999px;font-size:14px;pointer-events:none}#loading{position:fixed;inset:0;z-index:5;display:flex;align-items:center;justify-content:center;font-size:15px;opacity:.8;pointer-events:none}@media (max-width:560px){#steer-zone{width:148px;height:148px;bottom:calc(80px + env(safe-area-inset-bottom))}#dash-cluster{min-width:138px;padding:6px 12px}#speed-value{font-size:34px}.pedal.brake{width:64px;height:92px}.pedal.gas{width:64px;height:128px}}