:root{font-family:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:#f5f6f8;background:#0a0f18;font-synthesis:none}*{box-sizing:border-box}body{margin:0;min-height:100dvh}button,input{font:inherit}button{cursor:pointer;touch-action:manipulation}button:disabled{opacity:.55;cursor:wait}a{color:#ffcf48}body:has(.game:not([hidden])){overflow:hidden}.topbar{height:62px;padding:0 max(18px,env(safe-area-inset-right));display:flex;align-items:center;justify-content:space-between;background:#101825;border-bottom:1px solid #2c3b4d}.brand{display:flex;gap:12px;align-items:center}.logo{font-size:27px;letter-spacing:-3px;font-weight:900}.accent{color:#ffcb38}.brand b{font-size:14px;letter-spacing:1px;display:block}.brand small{display:block;font-size:9px;color:#93a5b9;letter-spacing:1.4px}.back{font-size:12px;font-weight:750;text-decoration:none}.setup{max-width:610px;margin:0 auto;padding:34px 18px 54px}.eyebrow{font-size:11px;letter-spacing:2px;color:#ffca3a;font-weight:850}h1{font-size:clamp(40px,9vw,70px);line-height:1.02;letter-spacing:-2px;margin:16px 0}h1 em{color:#ffcb38;font-style:normal}.lead{color:#b4c0d0;line-height:1.55}.panel{margin:18px 0;background:#142031;border:1px solid #354458;padding:19px;border-radius:16px}.panel label{display:block;font-size:12px;font-weight:850;letter-spacing:.9px;margin-bottom:9px}.panel input{width:100%;border-radius:9px;background:#091323;border:1px solid #56657d;padding:13px;color:#fff;outline:0}.panel input:focus{border-color:#ffcb38}.coordinates{display:flex;gap:12px}.inline-actions{display:flex;gap:12px;align-items:center;margin-top:12px}.fine,.legal{font-size:12px;line-height:1.55;color:#9bb0c5}.panel a{font-size:12px}.primary{display:flex;align-items:center;justify-content:space-between;width:100%;border:0;padding:17px 20px;background:#ffd348;color:#10121b;border-radius:10px;font-weight:900;font-size:15px}.secondary{color:#f4f7fc;border:1px solid #607188;background:#1a2a3b;border-radius:9px;padding:11px 13px;font-weight:700;font-size:12px}.status{min-height:36px;margin-top:12px;color:#b4c5d9;font-size:13px}.status.error{color:#ff9995}.game{height:calc(100dvh - 62px);position:relative}.scene{height:100%;width:100%;position:relative;background:#0a121e}#pano{position:absolute;inset:0}#miniMap{position:absolute;right:12px;top:92px;width:min(32vw,225px);height:155px;border:2px solid #e6e8ec;border-radius:12px;box-shadow:0 10px 20px #0008;overflow:hidden;z-index:6}.hud-top{position:absolute;top:10px;left:12px;right:12px;display:flex;gap:8px;align-items:start;z-index:7;pointer-events:none}.metric{background:#0a1521de;min-width:88px;padding:8px 10px;border-radius:10px;display:flex;align-items:baseline;gap:5px}.metric small{font-size:9px;letter-spacing:.5px;color:#a9c0d3}.metric b{font-size:22px}.exit{pointer-events:auto;margin-left:auto;background:#121b28eb;border:1px solid #748394;border-radius:9px;color:#fff;font-size:12px;font-weight:850;padding:11px}.drive-message{position:absolute;top:83px;left:12px;max-width:min(55vw,330px);color:#fff;padding:8px 10px;border-radius:7px;background:#111c2bd9;z-index:6;font-size:12px;pointer-events:none}.hud-bottom{position:absolute;bottom:0;left:0;right:0;padding:12px max(14px,env(safe-area-inset-right)) max(16px,env(safe-area-inset-bottom));background:linear-gradient(transparent,#060d16dd 18%,#08111cf7);z-index:7;display:flex;gap:12px;align-items:end;justify-content:space-between;pointer-events:none}.hud-bottom button,.hud-bottom input{pointer-events:auto}.steer-panel{flex:1;max-width:360px;background:#0a192be9;border:1px solid #3d536c;border-radius:13px;padding:12px}.steer-heading{display:flex;justify-content:space-between;align-items:center;color:#f1f4f7;font-size:11px;font-weight:850;letter-spacing:.5px;gap:12px}.steer-heading b{color:#ffcb38}#steerSlider{width:100%;accent-color:#ffcc48;height:30px;touch-action:pan-y}.steer-actions{display:flex;gap:7px;flex-wrap:wrap}.steer-actions button{padding:9px;font-size:10px}.pedals{display:flex;align-items:end;gap:12px}.pedal{height:130px;width:95px;border-radius:15px;border:3px solid #f2f4f9;box-shadow:0 7px 20px #0008;color:white;font-size:35px;font-weight:900;touch-action:none;user-select:none;-webkit-user-select:none;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px}.pedal span{font-size:17px;letter-spacing:.6px}.pedal.brake{background:linear-gradient(#df595c,#791e2c);border-color:#ff9595}.pedal.gas{background:linear-gradient(#31b976,#12603f);border-color:#80f0b3}.pedal.pressed{transform:scale(.95);filter:brightness(1.3)}[hidden]{display:none!important}@media(min-width:900px){#pano{width:70%}#miniMap{width:30%;height:100%;top:0;right:0;border:0;border-radius:0;box-shadow:none}.hud-top{right:31%}.drive-message{top:77px}.hud-bottom{right:30%;max-width:70%}}@media(max-width:570px){.topbar{height:56px}.brand b{font-size:12px}.brand small{font-size:8px}.game{height:calc(100dvh - 56px)}.back{font-size:11px}.hud-top{gap:4px;left:7px;right:7px;top:7px}.metric{min-width:auto;padding:6px}.metric small{font-size:8px}.metric b{font-size:17px}#miniMap{width:33%;height:118px;top:74px;right:8px}.drive-message{top:65px;left:8px;max-width:60%;font-size:10px}.hud-bottom{padding:8px max(7px,env(safe-area-inset-right)) max(9px,env(safe-area-inset-bottom));gap:7px}.steer-panel{padding:8px;min-width:0}.steer-heading{font-size:9px;flex-wrap:wrap}.steer-actions{gap:4px}.steer-actions button{font-size:9px;padding:8px 5px}.pedals{gap:6px}.pedal{width:72px;height:109px;font-size:23px;border-width:2px;border-radius:12px}.pedal span{font-size:12px}.exit{font-size:10px;padding:9px}.inline-actions{flex-wrap:wrap}}