.sea-home{gap:var(--space-3);grid-template-rows:minmax(0,1fr);min-height:0;display:grid;overflow:hidden}.sea-side{gap:var(--space-2);grid-template-rows:minmax(160px,1fr) auto;min-height:0;display:grid}.sea-scene{background:var(--well);border:2px solid var(--border);min-height:0;box-shadow:var(--drop);position:relative;overflow:hidden}.sea-home .hall-stage.sea-stage{border:0;height:100%;margin:0}.sea-home .sea-stage .pixi-host.hall-host,.sea-home .hall-loading.sea-stage{aspect-ratio:auto;height:100%;max-height:none}.sea-caption{left:var(--space-2);bottom:var(--space-2);padding:2px var(--space-2);font-size:var(--text-xs);background:var(--overlay);border:2px solid var(--border);pointer-events:none;margin:0;position:absolute}.sea-tiles{gap:var(--space-2);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.sea-tile{column-gap:var(--space-2);text-align:left;min-height:60px;padding:var(--space-2);grid-template-rows:auto auto;grid-template-columns:auto minmax(0,1fr);align-items:center;display:grid}.sea-tile .game-icon{grid-row:1/3}.sea-tile .tile-label{font-weight:700;line-height:1.2}.sea-tile .tile-note{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.sea-tile.active{border-color:var(--accent)}.sea-page{min-width:0;min-height:0;padding:var(--space-2) var(--space-3) var(--space-3);flex-direction:column;display:flex;overflow:hidden}.sea-page-head{align-items:center;gap:var(--space-2);margin-bottom:var(--space-2);display:flex}.sea-page-head h2{font-size:var(--pixel-md);margin:0}.sea-back{padding-inline:var(--space-2)}.sea-page-body{flex-direction:column;flex:1;min-height:0;display:flex}.sea-page-body>*,.planner-body>*,.harbour,.markets-view,.factions-view,.islands-view,.port-board,.sea-page .harbour,.sea-page .markets-view,.sea-page .factions-view,.sea-page .islands-view,.sea-page .port-board{gap:var(--space-2);flex-direction:column;flex:1;min-height:0;display:flex}.sea-page-body p,.sea-page-body h3{margin:0}.sea-tabs{scrollbar-width:none;flex-wrap:nowrap;flex:none;overflow-x:auto}.sea-tabs button{min-height:36px;font-size:var(--text-sm);color:var(--muted);flex:1 0 auto}.sea-tabs button.active{color:var(--accent);border-color:var(--accent)}button.big{min-height:48px;font-size:var(--text-md);font-weight:700}.paged{flex-direction:column;flex:1;min-height:0;display:flex;position:relative;overflow:hidden}.paged-list{flex:1;min-height:0;overflow:hidden}.paged-measure{visibility:hidden;pointer-events:none;position:absolute;inset:0 0 auto}.paged-list,.paged-measure{gap:var(--space-2);align-content:start;display:grid}.pager{justify-content:center;align-items:center;gap:var(--space-3);flex:none;height:40px;margin-top:4px;display:flex}.pager button{min-width:48px}.planner{gap:var(--space-2);flex-direction:column;display:flex}.planner-steps{gap:var(--space-1);grid-template-columns:repeat(4,minmax(0,1fr));margin:0;padding:0;list-style:none;display:grid}.planner-steps button{width:100%;font-size:var(--text-xs);color:var(--muted);justify-content:center;align-items:center;gap:6px;padding:4px;display:flex}.planner-steps button.active{color:var(--accent);border-color:var(--accent)}.planner-steps button.done .step-no{color:var(--good)}.step-no{font-family:var(--pixel-font)}.planner-tip{padding:var(--space-1) var(--space-2);font-size:var(--text-sm);border-left:4px solid var(--accent);background:var(--panel-2);margin:0}.planner-body{flex-direction:column;flex:1;min-height:0;display:flex;overflow:hidden}.step-short{display:none}.planner-foot{gap:var(--space-2);grid-template-columns:auto 1fr;display:grid}.planner-foot button{min-height:44px}.planner-empty{padding:var(--space-2)}.sea-page-body{container-type:inline-size}.sea-chart{aspect-ratio:8/5;border:2px solid var(--border);background:var(--well);flex:none;align-self:center;height:min(25vh,62.5cqw);margin:0;position:relative;overflow:hidden}@supports (height:1dvh){.sea-chart{height:min(25dvh,62.5cqw)}}.sea-page-body .sea-chart{flex:0 auto;height:min(25vh,62.5cqw);min-height:64px;position:relative;inset:auto}@supports (height:1dvh){.sea-page-body .sea-chart{height:min(25dvh,62.5cqw)}}.sea-chart canvas,.sea-chart svg{width:100%;height:100%;position:absolute;inset:0}.sea-chart canvas{image-rendering:pixelated}.sea-chart path{fill:none;stroke-linecap:round;stroke-linejoin:round}.sea-chart .chart-owned{stroke:#e8dcc0;stroke-width:1.2px;opacity:.85}.sea-chart .chart-sale{stroke:#c8d4e0;stroke-width:.9px;stroke-dasharray:2 2;opacity:.7}.sea-chart .chart-route{stroke:#ffd24a;stroke-width:2.4px}.sea-chart .chart-route.unowned{stroke-dasharray:3 2;stroke-width:1.8px}.chart-place circle{fill:#6d7a88;stroke:#0b1420;stroke-width:.8px}.chart-place.known circle{fill:#f2ead2}.chart-place.picked circle{fill:#ffd24a}.sea-chart .chart-x{stroke:#e0483a;stroke-width:1.6px;pointer-events:none}.sea-chart .chart-flag{pointer-events:none}.sea-chart .chart-flag rect{stroke:#0b1420;stroke-width:.5px}.sea-chart .chart-pole{stroke:#3a2a1a;stroke-width:.8px}.sea-chart .chart-flag .chart-contest{fill:none;stroke:#ff5a3c;stroke-width:1.2px;animation:1.4s ease-in-out infinite alternate chart-contest}@keyframes chart-contest{0%{opacity:.45}to{opacity:1}}@media (prefers-reduced-motion:reduce){.sea-chart .chart-flag .chart-contest{animation:none}}.chart-place circle.hit{fill:#0000;stroke:none;cursor:pointer}.chart-place text{font:7px var(--pixel-font), monospace;fill:#fff6dc;stroke:#0b1420;stroke-width:2px;paint-order:stroke;pointer-events:none}.step-dest,.step-crew,.step-supplies,.step-sail{gap:var(--space-2);flex-direction:column;min-height:0;display:flex}.dest-pick{align-items:center;gap:var(--space-2);grid-template-columns:auto minmax(0,1fr);display:grid}.dest-pick select{width:100%}.dest-card{padding:var(--space-2);background:var(--panel-2);border:2px solid var(--border)}.dest-card p{margin-top:2px}.charts-short{align-items:center;gap:var(--space-2);margin-top:var(--space-1);flex-wrap:wrap;display:flex}.waters-shallows{color:var(--good)}.waters-strait{color:var(--warn)}.waters-maw{color:var(--bad)}.route-line{font-size:var(--text-sm)}.legs-next{margin:0}.crew-head{justify-content:space-between;align-items:center;gap:var(--space-1) var(--space-2);flex-wrap:wrap;display:flex}.crew-actions{align-items:center;margin:0}.berths{grid-template-columns:minmax(0,1fr)}.berth{align-items:center;gap:var(--space-2);font-size:var(--text-sm);grid-template-columns:7.5em minmax(0,1fr);display:grid}.berth select{width:100%}.berth-level{color:var(--accent);font-variant-numeric:tabular-nums;font-weight:700}.supply-table{border-collapse:collapse;font-variant-numeric:tabular-nums;width:100%}.supply-table th,.supply-table td{text-align:right;border-bottom:1px solid var(--border);padding:4px 6px}.supply-table th:first-child{text-align:left}.supply-table thead th{font-size:var(--text-xs);color:var(--muted);font-weight:400}.supply-table tr.short th{color:var(--warn)}.table.supply-table th,.table.supply-table td{text-align:right;padding:4px 6px}.table.supply-table th:first-child{text-align:left}.table.supply-table tbody th{color:inherit;font-size:inherit;font-weight:700}.table.supply-table tbody tr{cursor:default}.table.supply-table tbody tr:hover{background:0 0}.table.supply-table tr.short th{color:var(--warn)}.stepper{align-items:center;gap:var(--space-1);display:inline-flex}.stepper button{min-width:36px;padding:0}.stepper span{text-align:center;min-width:2.5ch}.sail-summary.paged-list,.sail-summary.paged-measure{gap:2px}.sail-summary .sail-row{gap:var(--space-2);border-bottom:1px solid var(--border);grid-template-columns:5.5em minmax(0,1fr);padding:4px 0;display:grid}.sail-summary .sail-k{color:var(--muted);font-size:var(--text-sm)}.step-sail>:not(.paged){flex-shrink:0}.sail-actions{gap:var(--space-2);grid-template-columns:1fr 1fr;margin-top:auto;display:grid}.chandlery-list{gap:var(--space-2);margin:0;padding:0;list-style:none;display:grid}.chandlery-list>.chandlery-row{align-items:center;gap:var(--space-2);padding:var(--space-1) var(--space-2);background:var(--panel-2);border:2px solid var(--border);grid-template-columns:minmax(0,1fr) auto auto;display:grid}.chandlery-name{min-width:0;display:grid}.chandlery-name .sub{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.chandlery-price{font-variant-numeric:tabular-nums;justify-items:end;display:grid}.chandlery-buy{gap:var(--space-1);display:flex}.chandlery-buy button{min-width:44px;padding-inline:6px}.stock-for{gap:var(--space-1);margin-top:auto;display:grid}.chart-rows{gap:var(--space-1);grid-template-columns:minmax(0,1fr)}.chart-group{margin:var(--space-1) 0 0;font-size:var(--text-sm)}.chart-row{column-gap:var(--space-2);padding:2px var(--space-2);border:2px solid var(--border);background:var(--panel-2);grid-template-rows:auto auto;grid-template-columns:minmax(0,1fr) auto;align-items:center;display:grid}.chart-row.lit{border-color:var(--accent)}.chart-row .chart-name{text-align:left;min-height:0;color:var(--text);justify-self:start;padding:0;font-weight:700}.chart-row>:last-child{grid-area:1/2/3}.charts-view .sea-tabs{flex-wrap:nowrap}.charts-view .sea-tabs button{white-space:nowrap;flex:auto;min-width:0;padding-inline:6px}.survey{gap:var(--space-2);flex-direction:column;flex:1;min-height:0;display:flex}.survey-all,.survey-waters{padding:var(--space-1) var(--space-2);border:2px solid var(--border);background:var(--panel-2);gap:4px;display:grid}.survey-all{border-color:var(--accent);flex:none;align-content:start}.survey-waters.done{border-color:var(--good)}.survey-all header,.survey-waters header{justify-content:space-between;align-items:baseline;gap:var(--space-2);display:flex}.survey-all h3,.survey-waters h3{font-size:var(--text-sm)}.survey-all strong,.survey-waters strong{font-variant-numeric:tabular-nums}.survey-bar{background:var(--well);border:1px solid var(--border);height:8px;display:block;position:relative}.survey-bar>span{background:var(--accent);position:absolute;inset:0 auto 0 0}.survey-waters .survey-bar>span{background:var(--good)}.survey-counts{gap:var(--space-1);font-size:var(--text-xs);grid-template-columns:repeat(4,minmax(0,1fr));margin:0;display:grid}.survey-counts dt{color:var(--muted)}.survey-counts dd{font-variant-numeric:tabular-nums;margin:0;font-weight:700}.survey-line{font-size:var(--text-xs);overflow-wrap:anywhere}.survey-rows{grid-template-columns:minmax(0,1fr)}@media (width>=901px){.survey-rows{grid-template-columns:repeat(auto-fill,minmax(260px,1fr))}}.sea-chart .chart-place.secret circle:not(.hit){fill:#f0c85a;stroke:#2a1a08}.upgrade-line{margin:var(--space-1) 0 0}.upgrade-rows{gap:var(--space-1);margin:var(--space-2) 0;display:grid}.upgrade-row .needs{margin:0}.pips{vertical-align:middle;gap:2px;display:inline-flex}.pips i{border:1px solid var(--accent);width:8px;height:8px}.pips i.on{background:var(--accent)}.flag-chip{vertical-align:middle;border:1px solid var(--border);grid-template-rows:repeat(3,4px);grid-template-columns:repeat(3,4px);padding:1px 2px;display:inline-grid}.flag-pick{align-items:center;gap:var(--space-1);display:inline-flex}.flag-pick.active{border-color:var(--accent)}.swatch-dot{vertical-align:middle;border:1px solid var(--border);width:10px;height:10px;display:inline-block}.locked-looks{margin:0}.sea-page .ship-list{grid-template-columns:repeat(auto-fill,minmax(260px,1fr))}.sea-page .dock-grid,.sea-page .shop-row{grid-template-columns:repeat(auto-fill,minmax(240px,1fr))}.sea-page .dock-card .facility-levels{margin:var(--space-1) 0;font-size:var(--text-xs)}.shipwright-row{align-items:center;gap:var(--space-2);padding:var(--space-1) var(--space-2);border:2px solid var(--border);background:var(--panel-2);grid-template-columns:minmax(0,1fr) auto;display:grid}.shipwright-row p{margin:0}.shipwright-row>.needs,.shipwright-row>.why{grid-column:1/-1}.needs .good,.needs .warn{white-space:nowrap}.dock-card .accent{color:var(--accent)}.dock-card p{margin:0}.dock-card>button{margin-top:var(--space-1)}.warehouse-head{align-items:center;margin:0}.goods-rows{gap:var(--space-1);grid-template-columns:minmax(0,1fr)}.goods-row{align-items:center;gap:var(--space-2);min-height:40px;padding:2px var(--space-2);border-bottom:1px solid var(--border);font-variant-numeric:tabular-nums;grid-template-columns:minmax(0,1fr) auto auto;display:grid}.goods-trade{gap:var(--space-1);display:flex}.goods-name{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.goods-note{text-overflow:ellipsis;white-space:nowrap;flex:none;min-height:1lh;overflow:hidden}.buy-sell{white-space:nowrap}.port-board .best-run{text-align:right;max-width:20em}.contract-list,.island-list{grid-template-columns:repeat(auto-fill,minmax(260px,1fr))}.ware-list{gap:var(--space-1);grid-template-columns:minmax(0,1fr)}.contract-card,.island-card{padding:var(--space-1) var(--space-2);border:2px solid var(--border);background:var(--panel-2);gap:2px;display:grid}.contract-card p,.island-card p,.faction-head p,.faction-head h4{margin:0}.contract-card header,.island-card header{justify-content:space-between;gap:var(--space-2);display:flex}.contract-card.done{border-color:var(--good)}.contract-card>button{justify-self:start;margin-top:2px}.island-card.ours{border-color:var(--good)}.contract-card .accent,.island-card .accent,.faction-head .accent{color:var(--accent)}.faction-head{gap:var(--space-1);display:grid}.shipwright-row.sold{opacity:.6}.wearer select{max-width:60%}.contest-fight{gap:var(--space-1);justify-items:start;display:grid}.sea-help{top:var(--space-2);left:var(--space-2);min-height:36px;padding:0 var(--space-2);font-size:var(--text-sm);background:var(--overlay);position:absolute}.sea-help span{color:var(--accent);font-weight:700}.modal.ships-help{gap:var(--space-2);flex-direction:column;display:flex}.ships-help .sea-tabs button{flex:1 1 0;min-width:0;padding-inline:2px}.ships-help h2{margin:0}.ships-help-page{gap:var(--space-2);font-size:var(--text-sm);align-content:start;display:grid}.ships-help-page p{margin:0}.help-list{gap:var(--space-1);margin:0;padding:0;list-style:none;display:grid}.help-list div{gap:var(--space-2);grid-template-columns:6.5em minmax(0,1fr);display:grid}.help-list dt{font-weight:700}.help-list dd{margin:0}.ships-help>.primary{align-self:flex-end}.ledger-totals{gap:var(--space-1);grid-template-columns:repeat(4,minmax(0,1fr));margin:0;display:grid}.ledger-totals div{padding:var(--space-1) var(--space-2);background:var(--panel-2);border:2px solid var(--border)}.ledger-totals dt{font-size:var(--text-2xs);color:var(--muted)}.ledger-totals dd{font-family:var(--pixel-font);font-size:var(--pixel-md);font-variant-numeric:tabular-nums;margin:0}.ledger-rows{gap:var(--space-1);grid-template-columns:minmax(0,1fr)}.ledger-row{align-items:center;gap:var(--space-2);padding:var(--space-1) var(--space-2);border:2px solid var(--border);background:var(--panel-2);grid-template-columns:minmax(0,1fr) auto;display:grid}.ledger-row.sunk{border-color:var(--bad)}.ledger-what,.ledger-sum{min-width:0;display:grid}.ledger-sum{font-variant-numeric:tabular-nums;justify-items:end}@media (width<=900px){.sea-home[data-view=home] .sea-page,.sea-home:not([data-view=home]) .sea-side{display:none}.sea-home .hall-zoom button{width:var(--target-touch);height:var(--target-touch)}}@media (width<=480px){.step-long{display:none}.step-short{display:inline}}@media (width<=420px){.chandlery-name .about{display:none}.ledger-totals dd{font-size:var(--text-md)}.goods-row{grid-template-columns:minmax(0,1fr) auto;row-gap:0}.goods-row:has(.goods-trade)>:nth-child(2){grid-row:2}.goods-row>.goods-trade{grid-area:1/2/3}.port-board .best-run{display:none}}@media (width>=901px){.sea-home{grid-template-columns:minmax(300px,2fr) minmax(0,3fr)}.sea-side{grid-template-rows:minmax(0,1fr) auto}}.goods-why{display:block}.planner-foot .foot-why{grid-column:1/-1}.chart-buy-cell{text-align:right;justify-items:end;display:grid}.chart-buy-cell .sub{max-width:11em;font-size:var(--text-xs)}.berth .berth-note{font-size:var(--text-xs);grid-column:1/-1}