.drive-page{overflow:hidden;background:#080a0d;color:#f4f4f4}.drive-page main{max-width:none;width:100%;margin:0}.drive-page .site-header{min-height:60px;padding-top:12px;padding-bottom:12px;background:#101113}.drive-page .site-main-nav a[aria-current=location]{background:#ffffff14;color:#fff}
.drive-viewport{position:relative;height:calc(100dvh - var(--game-header,60px));min-height:320px;isolation:isolate;background:#080d15;overflow:hidden;touch-action:none}.drive-viewport,.drive-viewport *{user-select:none;-webkit-user-select:none;-webkit-touch-callout:none}.drive-viewport #drive-world{position:absolute;inset:0;width:100%;height:100%;touch-action:none;cursor:grab}.drive-viewport #drive-world:active{cursor:grabbing}.drive-viewport #drive-world:focus{outline:none}.drive-viewport .telemetry-label{display:none}.drive-viewport::after{content:"";position:absolute;inset:0;pointer-events:none;background:radial-gradient(ellipse at 50% 44%,transparent 50%,#02050940 100%);z-index:1}
#drive-load{position:absolute;inset:0;display:grid;place-items:center;z-index:10;background:#101113e8;font-size:13px;color:#ddd}#drive-load[hidden]{display:none}
.game-top,.drive-settings,.action-status,.drive-readout,.hud-gas,.game-bottom{z-index:2}.game-top{position:absolute;top:max(18px,env(safe-area-inset-top));left:max(24px,env(safe-area-inset-left));right:max(24px,env(safe-area-inset-right));display:flex;justify-content:space-between;align-items:start;gap:12px;pointer-events:none}.assist-badge{display:flex;align-items:center;gap:8px;padding:7px 10px;border-radius:5px;background:#161719b8;font-size:11px}.assist-badge small{display:block;font-size:9px;font-weight:400;line-height:1.5;color:#c7c8ca}.status-dot{width:5px;height:5px;background:#fff;border-radius:50%}.assist-badge[data-enabled=false] .status-dot{background:#73767a}
.view-buttons,.mode-buttons{display:flex;align-items:center;gap:3px;padding:3px;border-radius:5px;background:#17181be0;pointer-events:auto}.view-buttons button,.drive-settings button{min-height:34px;padding:6px 11px;border:0;border-radius:3px;color:#c8c9cc;background:transparent;font-size:11px;touch-action:manipulation;white-space:nowrap}.view-buttons button[aria-pressed=true],.mode-buttons button[aria-pressed=true]{background:#f2f2f2;color:#17181b}.view-buttons #fullscreen{border-left:1px solid #ffffff1f;border-radius:0 3px 3px 0}
.drive-settings{position:absolute;top:72px;left:24px;display:flex;gap:7px;align-items:stretch;pointer-events:auto}.mode-buttons>span{padding:0 8px;font-size:11px;color:#ddd}.mode-buttons button{min-width:32px;padding-inline:9px}.drive-settings #downforce,.drive-settings #sound{display:flex;align-items:center;gap:6px;background:#17181be0;border:1px solid #ffffff20;border-radius:5px}.drive-settings #downforce[aria-pressed=true],.drive-settings #sound[aria-pressed=true]{color:#fff;border-color:#ffffff65}.drive-settings small{font-size:9px;color:#aaa}.drive-settings b{font-weight:500}
.action-status{position:absolute;top:24px;left:50%;transform:translateX(-50%);max-width:calc(100% - 32px);padding:7px 12px;border-left:2px solid #e82127;background:#151619ce;color:#fff;font-size:12px;text-align:center;pointer-events:none}.action-status[hidden]{display:none}
.drive-readout{position:absolute;left:28px;bottom:85px;display:flex;gap:10px;align-items:center;color:#fff;text-shadow:0 2px 10px #000b;pointer-events:none;font-variant-numeric:tabular-nums}.drive-readout>strong{font:400 54px/1 system-ui;letter-spacing:-2px;min-width:30px}.drive-readout>div{display:flex;flex-direction:column;gap:5px;font-size:10px;color:#c7c7c7}.drive-readout b{font:500 17px/1 system-ui;color:#fff}
.hud-gas{position:absolute;right:28px;bottom:90px;width:134px;color:#fff;text-shadow:0 2px 8px #000c;font-variant-numeric:tabular-nums}.gas-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px}.gas-heading a{color:#ccc;text-decoration:none;font-size:10px}.gas-heading strong{font:500 18px/1 system-ui}.fuel-track{height:3px;background:#ffffff24;overflow:hidden}#gas-fill{height:100%;width:100%;transform-origin:left;background:#f2f2f2}.hud-gas small{display:block;margin-top:7px;font-size:10px;color:#ccc}.hud-gas[data-phase=using] #gas-fill{background:#e82127}
.game-bottom{position:absolute;left:max(24px,env(safe-area-inset-left));right:max(24px,env(safe-area-inset-right));bottom:max(17px,env(safe-area-inset-bottom));display:flex;align-items:center;justify-content:space-between;gap:12px}.drive-keyboard{display:flex;flex-wrap:wrap;gap:12px;text-shadow:0 1px 5px #000}.drive-keyboard span{font-size:9px;color:#c4c4c7;white-space:nowrap}.drive-viewport kbd{font:9px system-ui;color:#ddd;border:1px solid #ffffff35;border-radius:2px;display:inline-block;padding:2px 4px;margin-right:3px;min-width:16px;text-align:center}
.game-bottom button{min-height:44px;border:1px solid #ffffff38;border-radius:5px;background:#17181be0;color:#eee;touch-action:none}.game-bottom #kick{display:flex;align-items:center;justify-content:center;gap:12px;min-width:124px;padding:9px 16px;font:500 11px system-ui;letter-spacing:1px;color:#fff;background:#e82127;border-color:#e82127}.game-bottom #kick:disabled{background:#252629d9;color:#919397;border-color:#ffffff20}.game-bottom #kick kbd{color:inherit;border-color:#ffffff55;margin:0}.touch-only{display:none}.game-bottom button.held{background:#f4f4f4;color:#111;border-color:#fff}
.drive-viewport button:focus-visible,.gas-heading a:focus-visible{outline:2px solid #fff;outline-offset:3px}.drive-viewport:fullscreen,.drive-viewport.is-fullscreen{position:fixed;inset:0;width:100vw;height:100dvh;min-height:0;border:0;z-index:1000}
@media(max-width:1000px){.action-status{top:120px}.drive-keyboard{gap:7px}.drive-keyboard span{font-size:8px}}
@media(pointer:coarse),(max-width:700px){.drive-page .site-header{padding-top:9px;padding-bottom:9px}.game-top{top:max(10px,env(safe-area-inset-top));left:10px;right:10px;gap:6px}.assist-badge{padding:5px 8px;font-size:10px;gap:6px}.assist-badge small{font-size:8px}.view-buttons{gap:1px}.view-buttons button{font-size:9px;padding:6px 8px;min-height:36px}.view-buttons #full-label{display:none}.view-buttons #fullscreen{font-size:15px;padding:5px 8px}.drive-settings{top:60px;left:10px;right:10px;gap:5px}.drive-settings button{font-size:10px;min-height:38px;padding:6px 8px}.mode-buttons>span{font-size:10px;padding:0 6px}.mode-buttons button{min-width:30px}.drive-settings small{display:none}.drive-settings #downforce,.drive-settings #sound{gap:4px}.action-status{top:112px;font-size:11px;width:max-content}.drive-readout{left:16px;bottom:88px;gap:7px}.drive-readout>strong{font-size:42px}.drive-readout b{font-size:15px}.hud-gas{right:16px;bottom:88px;width:112px}.gas-heading strong{font-size:16px}.game-bottom{left:10px;right:10px;bottom:max(14px,env(safe-area-inset-bottom));gap:6px}.drive-keyboard{display:none}.touch-only{display:flex;gap:4px}.game-bottom button{min-width:44px;min-height:50px;padding:6px;font-size:15px}.pedal-buttons button[data-key=Space]{font-size:10px}.game-bottom #kick{min-width:54px;min-height:50px;max-width:76px;padding:6px;font-size:8px;letter-spacing:0}.game-bottom #kick kbd{display:none}}
@media(max-height:520px) and (orientation:landscape){.drive-viewport{min-height:0}.game-top{top:7px;left:12px;right:12px}.assist-badge small{display:none}.view-buttons button{min-height:30px;padding:5px 9px}.drive-settings{top:48px;left:12px;right:auto}.drive-settings button{min-height:32px;padding:5px 9px}.drive-readout{left:14px;bottom:72px}.drive-readout>strong{font-size:36px}.hud-gas{right:14px;bottom:76px}.game-bottom{bottom:10px}.action-status{top:13px;font-size:10px}.drive-keyboard{max-width:calc(100vw - 180px)}}

/* Leave the centre of the cabin clear for its moving yoke. */
.drive-viewport:has([data-camera-mode=driver]) .drive-readout{bottom:auto;top:124px;left:28px}
.drive-viewport:has([data-camera-mode=driver]) .hud-gas{bottom:auto;top:124px;right:28px}
@media(pointer:coarse),(max-width:700px){.drive-viewport:has([data-camera-mode=driver]) .drive-readout{top:118px;left:16px}.drive-viewport:has([data-camera-mode=driver]) .hud-gas{top:118px;right:16px}}
@media(max-height:520px) and (orientation:landscape){.drive-viewport:has([data-camera-mode=driver]) .drive-readout{top:91px;left:14px}.drive-viewport:has([data-camera-mode=driver]) .hud-gas{top:91px;right:14px}}