.ship-geometry{background:var(--card,#fff);border:1px solid var(--line,#d6e1ec);border-radius:16px;padding:20px;min-width:0;color:var(--text,#122d40)}
.geometry-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;margin-bottom:16px}.geometry-heading h2{margin:0;font-size:1.25rem}.geometry-version{font-size:.78rem;color:var(--muted,#64748b)}
.geometry-toolbar{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:16px}.ship-geometry button{font:inherit;color:#234a64;background:#f3f7fb;border:1px solid #cad9e6;border-radius:9px;cursor:pointer;padding:9px 14px;min-height:42px}.ship-geometry button:hover{background:#e5f1fa}.ship-geometry button[aria-pressed=true]{background:#17638a;border-color:#17638a;color:#fff}.ship-geometry :focus-visible{outline:3px solid #dc8e25;outline-offset:3px}
.model-stage{height:clamp(360px,49vw,590px);position:relative;border-radius:12px;overflow:hidden;background:radial-gradient(ellipse at 50% 42%,#e6f0f6 0%,#b7cbd8 100%)}.model-stage canvas{display:block;width:100%;height:100%;touch-action:none;cursor:grab}.model-stage canvas:active{cursor:grabbing}.model-hint{text-align:center;margin:12px 0 0;color:var(--muted,#64748b);font-size:.8rem}.model-texture-status{position:absolute;bottom:12px;left:12px;color:#183b53;background:#ffffffdb;padding:5px 10px;border-radius:6px;font-size:.8rem;pointer-events:none}.model-texture-status[hidden]{display:none}
.geometry-empty{padding:30px 15px;text-align:center}.geometry-empty h2{font-size:1.15rem}.geometry-empty p,.geometry-loading{color:var(--muted,#64748b)}.geometry-empty h3{margin-top:28px;font-size:.9rem}.geometry-links{display:flex;flex-wrap:wrap;justify-content:center;gap:9px}.geometry-links a{padding:8px 12px;border:1px solid var(--line,#d6e1ec);border-radius:8px;font-size:.85rem}
.arc-layout{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(290px,1fr);gap:24px;align-items:start}.arc-graphic{border:1px solid #d9e5ef;border-radius:14px;background:radial-gradient(circle,#fff,#eef5fa);align-self:start}.arc-chart{display:block;width:100%;height:auto;cursor:crosshair}.arc-grid{fill:none;stroke:#cbdde9;stroke-width:1}.arc-axis{fill:#526c7e;font-size:15px;font-family:inherit}.arc-sector{fill:#2784af;fill-opacity:.055;stroke:#3585a7;stroke-opacity:.22;stroke-width:1}.arc-sector.focused{fill-opacity:.18;stroke-opacity:.65;stroke-width:2}.arc-hull{fill:#d8e3eb;stroke:#6c8b9e;stroke-width:2}.arc-aim{stroke:#cc7d18;stroke-width:2.5;stroke-dasharray:7 5}.arc-target{fill:#d78b26;stroke:#fff;stroke-width:2}.arc-marker{cursor:pointer}.arc-marker circle{fill:#728598;stroke:#fff;stroke-width:2}.arc-marker.ready circle{fill:#127759}.arc-marker.selected circle{stroke:#d78b26;stroke-width:4}.arc-number{fill:#fff;font-size:12px;font-weight:700;font-family:inherit;pointer-events:none}
.arc-summary{display:grid;grid-template-columns:1fr auto;gap:5px 14px;padding:16px 18px;background:#edf6fa;border-radius:12px;color:#204a64}.arc-summary>span:first-child{font-size:.85rem}.arc-summary strong{grid-column:1;font-size:1.8rem;line-height:1.3}.arc-bearing-readout{grid-column:2;grid-row:1/3;align-self:center;font-size:1.45rem;font-variant-numeric:tabular-nums;color:#a56413}.arc-controls{padding:18px 0}.arc-bearing-label{display:flex;align-items:center;justify-content:space-between;gap:10px}.arc-bearing-label label{font-size:.9rem;font-weight:600}.arc-bearing-label input{width:74px;color:#173d57;background:#fff;border:1px solid #b7cddd;border-radius:7px;padding:7px;text-align:right;font:inherit}.arc-controls input[type=range]{width:100%;margin:14px 0;accent-color:#17638a;min-height:30px;background:transparent}.arc-presets{display:grid;grid-template-columns:repeat(4,1fr);gap:7px}.arc-presets button{padding:8px 4px;font-size:.8rem}.arc-list-heading{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:12px}.arc-list-heading h3{margin:0;font-size:.95rem}.arc-list-heading button{font-size:.8rem;padding:7px 10px;min-height:36px}.arc-mounts{display:grid;grid-template-columns:1fr 1fr;gap:8px;max-height:390px;overflow-y:auto;padding:3px}.ship-geometry .arc-mount{display:grid;grid-template-columns:1fr auto;gap:6px 8px;text-align:left;padding:12px;background:#f7f9fc;color:#526879}.arc-mount-name{font-weight:700}.arc-mount-state{font-size:.72rem;align-self:center}.arc-mount small{grid-column:1/-1;font-size:.72rem;line-height:1.5}.ship-geometry .arc-mount.ready{border-color:#92c3b4;background:#f0faf5;color:#21624d}.ship-geometry .arc-mount[aria-pressed=true]{outline:2px solid #d78b26;outline-offset:0;background:#fff8eb;color:#714700;border-color:#d78b26}
@media(max-width:700px){.ship-geometry{padding:14px;border-radius:12px}.geometry-heading{margin-bottom:12px}.geometry-toolbar{gap:6px;margin-bottom:12px}.geometry-toolbar button{padding:8px 11px;font-size:.85rem}.arc-layout{grid-template-columns:1fr;gap:16px}.arc-graphic{max-width:530px;width:100%;justify-self:center}.arc-mounts{max-height:none}.model-stage{height:390px}.arc-summary strong{font-size:1.6rem}.geometry-version{font-size:.72rem}}
@media(prefers-color-scheme:dark){html:not([data-theme=light]) .model-stage{background:radial-gradient(ellipse at 50% 40%,#4b6578,#1d3344)}}
@media(max-width:420px){.ship-geometry[data-mode=model] .geometry-toolbar{gap:5px}.ship-geometry[data-mode=model] .geometry-toolbar button{padding:8px 9px;font-size:.8rem}}
.model-modes{display:flex;gap:6px;padding:5px;background:#eaf0f5;border-radius:12px;width:fit-content;margin-bottom:16px}.ship-geometry .model-modes button{border-color:transparent;background:transparent;font-weight:700;min-width:120px}.ship-geometry .model-modes button[aria-pressed=true]{background:#17638a;color:#fff;box-shadow:0 2px 5px #173d5720}
.model-camera button[hidden]{display:none}
.model-layout{display:grid;grid-template-columns:minmax(0,1fr);gap:20px;align-items:start}.ship-geometry[data-view-mode=arcs] .model-layout{grid-template-columns:minmax(0,1fr) 290px}.model-layout .model-stage{height:clamp(420px,46vw,620px);background:radial-gradient(ellipse at 50% 42%,#edf3f7 0%,#c6d5e0 100%)}.model-arc-side{min-width:0}.model-arc-side[hidden],.model-markers[hidden]{display:none}.model-camera{align-items:center}.model-camera [data-expand]{margin-left:auto}.model-weapons button{flex:1;padding:8px;font-size:.8rem}.model-arc-side .arc-mounts{grid-template-columns:1fr 1fr;max-height:220px}.model-arc-side .arc-mount{padding:10px 9px;grid-template-columns:1fr;gap:3px}.model-arc-side .arc-summary{padding:14px}.model-arc-side .arc-summary strong{font-size:1.65rem}.arc-summary>small{grid-column:1/-1;font-size:.78rem;line-height:1.5}.arc-legend{display:flex;flex-wrap:wrap;gap:12px;font-size:.76rem;margin:0 0 16px}.arc-legend .ready{color:#126b50}.arc-legend .blocked{color:#526879}.arc-details{margin-top:14px;border-top:1px solid var(--line,#d6e1ec);padding-top:12px;font-size:.8rem}.arc-details summary{cursor:pointer;color:var(--muted,#64748b);padding:4px 0}.arc-details p{margin:8px 0;font-variant-numeric:tabular-nums}
.model-markers{position:absolute;inset:0;pointer-events:none;overflow:hidden}.ship-geometry .model-mount-marker{position:absolute;transform:translate(-50%,-50%);pointer-events:auto;min-height:28px;min-width:28px;width:28px;height:28px;border-radius:50%;padding:0;font-size:.75rem;font-weight:700;border:2px solid #fff;background:#526879;color:#fff;box-shadow:0 1px 5px #102a4355}.ship-geometry .model-mount-marker.ready{background:#137457}.ship-geometry .model-mount-marker.selected{outline:3px solid #d99022;outline-offset:2px}.model-axis,.model-target-label{position:absolute;transform:translate(-50%,-50%);font-size:.75rem;font-weight:700;white-space:nowrap;background:#ffffffed;color:#294b61;border-radius:5px;padding:3px 7px;box-shadow:0 1px 4px #102a4315}.model-target-label{color:#925600}.model-axis[hidden],.model-target-label[hidden],.model-mount-marker[hidden]{display:none}
.ship-geometry:fullscreen,.ship-geometry.model-expanded{width:100%;height:100%;box-sizing:border-box;border-radius:0;overflow:auto;padding:20px;background:var(--card,#fff)}.ship-geometry.model-expanded{position:fixed;inset:0;z-index:10000}.ship-geometry:fullscreen .model-stage,.ship-geometry.model-expanded .model-stage{height:calc(100dvh - 195px);min-height:330px}.ship-geometry:fullscreen .model-arc-side .arc-mounts,.ship-geometry.model-expanded .model-arc-side .arc-mounts{max-height:calc(100dvh - 600px);min-height:100px}
@media(max-width:1000px){.ship-geometry[data-view-mode=arcs] .model-layout{grid-template-columns:1fr}.model-arc-side{display:grid;grid-template-columns:1fr 1fr;column-gap:20px}.model-arc-side .model-weapons,.model-arc-side .arc-legend,.model-arc-side .arc-list-heading,.model-arc-side .arc-mounts,.model-arc-side .arc-details{grid-column:1/-1}.model-arc-side .arc-controls{padding:0 0 12px}.model-arc-side .arc-summary{align-self:start}.model-arc-side .arc-mounts{grid-template-columns:repeat(4,1fr)}}
@media(max-width:600px){.model-modes{width:100%;box-sizing:border-box}.model-modes button{flex:1}.model-layout .model-stage{height:400px}.model-arc-side{display:block}.model-arc-side .arc-controls{padding:16px 0}.model-arc-side .arc-mounts{display:grid;grid-template-columns:repeat(3,1fr)}.model-arc-side .arc-mount{font-size:.8rem}.model-camera [data-expand]{margin-left:0}.ship-geometry:fullscreen,.ship-geometry.model-expanded{padding:12px}.ship-geometry:fullscreen .model-stage,.ship-geometry.model-expanded .model-stage{height:calc(100dvh - 205px);max-height:650px}.ship-geometry:fullscreen .model-arc-side .arc-mounts,.ship-geometry.model-expanded .model-arc-side .arc-mounts{max-height:220px}.model-mount-marker{touch-action:manipulation}}
.model-fire-readout{position:absolute;top:12px;left:12px;display:flex;align-items:baseline;gap:8px;padding:8px 12px;border:1px solid #d69a00;border-radius:10px;background:#fff6d8f5;color:#654600;box-shadow:0 2px 8px #102a4315;pointer-events:none}.model-fire-readout strong{font-size:1.15rem;font-variant-numeric:tabular-nums}.model-fire-readout span{font-size:.75rem}.model-fire-readout.none-ready{color:#a02332;background:#fff0f1f5;border-color:#df8790}.model-fire-readout[hidden]{display:none}
.ship-geometry .model-mount-marker{background:#d93242;color:#fff}.ship-geometry .model-mount-marker.ready{background:#ffd34e;color:#4d3500}.ship-geometry .model-mount-marker.selected{outline-color:#2563eb}.arc-marker circle{fill:#d93242}.arc-marker.ready circle{fill:#ffd34e}.arc-marker.ready .arc-number{fill:#4d3500}.arc-marker.selected circle{stroke:#2563eb}.arc-sector{fill:#dc3545;stroke:#c72939;fill-opacity:.1;stroke-opacity:.38}.arc-sector.ready{fill:#e3a000;stroke:#c58a00}.arc-sector.focused{fill-opacity:.25;stroke-opacity:.9}.ship-geometry .arc-mount{color:#9e2633;background:#fff2f3;border-color:#e5a8af}.ship-geometry .arc-mount.ready{background:#fff8df;color:#765200;border-color:#dec16c}.ship-geometry .arc-mount[aria-pressed=true]{outline-color:#2563eb;border-color:#2563eb}.arc-legend .ready{color:#8e6400}.arc-legend .blocked{color:#bf2838}
@media(max-width:1000px){
 .ship-geometry[data-view-mode=arcs] .model-layout{gap:10px}
 .ship-geometry[data-view-mode=arcs] .model-arc-side{display:contents}
 .ship-geometry[data-view-mode=arcs] .model-stage{order:0}
 .ship-geometry[data-view-mode=arcs] .model-weapons{order:-1;margin:0}
 .ship-geometry[data-view-mode=arcs] .model-arc-side .arc-summary{display:none}
 .ship-geometry[data-view-mode=arcs] .arc-controls{order:1;grid-column:1/-1;margin:0;padding:10px 12px;border-radius:10px;background:#edf5fa;color:#234a64}
 .ship-geometry[data-view-mode=arcs] .arc-controls input[type=range]{margin:3px 0 6px;min-height:24px}
 .ship-geometry[data-view-mode=arcs] .arc-bearing-label input{padding:4px 6px}
 .ship-geometry[data-view-mode=arcs] .arc-presets button{min-height:36px;padding:6px 3px}
 .ship-geometry[data-view-mode=arcs] .arc-legend{order:2;margin:2px 0 5px}
 .ship-geometry[data-view-mode=arcs] .arc-list-heading{order:3;margin:6px 0}
 .ship-geometry[data-view-mode=arcs] .arc-mounts{order:4}
 .ship-geometry[data-view-mode=arcs] .arc-details{order:5;margin:4px 0}
 .ship-geometry[data-view-mode=arcs] .model-stage{height:clamp(240px,42dvh,350px)}
 .ship-geometry[data-view-mode=arcs]:fullscreen .model-stage,.ship-geometry[data-view-mode=arcs].model-expanded .model-stage{height:clamp(220px,40dvh,450px);min-height:220px;max-height:450px}
}

/* Camera controls inside the viewport; detailed rotation stays folded. */
.model-view-dock{position:absolute;left:10px;right:10px;bottom:10px;z-index:4;display:grid;gap:6px;pointer-events:none}
.model-view-dock .model-camera{display:flex;flex-wrap:nowrap;justify-content:center;gap:3px;margin:0;padding:4px;background:#f8fbf5ed;border:1px solid #bacdd9;border-radius:10px;width:fit-content;max-width:100%;justify-self:center;pointer-events:auto;box-shadow:0 3px 12px #173d5718}
.ship-geometry .model-camera button{padding:5px 9px;min-height:36px;font-size:.77rem;border:0;background:transparent;white-space:nowrap}
.ship-geometry .model-camera button[aria-pressed=true],.ship-geometry .model-camera button[aria-expanded=true]{background:#17638a;color:#fff}
.model-zoom{position:absolute;top:10px;right:10px;z-index:4;display:flex;gap:3px;padding:3px;border-radius:9px;background:#f8fbf5eb;border:1px solid #bacdd9}
.ship-geometry .model-zoom button{min-width:34px;min-height:36px;padding:3px 7px;font-size:1.1rem;border:0;background:transparent}
.model-axis-controls{display:flex;justify-content:center;gap:8px;padding:5px;background:#f8fbf5f5;border:1px solid #bacdd9;border-radius:10px;pointer-events:auto;justify-self:center;color:#234a64}
.model-axis-controls[hidden]{display:none}.model-axis-row{display:flex;align-items:center;gap:3px}.model-axis-row>span{font-size:.75rem;font-weight:700;padding:0 4px}.ship-geometry .model-axis-row button{min-width:32px;min-height:34px;padding:3px 7px}
.model-stage[data-locked=true] canvas{cursor:default}.model-modes [data-flat-view]{min-width:0;margin-left:10px;font-size:.8rem;font-weight:400}
.model-texture-status{bottom:auto;top:55px}.model-layout .model-stage{min-height:300px}
.model-fire-readout{max-width:calc(100% - 138px);padding:6px 9px;display:grid;gap:1px}.model-fire-readout strong{font-size:1rem}
@media(max-width:420px){.model-view-dock{left:6px;right:6px;bottom:6px}.ship-geometry .model-camera button{padding:5px 6px;font-size:.72rem;min-height:36px}.model-axis-controls{gap:4px}.ship-geometry .model-axis-row button{min-width:29px}.model-modes{width:100%;gap:2px}.ship-geometry .model-modes button{min-width:0;padding:8px 9px;font-size:.8rem}.model-modes [data-flat-view]{margin-left:auto}.model-zoom{top:8px;right:8px}.model-fire-readout{top:8px;left:8px}}

.model-view-dock .model-camera{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));width:100%;box-sizing:border-box;gap:1px}.ship-geometry .model-camera button{padding:5px 2px;min-width:0;font-size:.74rem}.model-layout .model-stage[data-locked=true] canvas{touch-action:pan-y}
@media(max-width:700px){.ship-geometry[data-view-mode=model] .model-stage{height:330px}.ship-geometry .model-camera button{font-size:.68rem}.model-view-dock{max-width:390px;margin:0 auto}}