/* Native-port instruments inspired by the source video's green outlined HUD.
   Rust supplies the radar and crosshair; this overlay adds neither. */
.game-viewport{position:relative;isolation:isolate;width:100%;max-width:800px;aspect-ratio:4/3;margin-inline:auto;min-height:0;background:#000}
.drive-panel .game-viewport>canvas{width:100%;height:100%;max-height:none;object-fit:contain}
.game-overlay{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);pointer-events:none;user-select:none;color:#75ff78;font:14px/1.3 ui-monospace,SFMono-Regular,Consolas,monospace;font-variant-numeric:tabular-nums;text-shadow:0 1px 2px #000,1px 0 2px #000}
.game-instruments{position:absolute;left:4%;top:4%;display:grid;grid-template-columns:9.3em 8.6em minmax(0,14em);gap:1.6em;max-width:92%;padding:.55em .7em;background:linear-gradient(90deg,#000b,#0005 80%,transparent);border-left:1px solid #75ff7870}
.game-instrument-column{display:flex;flex-direction:column;gap:.22em;min-width:0}
.game-readout{display:flex;justify-content:space-between;gap:.65em;white-space:nowrap}
.game-readout>span,.game-weapon>span{font-size:.78em;text-transform:uppercase;letter-spacing:.07em}
.game-readout>strong,.game-weapon>strong{font-size:1.05em;font-weight:400;line-height:1.15}
.game-hull-track{height:.38em;border:1px solid #a8e9a8;margin:.05em 0 .2em}
.game-hull-track>i{display:block;height:100%;background:#43ed56}
.game-overlay[data-low-hull=true] .game-hull-track>i{background:#ff615e}
.game-overlay[data-low-hull=true] [data-hud=hull]{color:#ffaaa4}
.game-weapon{display:flex;flex-direction:column;gap:.4em;min-width:0}
.game-weapon>small{font-size:.65em;color:#b4d6b7}
.game-notice{position:absolute;top:23%;left:50%;transform:translateX(-50%);width:max-content;max-width:90%;text-align:center;padding:.45em .75em;background:#020b06dc;border:1px solid #75ff7870;font-size:.92em;line-height:1.4}
.game-notice[data-tone=danger]{color:#ffaaa4;border-color:#ff615e}
.game-notice[data-tone=shield]{color:#9ddfff;border-color:#63bcff}
.game-overlay[data-hit=true]{box-shadow:inset 0 0 0 3px #ff615e,inset 0 0 24px #ff615e55}
@media(max-width:600px){.game-instruments{gap:.7em;grid-template-columns:8.7em 7.7em minmax(0,1fr);left:2%;max-width:96%;padding:.4em}.game-weapon>small{display:none}}

.game-hud-announcement{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
@media(max-width:600px){.game-notice{top:auto;bottom:4%}}

/* Fullscreen uses every pixel; controls float above the game instead of reserving rows. */
.drive-panel:is(:fullscreen,:-webkit-full-screen){position:fixed;inset:0;width:100vw;height:100vh;max-width:none;margin:0;padding:0;border:0;border-radius:0;display:block;overflow:hidden;background:#000}
.drive-panel:is(:fullscreen,:-webkit-full-screen)>.game-viewport{position:absolute;inset:0;width:100%;height:100%;max-width:none;margin:0;aspect-ratio:auto}
.drive-panel:is(:fullscreen,:-webkit-full-screen)>.game-viewport>canvas{display:block;width:100%;height:100%;max-width:none;max-height:none;margin:0;border:0;outline:none;object-fit:fill}
.drive-panel:is(:fullscreen,:-webkit-full-screen)>:not(.game-viewport):not(.mission-results):not(#mp-rematch):not(.drive-controls){display:none!important}
.drive-panel:is(:fullscreen,:-webkit-full-screen)>.mission-results{position:absolute;z-index:4;inset:15% 10%;max-height:70%;overflow:auto;margin:0;background:#101b1bf5}
.drive-panel:is(:fullscreen,:-webkit-full-screen)>#mp-rematch{position:absolute;z-index:4;bottom:12%;left:50%;transform:translateX(-50%)}
.drive-panel:is(:fullscreen,:-webkit-full-screen)>.drive-controls{display:none}
.game-fullscreen-exit,.game-fullscreen-play{display:none}
.drive-panel:is(:fullscreen,:-webkit-full-screen) .game-fullscreen-exit{display:block;position:absolute;z-index:5;right:max(12px,env(safe-area-inset-right));top:max(12px,env(safe-area-inset-top));padding:8px 12px;background:#07100dcc;opacity:.55}
.drive-panel:is(:fullscreen,:-webkit-full-screen) .game-fullscreen-exit:is(:hover,:focus-visible){opacity:1}
@media(pointer:coarse){.drive-panel:is(:fullscreen,:-webkit-full-screen)>.drive-controls{position:absolute;z-index:4;bottom:max(12px,env(safe-area-inset-bottom));left:12px;right:12px;display:flex;justify-content:center;background:#07100d99;padding:8px;border-radius:8px}}

.drive-panel:is(:fullscreen,:-webkit-full-screen) .game-fullscreen-play{display:block;position:absolute;z-index:5;right:max(154px,calc(env(safe-area-inset-right) + 142px));top:max(12px,env(safe-area-inset-top));padding:8px 12px;background:#07100dcc;opacity:.55}
.drive-panel:is(:fullscreen,:-webkit-full-screen) .game-fullscreen-play:is(:hover,:focus-visible){opacity:1}
@media(max-width:600px){.drive-panel:is(:fullscreen,:-webkit-full-screen) .game-instruments{top:max(56px,calc(env(safe-area-inset-top) + 48px))}}