:root{--bg:#0d1117;--panel:#161b22;--panel-2:#1c232c;--line:#2d3640;--text:#e6edf3;--muted:#8b98a5;--p1:#5aa9ff;--p2:#ff6b5e;--accent:#e3b341;--ok:#3fb950;--bad:#f85149;--space:#0a0f1a;--grid:#18243a;--bm:#ff9f1c;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;color:var(--text);background:var(--bg);font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;font-size:15px;line-height:1.4}*{box-sizing:border-box}body{background:var(--bg);margin:0}button,input,select,textarea{font:inherit;color:inherit}.app{flex-direction:column;min-height:100vh;display:flex}header{background:var(--panel);border-bottom:1px solid var(--line);flex-wrap:wrap;align-items:center;gap:16px;padding:8px 16px;display:flex}header h1{letter-spacing:.06em;text-transform:uppercase;margin:0;font-size:1.05rem}header nav{margin-left:auto}.buttons{flex-wrap:wrap;align-items:center;gap:8px;display:flex}button{background:var(--panel-2);border:1px solid var(--line);cursor:pointer;border-radius:6px;padding:6px 12px}button:hover:not(:disabled){border-color:var(--muted)}button:disabled{opacity:.45;cursor:default}button.primary{background:var(--accent);border-color:var(--accent);color:#1a1300;font-weight:600}.clock{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.clock .where{color:var(--muted)}.actor{border:1px solid;border-radius:999px;padding:2px 10px;font-weight:600}.p1 .actor,.actor.p1{color:var(--p1)}.actor.p2{color:var(--p2)}main.center{place-items:center;gap:16px;padding:32px 16px;display:grid}main.center.menu{grid-template-columns:repeat(auto-fit,minmax(min(100%,380px),480px));justify-content:center;align-items:start}main.center.menu>.rejection{grid-column:1/-1}.center-note{margin:0}main.play{flex:1;grid-template-columns:minmax(0,1fr) 360px;gap:0;min-height:0;display:grid}@media (width<=900px){main.play{grid-template-columns:1fr}}.board{justify-content:center;align-items:flex-start;padding:12px;display:flex}.side{background:var(--panel);border-left:1px solid var(--line);flex-direction:column;gap:12px;max-height:calc(100vh - 50px);padding:12px;display:flex;overflow:auto}@media (width<=900px){.side{border-left:0;border-top:1px solid var(--line);max-height:none}}svg.table{-webkit-user-select:none;user-select:none;width:100%;height:auto;max-height:calc(100vh - 80px);display:block}.space{fill:var(--space);stroke:var(--line);stroke-width:.3px}.grid line{stroke:var(--grid);stroke-width:.15px}.zone rect{fill:#ffffff08;stroke:var(--muted);stroke-width:.25px;stroke-dasharray:1 1}.zone.p1 rect{stroke:var(--p1);fill:#5aa9ff0f}.zone.p2 rect{stroke:var(--p2);fill:#ff6b5e0f}.zone text{fill:var(--muted);font-size:2.6px}.zone .facing{stroke:var(--muted);stroke-width:.4px}.zone.p1 .facing{stroke:var(--p1)}.zone.p2 .facing{stroke:var(--p2)}#zone-arrow path{fill:var(--muted)}.entry-edges .edge{stroke:var(--muted);stroke-width:1.2px;stroke-dasharray:2 1}.entry-edges.p1 .edge,.entry-edges.p1 .facing{stroke:var(--p1)}.entry-edges.p2 .edge,.entry-edges.p2 .facing{stroke:var(--p2)}.entry-edges .facing{stroke-width:.4px}.zones.preview rect{stroke-dasharray:.5 .5}.coords{fill:var(--muted);font-size:2.4px}.ship{cursor:pointer}.ship .base{fill:#00000080;stroke-width:.25px}.ship .hull{stroke:#000;stroke-width:.15px}.ship .stem{fill:#fff}.ship .label{fill:var(--text);paint-order:stroke;stroke:var(--space);stroke-width:.6px;font-size:2.4px}.ship.p1 .base{stroke:var(--p1)}.ship.p1 .hull{fill:var(--p1)}.ship.p2 .base{stroke:var(--p2)}.ship.p2 .hull{fill:var(--p2)}.ship.selected .base{stroke:var(--accent);stroke-width:.5px}.grapple{stroke:var(--bad);stroke-width:.6px;stroke-dasharray:1 .6}.formation{stroke:var(--muted);stroke-width:.3px;stroke-dasharray:.6 .6;opacity:.7}.ship.hulk .hull{fill:#59636e}.ship.hulk .base{stroke-dasharray:.6 .6}.ship.blazing .hull{fill:#c2410c}.ship.ghost{opacity:.6;pointer-events:none}.ship.ghost.ok .hull{fill:var(--ok)}.ship.ghost.ok .base{stroke:var(--ok)}.ship.ghost.bad .hull{fill:var(--bad)}.ship.ghost.bad .base{stroke:var(--bad)}.ship.ghost.short .hull{fill:var(--accent)}.ship.ghost.short .base{stroke:var(--accent)}.blast-marker{fill:#ff9f1c59;stroke:var(--bm);stroke-width:.2px}.salvo line{stroke-width:.5px}.salvo path{fill:none;stroke-width:.3px}.salvo text{font-size:2px}.salvo.p1 line,.salvo.p1 path{stroke:var(--p1)}.salvo.p2 line,.salvo.p2 path{stroke:var(--p2)}.salvo.p1 text{fill:var(--p1)}.salvo.p2 text{fill:var(--p2)}.wave{cursor:pointer}.wave .footprint{fill:none;stroke-width:.15px;stroke-dasharray:.4 .3}.wave .marker{fill:var(--bg);stroke-width:.2px}.wave text{pointer-events:none;font-size:1px;font-weight:700}.wave.p1 .footprint,.wave.p1 .marker{stroke:var(--p1)}.wave.p2 .footprint,.wave.p2 .marker{stroke:var(--p2)}.wave.p1 text{fill:var(--p1)}.wave.p2 text{fill:var(--p2)}.wave.highlight .marker{stroke-width:.45px}.wave.highlight .footprint{stroke-width:.35px}.craft-ghost{fill:none;stroke:var(--ok);stroke-width:.2px;stroke-dasharray:.4 .3}.launch-craft .counter{justify-content:space-between;align-items:center;gap:.5rem;display:flex}.launch-craft .counter input{width:4rem}.launch-craft .recall,.launch-craft .strike-wave{border:none;margin:.25rem 0;padding:0}.launch-craft .strike-wave legend .link{color:var(--muted);cursor:pointer;font-size:inherit;background:0 0;border:none;padding:0;text-decoration:underline}.hint{color:var(--muted);margin:0}.rejection{color:var(--bad);margin:0}.result{color:var(--accent);margin:0;font-weight:700}.ships{gap:8px;display:grid}.card{text-align:left;background:var(--panel-2);border:1px solid var(--line);border-left:4px solid var(--line);border-radius:6px;gap:4px;width:100%;padding:8px 10px;display:grid}.card.p1{border-left-color:var(--p1)}.card.p2{border-left-color:var(--p2)}.card.selected{border-color:var(--accent)}.card-head{justify-content:space-between;gap:8px;display:flex}.hits{gap:3px;display:flex}.hit{background:var(--ok);border-radius:2px;width:14px;height:8px}.hit.lost{background:var(--line)}.stats{color:var(--muted);flex-wrap:wrap;gap:12px;font-size:.9em;display:flex}.status,.order{color:var(--accent);text-transform:capitalize;font-size:.9em}.crits{color:var(--bad);text-transform:capitalize;margin:0;padding-left:18px;font-size:.9em}.muted{color:var(--muted)}.log{background:var(--bg);border:1px solid var(--line);border-radius:6px;flex:1;min-height:160px;max-height:40vh;margin:0;padding:8px;font-size:.88em;list-style:none;overflow:auto}.log li{border-left:2px solid #0000;padding:2px 0 2px 8px}.log li.p1{border-left-color:var(--p1)}.log li.p2{border-left-color:var(--p2)}.console summary{cursor:pointer;color:var(--muted)}.console textarea{background:var(--bg);border:1px solid var(--line);border-radius:6px;width:100%;margin-top:6px;padding:6px;font-family:ui-monospace,monospace;font-size:.85em}.console-row{justify-content:space-between;align-items:center;gap:8px;display:flex}.verdict{color:var(--bad);font-size:.85em}.verdict.ok{color:var(--ok)}.new-game{background:var(--panel);border:1px solid var(--line);border-radius:8px;gap:12px;width:min(480px,100%);padding:20px;display:grid}.new-game h2,.new-game p{margin:0}.new-game fieldset{border:1px solid var(--line);border-left:4px solid;border-radius:6px;gap:8px;padding:10px 12px;display:grid}.new-game fieldset.p1{border-left-color:var(--p1)}.new-game fieldset.p2{border-left-color:var(--p2)}.new-game label{color:var(--muted);gap:2px;font-size:.9em;display:grid}.new-game input,.new-game select{background:var(--bg);border:1px solid var(--line);border-radius:6px;padding:6px 8px}.new-game input[aria-invalid=true]{border-color:var(--bad)}.new-game label.check{align-items:center;gap:8px;display:flex}.banner{background:var(--panel-2);border-left:4px solid var(--muted);border-radius:6px;padding:6px 10px}.banner.p1{border-left-color:var(--p1)}.banner.p2{border-left-color:var(--p2)}.banner.p1 strong{color:var(--p1)}.banner.p2 strong{color:var(--p2)}.banner span{color:var(--muted)}.actions{gap:10px;display:grid}.picker{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.picker button.selected{border-color:var(--accent);background:#e3b3411f}.act{gap:2px;display:inline-grid}.small{margin:0;font-size:.85em}.ship-controls{background:var(--panel-2);border:1px solid var(--line);border-radius:6px;gap:8px;padding:8px 10px;display:grid}.ship-controls h3{margin:0;font-size:1em}.orders{flex-wrap:wrap;gap:6px;display:flex}.orders button{padding:4px 8px;font-size:.85em}.prompt{border:2px solid var(--accent);background:var(--panel-2);border-radius:6px;gap:8px;padding:10px;display:grid}.prompt p{margin:0}.prompt.p1{border-color:var(--p1)}.prompt.p2{border-color:var(--p2)}.priority{gap:4px;margin:0;padding-left:22px;display:grid}.priority li{text-transform:capitalize;justify-content:space-between;align-items:center;gap:8px;display:flex}.priority button{padding:0 8px}.blast-marker.highlight{stroke:#fff;stroke-width:.5px;fill:#ff9f1cb3}.salvo.highlight line{stroke-width:.9px}.plot-path{stroke:var(--text);stroke-width:.35px}.plot-preview{stroke-width:.3px;stroke-dasharray:.8 .5}.plot-preview.ok{stroke:var(--ok)}.plot-preview.short{stroke:var(--accent)}.plot-preview.illegal{stroke:var(--bad)}.plot-guide{stroke:var(--muted);stroke-width:.15px;stroke-dasharray:.4 .6}.plot-turn{stroke:var(--accent);stroke-width:.15px}.plot-turn-at{fill:none;stroke:var(--accent);stroke-width:.2px}.plotter{gap:6px;display:grid}.plot-stats{grid-template-columns:auto 1fr;gap:2px 10px;margin:0;display:grid}.plot-stats dt{color:var(--muted)}.plot-stats dd{margin:0}.plot-status{margin:0;font-size:.9em}.plot-status.ok{color:var(--ok)}.plot-status.short{color:var(--accent)}.plot-status.illegal{color:var(--bad)}.check{align-items:center;gap:4px;display:inline-flex}.weapons{gap:6px;display:grid}.weapon{text-align:left;justify-content:space-between;gap:8px;display:flex}.weapon.selected{border-color:var(--accent);background:#e3b3411f}.targets{gap:6px;margin:0;padding:0;list-style:none;display:grid}.targets li{gap:4px;display:grid}.arc{stroke-width:.2px}.arc.battery{fill:#e3b34114;stroke:#e3b34199}.arc.lance{fill:#5aa9ff14;stroke:#5aa9ff99}.arc.torpedoes{fill:#ffffff0a;stroke:#ffffff4d;stroke-dasharray:.6 .6}.torpedo-run{fill:none;stroke:var(--accent);stroke-width:.35px}.arc.nova_cannon{fill:#ff78500f;stroke:#ff785080;stroke-dasharray:1 .6}.nova-template{fill:#ff785040;stroke:#ff7850;stroke-width:.25px}.nova-hole{fill:#ff7850}.nova-scatter{fill:none;stroke:#ff785099;stroke-width:.2px;stroke-dasharray:.8 .8}.nova.bad .nova-template{fill:#ff50501f;stroke:#ff505099}.nova.bad .nova-hole{fill:#ff505099}.ship.targeted .base{stroke:var(--accent);stroke-width:.6px;stroke-dasharray:.8 .4}.step-entry{gap:6px;display:grid}.step-entry>*{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.step-entry input{background:var(--bg);border:1px solid var(--line);border-radius:6px;width:4.5em;padding:4px 6px}.waiting{background:var(--panel-2);border-left:4px solid var(--muted);color:var(--muted);border-radius:6px;margin:0;padding:8px 10px}.waiting.p1{border-left-color:var(--p1)}.waiting.p2{border-left-color:var(--p2)}.sides{border:1px solid var(--line);border-radius:6px;gap:6px;padding:8px 12px;display:grid}.sides label{color:var(--text);align-items:center;gap:8px;font-size:1em;display:flex}.sides label.chosen.p1{color:var(--p1)}.sides label.chosen.p2{color:var(--p2)}.my-games ul,.seats{gap:8px;margin:0;padding:0;list-style:none;display:grid}.my-games li{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;display:flex}.seats li{border-left:4px solid var(--line);background:var(--panel-2);border-radius:6px;padding:6px 10px}.seats li.p1{border-left-color:var(--p1)}.seats li.p2{border-left-color:var(--p2)}.invite{gap:8px;display:flex}.invite input{background:var(--bg);border:1px solid var(--line);border-radius:6px;flex:1;min-width:0;padding:6px 8px;font-family:ui-monospace,monospace;font-size:.85em}strong.p1{color:var(--p1)}strong.p2{color:var(--p2)}.online-banner{gap:6px;display:grid}.presences{flex-wrap:wrap;gap:12px;font-size:.9em;display:flex}.presence:before{content:"";background:var(--muted);border-radius:50%;width:8px;height:8px;margin-right:6px;display:inline-block}.presence.online:before{background:var(--ok)}.presence.p1{color:var(--p1)}.presence.p2{color:var(--p2)}.verified{color:var(--ok);margin:0}.ship-row{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:.5rem;display:grid}.ship-row input,.ship-row select{box-sizing:border-box;width:100%;min-width:0}.ship-options{border:none;flex-wrap:wrap;grid-column:1/-1;gap:0 12px;margin:0;padding:0;display:flex}.ship-options legend{padding:0}.card .commander{color:var(--accent);font-size:.85em}.command{border:1px dashed var(--muted);border-radius:4px;gap:6px;margin:6px 0;padding:6px 8px;display:grid}.command .marks{flex-wrap:wrap;gap:0 12px;display:flex}.command .lord{grid-template-columns:minmax(0,1fr) minmax(0,1fr) auto;align-items:end;gap:6px;display:grid}.result-panel{gap:.25rem;display:grid}.vp-breakdown{margin:0;padding-left:1rem;font-size:.85rem}.vp-breakdown ul{color:var(--muted);margin:0;padding-left:1rem}.battle-fields{grid-template-columns:minmax(0,1fr);gap:.5rem;display:grid}.battle-fields select{box-sizing:border-box;width:100%;min-width:0}.planet .template{fill:#7896be47;stroke:#a0bee6b3;stroke-width:.4px}.planet .well{fill:#7896be0d;stroke:#a0bee659;stroke-width:.3px;stroke-dasharray:1.5 1}.standby-ring{fill:none;stroke:#e6c8788c;stroke-width:.3px;stroke-dasharray:.8 .8;pointer-events:none}.alert-units{flex-direction:column;gap:.25rem;margin:.5rem 0;display:flex}.minefield{stroke-width:.4px;stroke-dasharray:1 .6;cursor:pointer}.minefield.p1{fill:color-mix(in srgb, var(--p1) 14%, transparent);stroke:var(--p1)}.minefield.p2{fill:color-mix(in srgb, var(--p2) 14%, transparent);stroke:var(--p2)}.minefield.highlight{stroke-width:.8px}.minefield.ghost{fill:#ffffff14;stroke:#fff;pointer-events:none}.minefield.ghost.bad{stroke:#e66}.mine circle{fill:#222;stroke-width:.3px}.mine.p1 circle{stroke:var(--p1)}.mine.p2 circle{stroke:var(--p2)}.mine text{fill:#eee;pointer-events:none;font-size:1.3px}.mine.highlight circle{stroke-width:.6px}.mine.ghost{pointer-events:none;opacity:.7}.mine.ghost.bad circle{stroke:#e66}.defence-shop{grid-template-columns:repeat(auto-fill,minmax(14rem,1fr));gap:.3rem .8rem;margin:.4rem 0;display:grid}.defence-shop label{justify-content:space-between;align-items:center;gap:.4rem;font-size:.85rem;display:flex}.defence-shop input{width:3.5rem}