:root{color-scheme:dark;font-family:ui-sans-serif,system-ui,sans-serif;background:#0b1018;color:#e0e8ed}*{box-sizing:border-box}body{margin:0}main{max-width:1400px;margin:0 auto;padding:30px 32px}.access-shell{min-height:100vh;display:grid;place-items:center;padding:24px}.access-card{width:min(100%,460px);padding:32px;border:1px solid #344959;background:#111b26;box-shadow:0 24px 80px #0008}.access-card h1{margin:8px 0 14px}.access-card>p:not(.eyebrow):not(.status):not(.error){color:#aec0ce;font-size:14px;line-height:1.6}.access-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:22px}.access-primary{background:#29493f;border-color:#79b49d}.access-card .error{margin-top:18px}header{display:flex;align-items:end;justify-content:space-between;gap:24px;margin-bottom:26px}h1{font-size:29px;font-weight:600;margin:5px 0 0;letter-spacing:-.5px}.eyebrow{font:11px ui-monospace,monospace;color:#80ded0;letter-spacing:2px;margin:0}.scope{color:#8c9eae;line-height:1.65;font-size:13px;margin:0;text-align:right}label{display:flex;align-items:center;gap:9px;color:#aec0ce;font-size:12px}.file,button,select{border:1px solid #344959;border-radius:3px;background:#182938;color:#e5eeee;font:inherit;font-size:12px;padding:9px 12px}.file,button{cursor:pointer}.file:has(input:disabled),button:disabled,select:disabled{opacity:.45;cursor:wait}.file:hover,button:hover:enabled{border-color:#80ded0}.file{position:relative;background:#21423f;border-color:#52877e}.file input{position:absolute;inset:0;width:100%;opacity:0;cursor:pointer}.file:focus-within,button:focus-visible,select:focus-visible{outline:2px solid #80ded0;outline-offset:3px}input[type=checkbox]{accent-color:#80ded0}.status{color:#94a9b9;font-size:12px;min-height:18px;margin:13px 0}.error{padding:12px;color:#ffc9b6;background:#39241e;border:1px solid #a76750;font-size:13px;overflow-wrap:anywhere}canvas{display:block;width:100%;height:100%}code{font-family:ui-monospace,monospace;color:#c4dbd9}footer{display:flex;justify-content:space-between;gap:18px;color:#8c9eae;font:12px ui-monospace,monospace}@media (max-width:700px){main{padding:20px 12px}header{align-items:start;flex-direction:column;gap:14px}.scope{text-align:left}footer{flex-direction:column;gap:0}}.battle{border:1px solid #344554;background:#0a111b;overflow:hidden}.battle-topbar{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:18px 22px 10px}.prototype-badge{font:10px ui-monospace,monospace;letter-spacing:2px;color:#c5a967}.battle h2{font-size:23px;font-weight:500;margin:6px 0}.battle-actions{display:flex;flex-wrap:wrap;align-items:center;gap:10px}.battle-clock{font:13px ui-monospace,monospace;color:#8c9eae;min-width:35px}.primary-action{background:#29493f;border-color:#79b49d}kbd{font:10px ui-monospace,monospace;color:#9ab6ad;border:1px solid #4e7366;border-radius:2px;margin-left:12px;padding:2px 4px}.battle-help{min-height:18px;font-size:12px;color:#a5b8c6;padding:0 22px;margin:7px 0 15px}.battle>.error{margin:10px 20px}.encounter-ship{background:#080d17;min-width:0}.encounter-canvas{position:relative;aspect-ratio:16/9;overflow:hidden;margin:8px 12px 12px}.encounter-stage{position:absolute;inset:0}.encounter-canvas:fullscreen{display:grid;place-items:center;width:100vw;height:100vh;margin:0;aspect-ratio:auto;background:#000}.encounter-canvas:fullscreen .encounter-stage{position:relative;width:min(100vw,177.7778vh);height:min(100vh,56.25vw)}.encounter-canvas:fullscreen[data-display-mode="1"] .encounter-stage{width:100vw;height:100vh}.encounter-canvas:fullscreen[data-display-mode="3"] .encounter-stage{width:min(1280px,100vw,177.7778vh);height:min(720px,100vh,56.25vw)}.ship-live-overlay{position:absolute;inset:0;width:100%;height:100%;overflow:hidden;pointer-events:none}.live-room{cursor:crosshair;pointer-events:auto}.room-hit{fill:transparent;stroke:transparent;stroke-width:2}.live-room:focus .room-hit,.live-room:hover .room-hit{fill:#81e4ca;fill-opacity:.14;stroke:#a5ffe9}.target-room:focus .room-hit,.target-room:hover .room-hit{fill:#ff7b67;fill-opacity:.18;stroke:#ff9b80}.system-label{fill:#282e36;text-anchor:middle;font:700 10px ui-monospace,monospace;pointer-events:none;opacity:.75}.live-door{cursor:pointer;pointer-events:auto}.door-hit{fill:transparent;pointer-events:all}.live-crew{fill:#68d8a2;stroke:#14302e;stroke-width:1.5;cursor:pointer;pointer-events:auto}.live-crew.enemy{fill:#e6857e;stroke:#48272b;cursor:default}.encounter-canvas.native-pointer-ready,.encounter-canvas.native-pointer-ready *{cursor:none}.enemy-ship .door-hit,.enemy-ship .live-crew,.enemy-ship .live-door{pointer-events:none}.crew-selection{fill:transparent;stroke:transparent;stroke-width:2}.live-crew.selected .crew-selection,.live-crew:hover .crew-selection{stroke:#b9ffe6}.live-crew .crew-hp-bg{fill:#29333e;stroke:none}.live-crew .crew-hp{fill:#72f59c;stroke:none}.battle-loading,.ship-art-loading{color:#93a8b8;text-align:center;font-size:13px;padding:50px 20px}.ship-art-loading{position:absolute;inset:0;display:grid;place-items:center}.battle-banner{display:flex;justify-content:center;gap:18px;align-items:center;border-top:1px solid #4c776f;border-bottom:1px solid #4c776f;padding:12px;color:#c2f4e0;background:#18332f}.battle-banner strong{letter-spacing:2px;font-size:14px}.battle-banner span{font-size:12px}.battle-ended{background:#373024;border-color:#9e8653;color:#ffe3a4}.battle-controls{background:#2d3f4b}.battle-controls section{padding:16px;background:#111c27}.battle-controls h3{display:flex;justify-content:space-between;gap:8px;color:#dbe9ee;font-size:13px;font-weight:500;margin:0 0 13px}.battle-controls h3 span{color:#8aa1b1;font-size:10px;font-weight:400}.hud-ship-button{pointer-events:auto;outline:none;cursor:pointer}.hud-ship-button text{fill:#e5f2ee;font:700 14px ui-monospace,monospace;text-anchor:middle;letter-spacing:1px;pointer-events:none}.hud-ship-selected{opacity:0;pointer-events:none}.hud-ship-button:focus-visible .hud-ship-selected,.hud-ship-button:hover .hud-ship-selected{opacity:1}.hud-ship-button[aria-disabled=true]{cursor:default}.crew-hud-row{pointer-events:auto}.crew-hud-card{fill:#101c27;stroke:#65818b;stroke-width:1}.crew-hud-name{fill:#ecf5e5;font:10px ui-monospace,monospace}.crew-hud-row:focus .crew-hud-card,.crew-hud-row:hover .crew-hud-card{fill:#203a41;stroke:#c7e8df}.crew-hud-row.selected .crew-hud-card{fill:#25473e;stroke:#9ee9b4;stroke-width:2}.crew-hud-row[aria-disabled=true]{opacity:.6}.weapon-controls{display:grid;grid-template-columns:1fr 1fr;gap:8px}.weapon-card{border:1px solid #405663;border-radius:3px;overflow:hidden}.weapon-select{width:100%;border:0;border-radius:0;background:transparent;text-align:left;padding:10px}.weapon-select strong{display:block;min-height:28px;color:#e2ece5;font-size:12px}.weapon-select>span{display:block;color:#91a8b7;font-size:9px}.charge-track{height:5px;margin-top:10px;background:#0a1721}.charge-track i{display:block;height:100%;background:#b3dc84}.weapon-power{display:block;width:100%;border:0;border-top:1px solid #36504f;border-radius:0;font-size:10px;padding:6px;background:#162b30}@media (max-width:1000px){.weapons-panel{grid-column:1/-1}}@media (max-width:700px){.battle-topbar{align-items:start;padding:14px;flex-direction:column;gap:10px}.battle-actions{width:100%}.battle-clock{margin-right:auto}.battle-help{padding:0 14px;line-height:1.7}.battle-banner{flex-direction:column;gap:6px}}