html,body,#root{background:#87b5e0;width:100%;height:100%;margin:0;font-family:system-ui,sans-serif;overflow:hidden}.hud{color:#fff;text-align:right;text-shadow:0 2px 6px #00000080;pointer-events:none;-webkit-user-select:none;user-select:none;position:absolute;bottom:24px;right:32px}.hud .speed{font-variant-numeric:tabular-nums;font-size:56px;font-weight:800;line-height:1}.hud .unit{opacity:.8;font-size:16px}.help{color:#fff;pointer-events:none;-webkit-user-select:none;user-select:none;background:#00000059;border-radius:8px;padding:10px 14px;font-size:14px;line-height:1.6;position:absolute;top:16px;left:16px}.logo{pointer-events:none;-webkit-user-select:none;user-select:none;border-radius:50%;width:112px;height:112px;position:absolute;top:16px;right:24px;box-shadow:0 2px 10px #00000059}.laps{color:#fff;text-align:right;text-shadow:0 2px 6px #00000080;font-variant-numeric:tabular-nums;pointer-events:none;-webkit-user-select:none;user-select:none;position:absolute;top:140px;right:24px}.lap-number{letter-spacing:.08em;opacity:.9;font-size:14px;font-weight:700}.lap-current{font-size:40px;font-weight:800;line-height:1.1}.lap-row{opacity:.85;font-size:15px}.lap-row span{min-width:80px;font-weight:700;display:inline-block}.toast{color:#fff;font-variant-numeric:tabular-nums;white-space:pre;opacity:0;pointer-events:none;-webkit-user-select:none;user-select:none;background:#0000008c;border-radius:10px;padding:10px 22px;font-size:30px;font-weight:800;transition:opacity .25s,transform .25s;position:absolute;top:18%;left:50%;transform:translate(-50%,-10px)}.toast.visible{opacity:1;transform:translate(-50%)}.toast.best{background:#963cdccc}.credits{color:#ffffffbf;text-shadow:0 1px 3px #0009;pointer-events:none;-webkit-user-select:none;user-select:none;font-size:11px;position:absolute;bottom:8px;left:12px}.lap-number.warning{color:#ffc24a}.toast.invalid{background:#c83c28d9;font-size:22px}.minimap{pointer-events:none;background:#0f12188c;border-radius:12px;width:200px;height:200px;position:absolute;bottom:96px;right:24px}@media (width<=600px){.logo{width:72px;height:72px}.laps{top:100px}.minimap{width:130px;height:130px}}.race-position{letter-spacing:.04em;font-size:22px;font-weight:800}.touch-controls{display:none}@media (pointer:coarse){html,body{touch-action:none;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none}.touch-controls{display:block}.help{display:none}.minimap{top:calc(12px + env(safe-area-inset-top));left:calc(12px + env(safe-area-inset-left));width:120px;height:120px;bottom:auto;right:auto}.hud{left:50%;right:auto;bottom:calc(14px + env(safe-area-inset-bottom));text-align:center;transform:translate(-50%)}.hud .speed{font-size:40px}.credits{display:none}.logo{width:64px;height:64px;top:calc(12px + env(safe-area-inset-top));right:calc(12px + env(safe-area-inset-right))}.laps{top:calc(84px + env(safe-area-inset-top));right:calc(12px + env(safe-area-inset-right))}.lap-current{font-size:28px}}.touch-button,.steering-wheel,.throttle{touch-action:none;-webkit-tap-highlight-color:transparent;-webkit-user-select:none;user-select:none}.touch-button{color:#fff;letter-spacing:.06em;background:#0f121873;border:2px solid #ffffff8c;border-radius:14px;padding:0;font:800 15px system-ui,sans-serif}.touch-button.held{background:#fff6}.steering-wheel{left:calc(8px + env(safe-area-inset-left));bottom:calc(8px + env(safe-area-inset-bottom));justify-content:center;align-items:center;width:170px;height:170px;display:flex;position:absolute}.wheel{box-sizing:border-box;pointer-events:none;border:14px solid #191c22cc;border-radius:50%;width:150px;height:150px;position:relative;box-shadow:0 0 0 2px #ffffff8c,inset 0 0 0 2px #ffffff59}.wheel.returning{transition:transform .2s ease-out}.wheel-spoke{background:#191c22cc;position:absolute}.wheel-spoke.horizontal{height:12px;margin-top:-6px;top:50%;left:0;right:0}.wheel-spoke.vertical{width:12px;margin-left:-6px;top:50%;bottom:0;left:50%}.wheel-hub{background:#282c34f2;border:2px solid #ffffff73;border-radius:50%;width:40px;height:40px;margin:-20px 0 0 -20px;position:absolute;top:50%;left:50%}.wheel-marker{background:#ffc24a;width:8px;height:14px;margin-left:-4px;position:absolute;top:-14px;left:50%}.throttle{right:calc(20px + env(safe-area-inset-right));bottom:calc(16px + env(safe-area-inset-bottom));color:#fff;letter-spacing:.06em;background:linear-gradient(#1e8c3c73,#1e8c3c26 72%,#aa281e73 72%);border:2px solid #ffffff8c;border-radius:38px;width:76px;height:170px;font:800 13px system-ui,sans-serif;position:absolute}.throttle-label{text-align:center;opacity:.85;pointer-events:none;position:absolute;left:0;right:0}.throttle-label.top{top:10px}.throttle-label.bottom{bottom:8px}.throttle-neutral{pointer-events:none;background:#fff9;height:2px;position:absolute;left:10px;right:10px}.throttle-knob{pointer-events:none;background:#ffffffd9;border-radius:17px;width:60px;height:34px;margin:-17px 0 0 -30px;position:absolute;left:50%;box-shadow:0 2px 6px #0006}.throttle.gas .throttle-knob{background:#6fe08f}.throttle.reverse .throttle-knob{background:#ff8a7a}.touch-menu{top:calc(142px + env(safe-area-inset-top));left:calc(12px + env(safe-area-inset-left));flex-direction:column;gap:8px;display:flex;position:absolute}.touch-menu .small{width:120px;height:36px;font-size:12px}@media (pointer:coarse) and (orientation:portrait){.hud{left:auto;right:calc(16px + env(safe-area-inset-right));bottom:calc(214px + env(safe-area-inset-bottom));text-align:right;transform:none}}@media (pointer:coarse) and (height<=500px){.touch-menu{top:calc(10px + env(safe-area-inset-top));flex-direction:row;left:50%;transform:translate(-50%)}.touch-menu .small{width:96px;height:32px}.minimap{width:100px;height:100px}.logo{width:48px;height:48px}.laps{top:calc(64px + env(safe-area-inset-top))}.race-position{font-size:18px}.lap-current{font-size:22px}.lap-number,.lap-row{font-size:12px}.steering-wheel{width:150px;height:150px}.wheel{border-width:12px;width:130px;height:130px}.throttle{height:140px}}