:root{--bg-void:#0a0b14;--bg-deep:#10111d;--bg-panel:#171926;--bg-panel-2:#1e2133;--bg-parchment:#2a2620;--border:#33364a;--border-soft:#262838;--text:#cfd2e3;--text-dim:#8a8fa8;--text-h:#f3f1ff;--accent:#8b6cf0;--accent-2:#d4af37;--accent-bg:#8b6cf024;--danger:#e0576b;--danger-bg:#e0576b26;--ok:#4fd68c;--warn:#e0b34a;--shadow:0 10px 30px -8px #0009;--radius:8px;--sans:"Segoe UI", system-ui, Roboto, sans-serif;--mono:ui-monospace, Consolas, monospace}*{box-sizing:border-box}html,body,#root{height:100%}body{font:14px/1.45 var(--sans);color:var(--text);background:var(--bg-void);-webkit-font-smoothing:antialiased;background-image:radial-gradient(1px 1px at 10% 20%,#fff5 0,#0000 60%),radial-gradient(1px 1px at 80% 10%,#fff4 0,#0000 60%),radial-gradient(1.5px 1.5px at 60% 70%,#fff6 0,#0000 60%),radial-gradient(1px 1px at 30% 85%,#ffffff3b 0,#0000 60%),radial-gradient(1px 1px at 90% 60%,#ffffff4d 0,#0000 60%),radial-gradient(1px 1px at 45% 45%,#fff3 0,#0000 60%),radial-gradient(1.5px 1.5px at 15% 60%,#fff5 0,#0000 60%),linear-gradient(#0a0b14 0%,#12131f 100%);background-attachment:fixed;margin:0}#root{flex-direction:column;min-width:0;display:flex}h1,h2,h3,h4{font-family:var(--sans);color:var(--text-h);margin:0 0 8px;font-weight:600}button{font:inherit}input,select,textarea{font:inherit;color:var(--text-h);background:var(--bg-deep);border:1px solid var(--border);border-radius:4px;padding:5px 7px}a{color:var(--accent)}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--border);border-radius:6px}@keyframes sf-twinkle{0%,to{opacity:.85}50%{opacity:.15}}.sf-star-twinkle{animation:3.6s ease-in-out infinite sf-twinkle}@media (prefers-reduced-motion:reduce){.sf-star-twinkle{animation:none}}.hexmap-wrap{border-radius:var(--radius);border:1px solid var(--border-soft);background:#05060c;width:100%;height:100%;min-height:0;position:relative;overflow:hidden}.hexmap-svg{touch-action:none;cursor:grab;width:100%;height:100%;display:block}.hexmap-svg:active{cursor:grabbing}.hex-cell{stroke:#aabeff3d;stroke-width:1px;vector-effect:non-scaling-stroke}.ship-wreck-cracks{pointer-events:none}.hex-highlight{stroke:#8b6cf0;fill:#8b6cf055!important}.hex-path{stroke:#4fd68c;fill:#4fd68c44!important}.hex-path-bad{stroke:#e0576b;fill:#e0576b44!important}.hexmap-fit{position:absolute;bottom:10px;right:10px}.ship-label{fill:var(--text-h);paint-order:stroke;stroke:#0009;stroke-width:2px;pointer-events:none;-webkit-user-select:none;user-select:none;font-size:10px}.ship-status-icon{fill:var(--warn);pointer-events:none;font-size:13px}.ship-active-ring{fill:none;stroke:var(--accent-2);stroke-width:2px;stroke-dasharray:4 3}.ship-target-ring{fill:none;stroke:var(--danger);stroke-width:2px}.ship-selected-ring{fill:none;stroke:#fff;stroke-width:1.5px;stroke-dasharray:2 2}.setup-screen{flex:1;gap:12px;min-height:0;padding:12px;display:flex}.setup-sidebar{flex-shrink:0;width:320px;padding:12px;overflow-y:auto}.setup-sidebar h3{border-top:1px solid var(--border-soft);margin-top:18px;padding-top:12px}.setup-sidebar h3:first-child{border-top:none;margin-top:0;padding-top:0}.setup-map{flex:1;min-width:0}.side-row{align-items:center;gap:8px;padding:4px 0;display:flex}.side-swatch{border-radius:3px;flex-shrink:0;width:14px;height:14px;display:inline-block}.side-name{flex:1}.terrain-buttons{flex-wrap:wrap;gap:6px;display:flex}.manual-init-list{max-height:160px;margin-bottom:8px;overflow-y:auto}@media (width<=900px){.setup-screen{flex-direction:column}.setup-sidebar{width:auto;max-height:40vh}.setup-map{min-height:320px}}.battle-screen{flex-direction:column;flex:1;gap:8px;min-height:0;padding:8px;display:flex}.topbar{flex-wrap:wrap;align-items:center;gap:10px;padding:8px 12px;display:flex}.topbar-round{flex-shrink:0}.topbar-chips{flex-wrap:wrap;flex:1;gap:6px;min-width:0;display:flex}.init-chip{border:1.5px solid var(--border);background:var(--bg-panel-2);color:var(--text);cursor:pointer;border-radius:14px;align-items:center;gap:5px;min-height:30px;padding:3px 10px;font-size:12px;display:flex}.init-chip.active{background:var(--accent-bg);color:var(--text-h);font-weight:600}.init-chip.out{opacity:.45}.init-chip-dot{border-radius:50%;width:8px;height:8px;display:inline-block}.init-chip-status{text-transform:uppercase;color:var(--danger);font-size:10px}.topbar-actions{flex-shrink:0;align-items:center;gap:8px;display:flex}.rules-popover-wrap{position:relative}.rules-popover{z-index:50;width:340px;max-height:70vh;padding:12px;position:absolute;top:calc(100% + 6px);right:0;overflow-y:auto}.battle-main{flex:1;gap:8px;min-height:0;display:flex}.battle-map-col{flex-direction:column;flex:1;gap:8px;min-width:0;display:flex;position:relative}.battle-side-col{flex-shrink:0;width:340px;overflow-y:auto}.path-confirm{z-index:10;align-items:center;gap:8px;padding:8px 12px;display:flex;position:absolute;top:12px;left:12px}.ship-panel-empty{color:var(--text-dim);padding:16px}.ship-panel{padding:0;overflow:hidden}.ship-panel-header{border-bottom:1px solid var(--border-soft);align-items:center;gap:8px;padding:10px 12px;display:flex}.ship-panel-collapse{margin-left:auto}.ship-panel-body{max-height:calc(100vh - 220px);padding:10px 12px;overflow-y:auto}.ship-panel-body h4{text-transform:uppercase;letter-spacing:.5px;color:var(--text-dim);border-top:1px solid var(--border-soft);margin:14px 0 6px;padding-top:10px;font-size:12px}.ship-panel-body h4:first-child{border-top:none;padding-top:0}.stat-grid{grid-template-columns:1fr 1fr;gap:4px 10px;font-size:12.5px;display:grid}.btn-row{flex-wrap:wrap;align-items:center;gap:6px;margin:4px 0;display:flex}.weapon-row{border:1px solid var(--border-soft);border-radius:6px;margin-bottom:6px;padding:6px}.weapon-row.selected{border-color:var(--accent)}.weapon-row-head{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.attack-panel{border:1px solid var(--accent);background:var(--accent-bg);border-radius:6px;margin:8px 0;padding:8px}.attack-panel select{width:100%;margin-bottom:6px}.component-row{border-bottom:1px solid var(--border-soft);padding:6px 0}.component-row-head{justify-content:space-between;margin-bottom:3px;display:flex}.cond-intact{color:var(--ok);border-color:var(--ok)}.cond-damaged{color:var(--warn);border-color:var(--warn)}.cond-destroyed,.danger-text{color:var(--danger);border-color:var(--danger)}.ok-text{color:var(--ok);border-color:var(--ok)}.hp-edit{width:56px}.repair-form{flex-wrap:wrap;align-items:center;gap:6px;margin-top:4px;display:flex}.crew-row{border-bottom:1px solid var(--border-soft);flex-wrap:wrap;align-items:center;gap:6px;padding:4px 0;font-size:12.5px;display:flex}.crew-action-dot{background:var(--bg-deep);border:1px solid var(--border);border-radius:50%;flex-shrink:0;width:8px;height:8px}.crew-action-dot.used{background:var(--accent);border-color:var(--accent)}.crew-name{flex:1;min-width:80px}.action-log{flex-direction:column;flex-shrink:0;max-height:220px;display:flex}.action-log-header{width:100%;color:var(--text-h);cursor:pointer;font:inherit;background:0 0;border:none;justify-content:space-between;padding:8px 12px;display:flex}.action-log-body{padding:0 12px 8px;overflow-y:auto}.log-entry{border-bottom:1px solid var(--border-soft);align-items:baseline;gap:6px;padding:3px 0;font-size:12px;display:flex}.log-round{color:var(--text-dim);flex-shrink:0;width:28px}.log-kind-tag{flex-shrink:0}.log-kind-attack,.log-kind-damage{border-color:var(--danger);color:var(--danger)}.log-kind-move{border-color:var(--accent);color:var(--accent)}.log-kind-repair{border-color:var(--ok);color:var(--ok)}.log-kind-helm{border-color:var(--warn);color:var(--warn)}.log-kind-dm{border-color:var(--accent-2);color:var(--accent-2)}.dm-drawer{z-index:60;display:flex;position:fixed;top:50%;right:0;transform:translateY(-50%)}.dm-drawer-toggle{writing-mode:vertical-rl;border-radius:6px 0 0 6px}.dm-drawer-body{width:300px;max-height:80vh;padding:12px;overflow-y:auto}.dm-drawer-body h4{border-top:1px solid var(--border-soft);text-transform:uppercase;color:var(--text-dim);margin:12px 0 6px;padding-top:10px;font-size:12px}.dm-drawer-body h4:first-child{border-top:none;padding-top:0}.dm-drawer-body select,.dm-drawer-body input{width:100%;margin-bottom:6px}@media (width<=900px){.battle-main{flex-direction:column}.battle-side-col{width:auto}.battle-map-col{flex:none;height:58vh;min-height:320px}.battle-side-col{flex:1;min-height:0}.action-log{max-height:120px}.ship-panel-body{max-height:none}}.editor-screen{flex:1;gap:12px;min-height:0;padding:12px;display:flex}.editor-list{flex-shrink:0;width:300px;padding:12px;overflow-y:auto}.editor-list-row{border-bottom:1px solid var(--border-soft);align-items:center;gap:6px;padding:4px 0;display:flex}.editor-list-row span{flex:1;font-size:13px}.editor-form{flex:1;min-width:0;padding:14px;overflow-y:auto}.editor-form h4{border-top:1px solid var(--border-soft);color:var(--text-dim);text-transform:uppercase;margin:16px 0 6px;padding-top:10px;font-size:12px}.crew-editor-row{border-bottom:1px solid var(--border-soft);flex-wrap:wrap;align-items:center;gap:6px;padding:4px 0;display:flex}.crew-editor-row input[type=text],.crew-editor-row input:not([type]){width:100px}@media (width<=900px){.editor-screen{flex-direction:column}.editor-list{width:auto;max-height:30vh}}.rules-screen{flex:1;gap:12px;min-height:0;padding:12px;display:flex;overflow-y:auto}.rules-panel{flex:1;min-width:0;padding:14px;overflow-y:auto}.rule-row{border-bottom:1px solid var(--border-soft);padding:8px 0}.rule-row-head{justify-content:space-between;align-items:center;gap:8px;display:flex}.rule-label{color:var(--text-h);font-weight:600}.seg{gap:4px;display:flex}.rules-toggles.compact .rule-row{border-bottom:none;padding:4px 0}.rules-data-table{border-collapse:collapse;width:100%;font-size:12.5px}.rules-data-table td,.rules-data-table th{border-bottom:1px solid var(--border-soft);text-align:left;padding:4px 8px}.rules-data-table th{color:var(--text-dim)}@media (width<=900px){.rules-screen{flex-direction:column}}.btn{border:1px solid var(--border);background:var(--bg-panel-2);min-height:30px;color:var(--text-h);cursor:pointer;white-space:nowrap;border-radius:6px;justify-content:center;align-items:center;gap:6px;padding:5px 12px;display:inline-flex}.btn:hover:not(:disabled){border-color:var(--accent)}.btn:disabled{opacity:.4;cursor:not-allowed}.btn.primary{background:var(--accent);border-color:var(--accent);color:#150c2b;font-weight:600}.btn.danger{border-color:var(--danger);color:var(--danger)}.btn.small{min-height:44px;padding:4px 9px;font-size:12px}.btn.icon{min-width:44px;min-height:44px;padding:6px}.btn.active{background:var(--accent-bg);border-color:var(--accent);color:var(--accent)}@media (pointer:coarse){.btn{min-height:44px}}.panel{background:var(--bg-panel);border:1px solid var(--border-soft);border-radius:var(--radius);box-shadow:var(--shadow)}.field{flex-direction:column;gap:3px;margin-bottom:8px;display:flex}.field label{color:var(--text-dim);font-size:12px}.field-row{align-items:flex-end;gap:8px;display:flex}.field-row .field{flex:1;min-width:0}.hint{color:var(--text-dim);font-size:12px}.modal-backdrop{z-index:200;background:#05060cb8;justify-content:center;align-items:center;padding:16px;display:flex;position:fixed;inset:0}.modal{width:420px;max-width:100%;max-height:90vh;padding:16px;overflow:auto}.modal h3{margin-top:0}.modal-actions{justify-content:flex-end;gap:8px;margin-top:14px;display:flex}.toast-stack{z-index:300;pointer-events:none;flex-direction:column;align-items:center;gap:6px;display:flex;position:fixed;bottom:16px;left:50%;transform:translate(-50%)}.toast{background:var(--bg-panel-2);border:1px solid var(--danger);color:var(--text-h);box-shadow:var(--shadow);border-radius:6px;max-width:70vw;padding:8px 14px;font-size:13px}.toast.ok{border-color:var(--ok)}.badge{background:var(--accent-bg);color:var(--accent);border:1px solid var(--accent);border-radius:10px;padding:1px 6px;font-size:10px;display:inline-block}.hp-bar{background:var(--bg-deep);border:1px solid var(--border-soft);border-radius:3px;height:6px;overflow:hidden}.hp-bar>div{background:var(--ok);height:100%}.hp-bar.warn>div{background:var(--warn)}.hp-bar.danger>div{background:var(--danger)}.checkbox-row{color:var(--text-dim);align-items:center;gap:6px;font-size:12px;display:flex}.tag{border:1px solid var(--border);color:var(--text-dim);border-radius:4px;padding:1px 6px;font-size:11px}.app-shell{flex-direction:column;height:100%;min-height:0;display:flex}.app-header{border-bottom:1px solid var(--border-soft);background:var(--bg-deep);flex-wrap:wrap;align-items:center;gap:16px;padding:8px 14px;display:flex}.app-title{white-space:nowrap;color:var(--accent-2);margin:0;font-size:16px}.app-tabs{flex-wrap:wrap;flex:1;gap:4px;display:flex}.app-tab{color:var(--text-dim);cursor:pointer;min-height:36px;font:inherit;background:0 0;border:1px solid #0000;border-radius:6px;padding:6px 12px}.app-tab.active{background:var(--accent-bg);color:var(--accent);border-color:var(--accent)}.app-scenario-io{gap:6px;display:flex}.app-main{flex-direction:column;flex:1;min-height:0;display:flex;overflow:auto}@media (width<=768px){.app-title{display:none}}