.ship-systems{width:min(1320px,96vw)}
.ship-systems nav{display:flex;gap:7px;flex-wrap:wrap;margin-bottom:14px}
.ship-systems .system-layout{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(280px,1fr);gap:22px}
.ship-systems .system-map{display:block;width:100%;max-height:64dvh;background:#101f2a;border:1px solid #3c5569;border-radius:5px}
.system-map [role=button]{cursor:pointer}.system-map [role=button]:focus{outline:none;filter:brightness(1.6)}
.ship-systems figure{margin:16px 0}.ship-systems canvas{width:100%;height:auto;display:block;background:#02070b;border:1px solid #455c70}
.ship-systems figcaption{font:12px/1.6 monospace;color:#a6c5d8;padding:5px 0}
.ship-systems select{max-width:100%;width:100%;margin:8px 0}.ship-systems .system-summary{padding:14px;background:#1d3143;border-left:3px solid #8cb7cf}
.ship-systems .system-actions{display:grid;grid-template-columns:1fr 1fr;gap:9px}.ship-systems p{font-size:14px;color:#b7c8d4}
.ship-systems .system-keypad{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;max-width:320px;margin:15px auto}.system-keypad button{min-height:56px;font-size:22px}
.ship-systems input{display:block;box-sizing:border-box;width:320px;max-width:100%;margin:auto;padding:14px;font:28px monospace;letter-spacing:.5em;color:#d4e5ef;background:#0c1a25;border:1px solid #607e92}
.ship-systems [aria-pressed=true]{background:#385570}.ship-systems .system-camera-wall{grid-template-columns:1fr 1fr}
@media(max-width:750px){.ship-systems .system-layout{grid-template-columns:1fr}.ship-systems .system-map{max-height:48dvh}.ship-systems .system-camera-wall{grid-template-columns:1fr}.ship-systems .system-actions{grid-template-columns:1fr}}

.ship-systems .system-camera-wall figure{margin:0;min-width:0}.ship-systems .system-camera-wall canvas{height:clamp(100px,calc((82dvh - 230px)/2),300px);object-fit:contain}
/* Full-window driving: the transparent view exposes the existing GPU canvas. */
dialog.ship-systems.robot-pilot{position:fixed;inset:0;margin:0;padding:0;width:100vw;max-width:none;height:100dvh;max-height:none;border:0;border-radius:0;background:transparent;box-shadow:none;overflow:hidden}
dialog.ship-systems.robot-pilot::backdrop{background:transparent;backdrop-filter:none}
dialog.ship-systems.robot-pilot>header{display:none!important}
dialog.ship-systems.robot-pilot>section{padding:0;margin:0;height:100%;overflow:hidden;background:transparent}
.robot-pilot-surface{position:absolute;inset:0;z-index:0;outline:none;cursor:crosshair;touch-action:none}
.robot-pilot-hud{position:absolute;left:0;right:0;top:0;z-index:2;display:flex;gap:18px;align-items:center;padding:16px 22px;background:linear-gradient(#07111ff0,#07111fc0);border-bottom:1px solid #486378;color:#c8deed;font:12px monospace}
.robot-pilot-hud strong{letter-spacing:.15em;white-space:nowrap}.robot-pilot-hud .system-actions{display:flex;gap:8px;margin-left:auto}.robot-pilot-hud button{padding:9px 14px!important;white-space:nowrap}
.robot-pilot-footer{position:absolute;bottom:0;left:0;right:0;z-index:2;display:flex;align-items:center;justify-content:space-between;padding:10px 22px;background:linear-gradient(transparent,#07111fdf);pointer-events:none}.robot-pilot-footer p{font:12px monospace;text-shadow:0 1px 3px #000}.robot-pilot-footer .robot-drive{pointer-events:auto;margin:0}
@media(max-width:760px){.robot-pilot-hud{padding:9px;gap:8px;flex-wrap:wrap}.robot-pilot-hud span{font-size:10px}.robot-pilot-hud .system-actions{margin:0}.robot-pilot-footer{padding:10px;flex-direction:column;gap:5px}.robot-pilot-footer p{font-size:10px}}