:root{--bg: #0f1b26;--panel: #172836;--panel-2: #1f3445;--line: #2f4a60;--ink: #0b1218;--text: #ece3cf;--muted: #9fb0bd;--gold: #f0c05a;--warn: #ff7a59;--good: #7bd3a0;--p0: #e2574c;--p1: #4d9bea;--sea: #1d4a63;--swell: rgba(255, 255, 255, .13);--grid: rgba(255, 255, 255, .12);--hull: #8a5a33;--plank: #5d3b20;--mast: #e8dcc0;--dim: #5b6770;font-family:Segoe UI,system-ui,-apple-system,Roboto,sans-serif;color:var(--text);background:var(--bg)}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{background:var(--bg);overscroll-behavior:none;-webkit-tap-highlight-color:transparent}h1,h2,h3,p{margin:0}h1{font-family:Georgia,Times New Roman,serif;font-size:2.2rem;letter-spacing:.02em;color:var(--gold)}h2{font-size:1.1rem}h3{font-size:.98rem;margin-bottom:6px}.muted{color:var(--muted);font-weight:400}.small{font-size:.82rem}.center{text-align:center}.warn{color:var(--warn)}.red{color:#ff6b6b}button,select,input{font:inherit;color:var(--text);background:var(--panel-2);border:1px solid var(--line);border-radius:8px;padding:9px 12px}button{cursor:pointer;min-height:40px}button:hover:not(:disabled){border-color:var(--gold)}button:disabled{opacity:.45;cursor:not-allowed}button.primary{background:var(--gold);color:var(--ink);border-color:var(--gold);font-weight:600}button.danger{background:#6b2320;border-color:var(--p0)}button.on{border-color:var(--gold);background:#3a4a35}button.wide{width:100%;padding:14px;font-size:1.05rem}.card{background:var(--panel);border:1px solid var(--line);border-radius:12px;padding:12px;display:flex;flex-direction:column;gap:8px}.card.center{align-items:center;padding:24px 12px}.owner-0{border-left:4px solid var(--p0)}.owner-1{border-left:4px solid var(--p1)}.buttons{display:flex;flex-wrap:wrap;gap:6px;align-items:center}.buttons.tight button{padding:6px 10px;min-height:34px}.seg{display:flex;gap:0}.seg button{flex:1;border-radius:0}.seg button:first-child{border-radius:8px 0 0 8px}.seg button:last-child{border-radius:0 8px 8px 0}.tag{display:inline-block;font-size:.7rem;padding:1px 6px;margin-left:4px;border-radius:999px;background:var(--panel-2);border:1px solid var(--line)}.tag.bad{border-color:var(--warn);color:var(--warn)}.tag.good{border-color:var(--good);color:var(--good)}.chips{display:flex;flex-wrap:wrap;gap:4px}.chips .tag{margin-left:0}.setup{max-width:920px;margin:0 auto;padding:20px 14px 40px;display:flex;flex-direction:column;gap:14px}.setup header{text-align:center;padding:10px 0}.tagline{color:var(--muted)}.sides{display:grid;grid-template-columns:repeat(auto-fit,minmax(290px,1fr));gap:14px}.side-0{border-top:4px solid var(--p0)}.side-1{border-top:4px solid var(--p1)}.setup label{display:flex;flex-direction:column;gap:4px;font-size:.82rem;color:var(--muted)}.setup .row{display:grid;grid-template-columns:1fr 1fr;gap:10px}.checks{display:flex;flex-wrap:wrap;gap:6px 16px}.checks label{flex-direction:row;align-items:center;color:var(--text);font-size:.9rem}.checks input{width:18px;height:18px;padding:0}.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;margin:0}.stats div{background:var(--panel-2);border-radius:8px;padding:6px 8px}.stats dt{font-size:.7rem;color:var(--muted)}.stats dd{margin:0;font-weight:600}.setup .row.three{grid-template-columns:repeat(3,1fr)}.setup .row.four{grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}.terrain{pointer-events:none}.terrain.shoal .body{fill:#dec88c52;stroke:#f0dca0b3;stroke-width:.1;stroke-dasharray:.5 .4}.terrain.island .body{fill:#c9b47a;stroke:#8f7b45;stroke-width:.12}.terrain.island .scrub{fill:#5d8a4a}.terrain.island .shoreline{fill:#dec88c2e;stroke:#f0dca080;stroke-width:.08;stroke-dasharray:.4 .4}.terrain.rock .body{fill:#6f7780;stroke:#3d444b;stroke-width:.15}.terrain-label{font-size:.9px;text-anchor:middle;fill:#ffffffb3;font-style:italic}.setup h3{margin:6px 0 0;color:var(--gold)}.decks-table{border-collapse:collapse;font-size:.85rem;width:100%}.decks-table th,.decks-table td{text-align:left;padding:3px 6px;border-top:1px solid var(--line)}.decks-table thead th{color:var(--muted);font-weight:400;border-top:none}.decks-table select{padding:4px 6px}.gun-ports{display:flex;flex-wrap:wrap;gap:4px}.setup .upgrades{display:flex;flex-direction:column;gap:6px}.setup .upgrades label{flex-direction:row;align-items:flex-start;gap:8px;color:var(--text);font-size:.9rem}.setup .upgrades input{width:18px;height:18px;padding:0;margin-top:2px;flex:none}.upgrade-text{display:block}.crew{display:flex;flex-direction:column;gap:8px}.crew-row{display:grid;grid-template-columns:64px minmax(0,1fr);gap:6px;padding:8px;background:var(--panel-2);border-radius:8px}.crew-row>select:first-child,.crew-row .checks{grid-column:1 / -1;align-items:center}.crew-row select,.crew-row input[type=number]{padding:6px 8px;min-width:0;background:var(--panel)}.crew-row .remove{margin-left:auto;min-height:30px;padding:3px 10px;font-size:.8rem}.hand .discarding .playing-card{opacity:.45;outline:3px solid var(--warn)}.smoke{fill:#dcdcd28c;pointer-events:none}.buttons .owner-0,.buttons .owner-1{border-left-width:4px}.badge{display:inline-block;margin-left:6px;padding:1px 6px;border-radius:4px;font-size:.68rem;font-weight:700;letter-spacing:.03em;text-transform:uppercase;vertical-align:middle}.badge.dedicated{background:#7a3b12;color:#ffd9a8;border:1px solid #c9772e}.badge.assignment{background:#1e4a5c;color:#bfe6f5;border:1px solid #3f8fad}.faction-rules{margin:0;padding-left:18px;font-size:.82rem;display:flex;flex-direction:column;gap:2px}.faction-rules li.unapplied{color:var(--muted);font-style:italic}.rule{border-bottom:1px dotted var(--muted);cursor:help}.commander-line{color:var(--gold)}.tag.place{margin-left:0;border-color:var(--gold);color:var(--gold)}.game{height:100%;display:grid;grid-template-rows:auto minmax(0,46vh) minmax(0,1fr);grid-template-columns:100%}.topbar{display:flex;flex-wrap:wrap;gap:6px;align-items:center;padding:6px 8px;background:var(--ink)}.pill{font-size:.8rem;padding:4px 9px;border-radius:999px;background:var(--panel);border:1px solid var(--line);border-left-width:1px}.pill.owner-0{border-color:var(--p0)}.pill.owner-1{border-color:var(--p1)}.pill.turn{background:var(--panel-2);box-shadow:0 0 0 2px var(--gold)}.quit{margin-left:auto;padding:4px 10px;min-height:30px;font-size:.8rem}.table-wrap{position:relative;display:flex;justify-content:center;background:#0a141c;min-height:0}.table{height:100%;aspect-ratio:1;max-width:100%;touch-action:none;-webkit-user-select:none;user-select:none;cursor:grab}.zoom{position:absolute;right:8px;bottom:8px;display:flex;flex-direction:column;gap:4px}.zoom button{width:38px;height:38px;padding:0;background:#0f1b26d9}.ship{cursor:pointer}.ship-label{font-size:1.15px;text-anchor:middle;font-weight:700;paint-order:stroke;stroke:#0a141c;stroke-width:.3px}.pip{font-size:.85px;text-anchor:middle;fill:#fff;font-weight:700;pointer-events:none}.marker{font-size:1.3px;text-anchor:middle}.arc{fill:#f0c05a24;stroke:var(--gold);stroke-width:.08;stroke-dasharray:.6 .4;pointer-events:none}.target{fill:none;stroke:var(--warn);stroke-width:.25;pointer-events:none}.ghost{pointer-events:none}.side-panel{display:flex;flex-direction:column;min-height:0;border-top:1px solid var(--line)}.tabs{display:flex}.tabs button{flex:1;border-radius:0;border-width:0 0 2px;background:var(--ink);min-height:38px;padding:6px}.tabs button.on{border-color:var(--gold);background:var(--panel);color:var(--gold)}.tab-body{flex:1;overflow-y:auto;padding:10px;display:flex;flex-direction:column;gap:10px;-webkit-overflow-scrolling:touch}@media (min-width: 900px) and (orientation: landscape){.game{grid-template-rows:auto minmax(0,1fr);grid-template-columns:minmax(0,1fr) 420px}.topbar{grid-column:1 / -1}.side-panel{border-top:none;border-left:1px solid var(--line)}}.hand{display:flex;flex-wrap:wrap;gap:8px}.playing-card{width:58px;height:80px;background:#f6efdc;color:#1a1a1a;border:1px solid #b9ad8d;border-radius:8px;display:flex;flex-direction:column;align-items:center;justify-content:center;font-size:1.25rem;font-weight:700;padding:0}.playing-card .suit{font-size:1.5rem;line-height:1}.playing-card.red{color:#c22626}.playing-card:disabled{opacity:1;cursor:default}.playing-card.small-card{display:inline-flex;flex-direction:row;gap:2px;width:auto;height:auto;min-height:0;padding:2px 7px;font-size:.95rem;vertical-align:middle}.playing-card.small-card .suit{font-size:1rem}.actions-table{border-collapse:collapse;font-size:.8rem;color:var(--muted)}.actions-table th,.actions-table td{padding:2px 10px;text-align:center}.actions-table tbody th{text-align:left;font-weight:400;text-transform:capitalize}.unit-list{display:flex;flex-direction:column;gap:6px}.unit-button{display:flex;justify-content:space-between;align-items:center;gap:8px;text-align:left;padding:8px}.unit-button .count{white-space:nowrap;color:var(--gold);font-weight:600}.unit{padding:2px 0 2px 8px;border-left:3px solid var(--line)}.unit.owner-0{border-left-color:var(--p0)}.unit.owner-1{border-left-color:var(--p1)}.unit.active{background:#f0c05a14}.act-head{display:flex;gap:10px;align-items:flex-start}.slider{display:flex;flex-direction:column;gap:2px;font-size:.88rem}.slider input{padding:0;height:30px;accent-color:var(--gold)}.target-row{display:flex;justify-content:space-between;align-items:center;gap:8px;padding:6px 0;border-top:1px solid var(--line)}.last-log{border-top:1px dashed var(--line);padding-top:8px;display:flex;flex-direction:column;gap:3px;font-size:.8rem}.sails{display:flex;flex-wrap:wrap;gap:4px;align-items:center}.sails>span:not(.muted){padding:2px 8px;border:1px solid var(--line);border-radius:6px;font-size:.85rem}.sails>span.on{background:var(--gold);color:var(--ink);border-color:var(--gold);font-weight:700}.sails>span.lost{text-decoration:line-through;opacity:.4}.tracks{display:grid;grid-template-columns:1fr 1fr;gap:10px}.track-head{display:flex;justify-content:space-between;font-size:.8rem;margin-bottom:3px}.bubbles{display:flex;align-items:center;gap:3px;margin-bottom:3px}.bubbles .fort{width:14px;font-size:.75rem;color:var(--muted)}.bubbles i{width:13px;height:13px;border-radius:50%;border:1.5px solid var(--muted)}.bubbles i.hit{background:var(--warn);border-color:var(--warn)}.deck{border-top:1px solid var(--line);padding-top:6px;display:flex;flex-direction:column;gap:4px}.deck-head{display:flex;flex-wrap:wrap;align-items:center;gap:4px;font-size:.85rem}.guns{margin-left:auto;display:flex;flex-wrap:wrap;gap:8px;font-size:.75rem;color:var(--muted)}.gun-group b{color:var(--gold);margin-left:1px}.gun-group b.empty{color:var(--dim)}.log{display:flex;flex-direction:column;gap:3px;font-size:.84rem}.log-phase{color:var(--gold);font-weight:600;margin-top:4px}.log-dice{color:#cfd9e0}.log-damage{color:#ffb199}.log-crit{color:var(--warn);font-weight:600}.log-move{color:#a9d4ee}.log-info{color:var(--muted)}.toast{position:fixed;left:50%;bottom:18px;transform:translate(-50%);max-width:92vw;background:#5b1f1b;border:1px solid var(--warn);padding:10px 16px;border-radius:10px;z-index:10;box-shadow:0 6px 24px #00000080}.setup label{min-width:0}.setup label>select,.setup label>input:not([type=checkbox]):not([type=radio]){min-width:0;width:100%}