@charset "UTF-8";
:root{
  --ink:#16263e;--deep:#e9eef4;--panel:#fcfdff;--panel2:#edf2f8;--chart:#284d74;
  --text:#213149;--muted:#66758a;--line:#d7dfe9;--gold:#2f6099;--rust:#aa5943;--mint:#386b88;--red:#b64d45;
  --display:"STZhongsong","Songti SC","SimSun",serif;--radius:9px;--rail:210px;--masthead:78px;
}
html{background:var(--deep);scroll-padding-top:105px}
body{background:var(--deep);color:var(--text)}
button,a,input,select,summary{ -webkit-tap-highlight-color:transparent}
button:focus-visible,a:focus-visible,input:focus-visible,summary:focus-visible,select:focus-visible{outline:2px solid #ad5347;outline-offset:3px}
.icon.painted-icon{object-fit:contain;flex-shrink:0;filter:drop-shadow(0 1px 1px #0b17251c);vertical-align:middle}
.shell{display:block;max-width:none;min-height:100svh}
.sidebar{position:fixed;inset:0 auto 0 0;width:var(--rail);height:100svh;z-index:40;display:flex;flex-direction:column;padding:28px 17px 15px;background:#14243b;color:#e6edf6;border-right:1px solid #ffffff12}
.brand{display:flex;align-items:center;gap:10px;margin:0 4px 34px}
.brand>.icon{width:43px;height:48px}
.brand-word{display:block}.brand strong{font-size:22px;letter-spacing:3px;color:#f1f2ee;font-weight:500}.brand small{letter-spacing:5px;font-size:9px;color:#9cacc1;margin-top:7px}
.nav{display:flex;flex-direction:column;gap:9px;overflow-y:auto;overflow-x:hidden;flex:0 1 auto;min-height:0;scrollbar-width:thin;scrollbar-color:#546279 transparent;padding:0}
.nav button{display:flex;flex:0 0 auto;min-height:58px;align-items:center;justify-content:flex-start;gap:14px;width:100%;padding:10px 13px;border:1px solid transparent;border-radius:7px;background:transparent;color:#bdc9d8;transition:background .16s,color .16s}
.nav button .icon{width:34px;height:34px}.nav button .nav-label{display:block;font-size:14px;letter-spacing:2px;line-height:1.4}.nav button:hover{background:#ffffff09;color:#fff}.nav button.active{background:#2c4565;color:#fff;border-color:#8ba8cf35;box-shadow:inset 3px 0 #c4d5ec}.nav button.active:before{display:none}
.nav .count{color:#fff;background:#a94e45;font:10px var(--data);position:static;min-width:19px;height:19px;line-height:19px}
.side-ship{margin-top:auto;padding:28px 5px 18px}.side-ship .eyebrow{color:#96a8bf;font:10px var(--font);letter-spacing:1px}.side-ship h3{font-size:17px;color:#f4f5f6;margin:6px 0 14px}.side-ship h3 span{font-size:10px;color:#b0bfd1}.ship-state{font-size:10px;color:#aab9cd}.side-ship .bar{background:#ffffff16}.side-ship .bar>span{background:#8eaed2}
.save-tools{padding:14px 0 0;border-color:#ffffff16}.save-tools button{color:#b5c3d5;font-size:11px}.save-tools button:hover{color:white}.save-note{color:#7f94af;font-size:9px}
.content{margin-left:var(--rail);padding-top:var(--masthead);min-width:0}
.topbar{position:fixed;top:0;left:var(--rail);right:0;z-index:35;height:var(--masthead);min-height:var(--masthead);display:flex;gap:26px;padding:0 28px;background:#fafbfd;border-bottom:1px solid #cad4e1;box-shadow:0 3px 14px #1a2a4210;color:var(--text)}
.captain-status{display:flex;align-items:center;gap:11px;min-width:145px}.captain-status strong{font-family:var(--display);display:block;font-size:16px;letter-spacing:1px;font-weight:500}.captain-status small{display:block;color:var(--muted);font-size:10px;line-height:1.6;max-width:160px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.status-lamp{width:7px;height:7px;background:#8ba2b8;border-radius:50%;box-shadow:0 0 0 4px #8ba2b816}.status-lamp.underway{background:#3a699c;box-shadow:0 0 0 4px #3a699c14}
.wallet{gap:26px;flex:1;justify-content:center}.resource{gap:7px;min-width:65px}.resource .icon{display:block;width:29px;height:29px}.resource small{color:var(--muted);font-size:9px}.resource strong{font:20px/1.45 var(--data);letter-spacing:0;color:#233a57}.top-actions{gap:10px;margin-left:auto}.sea-time{text-align:right;white-space:nowrap}.time{display:block;font:11px var(--data);color:#334b69}.sea-time small{display:block;font-size:9px;color:#7a8796}.speed-control{border-color:#d2dce7;background:#eef2f7}.speed-control button{padding:5px 7px;border-color:#d2dce7;color:#7a8796;font-size:10px}.speed-control button.active{color:#2c5688;background:#dbe5f2}.icon-button{color:#596e87;border-color:#d0dbe7;background:#f4f7fb}.icon-button:hover{color:#223e61;background:#e9eff7}
main{max-width:1640px;padding:22px 30px 40px;margin:auto}
.page-tabs{display:flex;gap:25px;border-bottom:1px solid #cbd5e2;overflow-x:auto;scrollbar-width:none;margin-bottom:24px;white-space:nowrap;align-items:stretch}
.page-tabs button{flex:0 0 auto;border:0;border-bottom:3px solid transparent;padding:11px 2px 12px;background:none;color:#748196;font-size:12px;letter-spacing:.5px}.page-tabs button:hover{color:#2a4f7c}.page-tabs button.active{color:#234a7b;font-weight:650;border-bottom-color:#aa5548}
.page-head{margin-bottom:20px;gap:14px}.page-head h1{font-size:28px;letter-spacing:1px;color:#1f3654}.page-head p{font-size:11px;color:#718095;margin-top:4px}.page-head .pill{font-size:10px}
.panel,.crew-card,.module-card,.research-card,.contract-card,.recruit-card,.facility-card,.order-manifest,.fleet-vessel,.guild-relations>article,.fleet-purchase>article,.council-requirement{background:#fcfdff;color:var(--text);border-color:var(--line);box-shadow:0 3px 10px #253a5810}
.panel-head{background:#f5f7fb;border-color:var(--line)}.panel-head h2,.panel-head h3{color:#304b6c}.panel-head h2 .icon,.panel-head h3 .icon{width:24px;height:24px}.panel-head .detail{color:#718298}
.btn{color:#304f74;background:#e9eff7;border:1px solid #cdd9e7;min-height:36px;border-radius:5px;box-shadow:none}.btn:hover:not(:disabled){background:#dce7f4;color:#243f63;transform:none}.btn.primary{color:#fff;background:#345e91;border-color:#345e91;font-weight:550;box-shadow:0 2px 4px #23457018}.btn.primary:hover:not(:disabled){background:#284e7d}.btn.ghost{background:transparent}.btn.danger{color:#a84b45;background:#fff5f2;border-color:#e6c5bf}.btn:disabled{opacity:.42}.text-button{color:#355f90}.icon-button .icon{width:17px;height:17px}
.bar{background:#e0e7ef}.bar>span{background:#6a8ba9}.bar.gold>span{background:#3a669c}.bar.red>span{background:#ba6559}.bar.gold>span:after{display:none}
.pill,.tag{background:#eff3f8;color:#58718d;border-color:#cfdae7}.pill:before{background:#7e98b2}.pill.gold,.tag.gold{color:#315e90;background:#edf3fc;border-color:#c4d5ec}.pill.danger{color:#a34d43;background:#f9eeea;border-color:#e4c6bf}.cost,.requirements,.reward-line{color:#687a8f}.missing,.requirements:not(.good){color:#aa514a}.requirements.good,.good{color:#426d85}.hint,.description,.section-intro{color:#6e7e91}.divider,.specs{border-color:var(--line)}
.tabs button,.sea-tabs button,.sailing-modes button,.quantity-control button{background:#f3f6fa;color:#60738b;border-color:#d4ddea}.tabs button.active,.sea-tabs button.active,.sailing-modes button.active,.quantity-control button.active{background:#dfe9f7;color:#2e5789;border-color:#9db7d8}
.sea-tabs{margin-bottom:15px}.sea-tabs button{padding:6px 10px}.world-workgrid{gap:18px;grid-template-columns:minmax(0,1fr) 290px}.world-chart{background:#173656}.world-chart .panel-head{background:#edf2f8}.world-chart .map-toolbar{background:#e8eef6;border-color:#c5d1e0}.map-select{background:#fcfdff;border-color:#c5d2e2;color:#345676}.world-map-viewport{background:#173656;scrollbar-color:#839ab4 #173656;max-height:min(65svh,720px)}.world-map-canvas{background:#264f7d}.world-lands path{fill:#7f8a99;stroke:#c7cfda66}.shipping-lanes path{stroke:#c7d4e046}.sea-name{color:#cedbec70}.world-chart .map-bottom{background:#1b3656;color:#c1cfdf}.chart-key{color:#b2c8e2}.world-port{color:#eef3f7}.world-port>span{background:#1b3a5c;border-color:#b1c5dd8c;box-shadow:0 0 0 3px #15314e88}.world-port.selected,.world-port.home-port,.world-port:hover{color:#fff}.world-port.selected>span{border-color:#e6edf6;background:#496f9a;box-shadow:0 0 0 4px #c3d8f344}.world-port b{text-shadow:0 1px 3px #0b2342,1px 0 3px #0b2342}.world-port .icon{width:13px;height:13px}.player-token{filter:drop-shadow(0 0 3px #fff8)}.player-token .icon{width:29px;height:29px}.fleet-token{background:#284667;box-shadow:0 0 0 2px #183454;border-color:#d2e0ee;width:27px;height:27px}.fleet-token>.icon{width:21px;height:21px}.fleet-label{background:#142e4d;color:#edf3fa;border-color:#8ea7c3}.pirate-marker{background:#4a283ec4;color:#f5cbc3}.pirate-marker>.icon{width:18px;height:18px}.pirate-zone{fill:#d8746a14;stroke:#e4a49b60}.world-ruin{background:#263f5a;color:#eff2f6;border-color:#9eb4cd}.world-ruin.selected{background:#536f8d;outline-color:#d6e6fa}
.port-detail h3,.location-detail h3{color:#2a4566}.port-specialties>span,.trade-tip,.cargo-meter,.crew-notice,.notice,.training-progress,.production-slip,.dispatch-status{background:#edf2f8;border-color:#d1dce9;color:#405e80}.port-specialties small,.trade-tip p,.trade-tip small,.crew-notice{color:#6b7c91}.crew-notice strong{color:#3f5f84}.journey-scene{background:linear-gradient(#769bbf,#d8e4ee 54%,#355f8d 55%,#203f65)}.ship-drawing{color:#7397bc}.ship-visual{background:#e9eff6}.ship-name{color:#4c6e94}.stats-grid div{border-color:#d7e0eb}.stats-grid strong{color:#365d8c}.journey-destinations{color:#466185}.pirate-encounter{background:#f7eeeb;border-color:#dfc6c0}.pirate-encounter h3{color:#a44e47}.loot-chip{background:#e6edf6;color:#456182;border-color:#d1dce9}.weather-note p{color:#6c7f94}
.tide-panel{display:flex;align-items:center;gap:18px;background:#f7f9fc;border:1px solid #d2dce8;border-left:3px solid #5d7fa8;border-radius:6px;padding:12px 16px;margin-bottom:15px}.tide-now{display:flex;gap:10px;align-items:center;flex-shrink:0}.tide-now>span{font-size:29px;color:#51759e}.tide-now strong{display:block;font-size:13px;font-weight:600;color:#365780}.tide-now small{display:block;font:10px var(--data);color:#7d8b9e}.tide-panel>p{font-size:10px;color:#6c7f96;max-width:350px;line-height:1.8}.tide-panel>.btn{margin-left:auto;flex-shrink:0}.tide-phases{display:flex;gap:12px;margin-left:auto;border-left:1px solid #d5dfeb;padding-left:16px}.tide-phases>span{font-size:10px;color:#9aa8ba;white-space:nowrap}.tide-phases small{display:block;font-size:8px}.tide-phases .ad-current{color:#3b5f8c;font-weight:600}.active-jobs{display:flex;gap:9px;overflow-x:auto;margin:0 0 15px;scrollbar-width:thin}.active-jobs button{display:grid;grid-template-columns:1fr auto;gap:1px 12px;flex:0 0 auto;text-align:left;border:1px solid #cdd9e8;background:#f8fafd;padding:8px 12px;border-radius:5px}.active-jobs b{font-size:10px;font-weight:550;color:#3d5e85}.active-jobs small{font-size:9px;color:#7d8da1;grid-row:2}.active-jobs button>span{grid-column:2;grid-row:1/3;align-self:center;color:#7a91ad}
.merged-section{margin-top:26px;scroll-margin-top:110px}.section-title{display:flex;gap:14px;align-items:center;margin:0 0 16px}.section-title:after{content:"";height:1px;background:#cbd6e4;flex:1}.section-title h2{font:21px var(--display);color:#2b4566;letter-spacing:1px}.embedded-status{display:flex;justify-content:flex-end;margin-bottom:14px}.merged-section>summary{cursor:pointer;list-style:none;display:flex;align-items:center;justify-content:space-between;font:19px var(--display);color:#2e4e75;padding:18px 21px;background:#f5f8fc;border:1px solid #ccd9e9;border-left:3px solid #4e719c;border-radius:6px}.merged-section>summary:after{content:'＋';font:18px var(--data);color:#7790ad}.merged-section[open]>summary:after{content:'−'}.merged-section>.merged-body{padding-top:20px}.dock-workshops{display:grid;grid-template-columns:1.5fr 1fr;gap:18px}.dock-workshops>.panel{align-self:start}
.trade-dashboard{background:#fff;border-color:#d1dce8}.trade-dashboard>div{border-color:#dbe3ed}.trade-dashboard small{color:#7c8ba0}.trade-dashboard strong{color:#315780}.trade-dashboard em{color:#95a5ba}.commodity-heading,.commodity-market .panel-head{background:#f0f4f9;color:#7d8c9f}.commodity-row{border-color:#e2e8f0}.commodity-name h3{color:#2e4562}.commodity-name h3 b{background:#e8eef7;color:#557797}.commodity-name h3 b.demand{background:#f4e8e5;color:#a45e50}.goods-mark{background:#edf2f8;border-color:#d5dfeb}.goods-mark .icon{width:28px;height:28px}.commodity-price strong{color:#3c5f89}.commodity-price strong i,.commodity-price small,.commodity-name small,.market-footnote{color:#7b8ba0}.hold-row,.market-row,.warehouse-row,.recipe,.opportunities button{border-color:#dce5ef}.opportunities strong{color:#4f769a}.market-news p{color:#5e728b;border-color:#e0e7ef}.market-news small{color:#8d9cb0}.market-workgrid{gap:18px}.quantity-control{border-color:#ccd9e8}
.tavern-scene{background:linear-gradient(100deg,#243b59,#344e6c);border-color:#899ab644;padding:25px 30px;gap:25px}.tavern-scene h2{color:#f4f0e8;font-size:27px}.tavern-scene p,.tavern-scene small{color:#c1cedb}.tavern-scene .eyebrow{color:#9fb1c8;font-size:9px}.tavern-scene small b{color:#fff}.tavern-lantern{filter:none;animation:none;width:65px}.tavern-lantern .icon{width:64px;height:64px}.tavern-candidates{gap:17px}.recruit-card{border-top-color:#8c9eb4;padding:20px}.recruit-top h3{color:#2c4768}.recruit-top p{color:#637f9e}.recruit-skill{color:#60748e}.trait-line{border-color:#d8e2ed;color:#7e8c9e}.trait-line b{background:#edf3fa;border-color:#c5d6e9;color:#52769b}.tavern-bottom{display:none}.crew-main{background:#fcfdff}.crew-card .intro{color:#6f8094}.crew-card .role{color:#577899}.crew-card .crew-trait{background:#eef3f9;border-color:#d6e0ec}.crew-trait .trait{color:#496b91}.crew-card .crew-training{background:#f7f9fc;border-color:#dbe4ef}.crew-development{border-top:1px solid #dce4ee;background:#f6f9fc}.crew-development>summary{padding:11px 18px;font-size:11px;color:#537496;cursor:pointer}.crew-development .ad-camp-card{border:0;border-radius:0;box-shadow:none;background:#f6f9fc;padding:0 16px 16px}.crew-insight{font-size:10px;color:#6e839c;margin-bottom:12px}.crew-insight b{color:#3e6390}.ad-camp-focus,.ad-camp-skill{border-color:#d6e1ee}.ad-camp-skill p,.ad-camp-tasks small{color:#77899e}.ad-camp-tasks>div{border-color:#d9e3ef}.ad-companion-effect{color:#637f9e}.ad-companion-info>small{color:#6c89a6}.ad-companion-info h2{color:#2e4869}.ad-companion-info p{color:#708199}.ad-portrait{background:#21384c}.sailor-avatar{background:#e6edf6;color:#496f9a;border-color:#b9cadd}
.shipyard{background:#f4f7fb;border-color:#ccd8e6}.shipyard-header{background:linear-gradient(115deg,#233b5a,#3c5878);color:#eef3fa}.shipyard-header h2{color:#f7f5ef}.shipyard-header p,.shipyard-header .eyebrow,.shipyard-header small{color:#b7c7da}.shipyard-header .ship-drawing{color:#c6d6e9}.shipyard-facts b{color:#eef2f8}.ship-tier-track{background:#eef3f9;border-color:#d4dfec}.ship-tier-track>div{border-color:#d3ddeb;color:#7488a2}.ship-tier-track>div.current{background:#dae6f4;border-color:#a8bfdc}.ship-tier-track .current b{color:#345c8a}.shipyard-next{background:#f9fbfd;border-color:#d6e0ed}.shipyard-next h3{color:#34587f}.module-card .effect{color:#426a94}.module-card .desc{color:#7a8ba0}.module-card.installed{border-color:#9cb7d6;background:#f0f5fc}.module-icon{background:#e8eff8;border-color:#cad9ea;color:#456d97}.module-icon .icon{width:29px;height:29px}.shipyard-facts small,.shipyard-next p{color:#8b9db2}
.salvage-stages{display:flex;align-items:center;gap:14px;margin-bottom:20px}.salvage-stages button{display:flex;align-items:center;gap:10px;padding:10px 18px;border:1px solid #ccd9e8;background:#f5f8fc;color:#8a9bb0;border-radius:5px;font-size:12px}.salvage-stages button .icon{width:26px;height:26px}.salvage-stages button.active{background:#e4edf8;border-color:#a6bfdd;color:#2f5787}.salvage-stages>span{color:#9badc1}.ad-cell{background:#e8eff8;color:#51769a;border-color:#c6d5e7}.ad-cell small{color:#8c9db1}.ad-cell.reef{background:#c3cbd6;color:#78899b}.ad-cell.here{background:#6185ac;color:#fff;border-color:#385c86}.ad-cell.candidate{box-shadow:inset 0 0 0 2px #7d9ec2}.ad-grid{background:#d4dfea;border-color:#bacbdf}.ad-controls,.ad-map-panel{background:#fbfcfe}.ad-map-head{background:#f1f5fa;color:#42668d;border-color:#d6e0ed}.ad-map-head small,.ad-map-legend,.ad-clues{color:#778ca5}.ad-clues p{background:#eff4fa;border-color:#d7e1ef}.ad-map-legend{background:#edf3fa}.ad-pipe{background:#dce6f1;border-color:#b5c6da;color:#8198b1}.ad-pipe.wet{background:#a3bad4;color:#325880;border-color:#799bc4}.ad-pipes{background:#bdcde0}.ad-pressure button{background:#eff3f8;color:#7187a0;border-color:#cad8e9}.ad-pressure button.selected{background:#416e9e;color:#fff;border-color:#416e9e}.ad-empty{background:linear-gradient(120deg,#f6f9fd,#e8eff8);padding:36px}.ad-empty h2{color:#2f5076}.ad-empty p{color:#73869f}.ad-relic.unowned{opacity:1;background:#f5f7fa}.ad-relic.unowned h3{color:#5c718b}.ad-relic.unowned .ad-relic-mark{opacity:.7}.ad-relic small{color:#7187a0}.ad-relic.equipped{background:#edf4fd;border-color:#91b1d7}.ad-relic-mark{color:#6586ab;background:#e7eff9;border-color:#c5d6ea}.ad-families .panel{background:#eef3f9;box-shadow:none}.ad-families h3{color:#3b608b}.ad-families small{color:#738ba8}.ad-perk{background:#edf3fa;color:#6887a8;border-color:#c7d8ec}.ad-rift-perks{background:#edf2f9}.ad-route-row>span{color:#8d9eb3}.ad-route-summary{background:#edf3fa;color:#4e6d92;border-color:#cedcec}.ad-shipping details{background:#f8fafd}.ad-fish-cell{background:#dce8f4;color:#688db1;border-color:#b7cce1}.ad-fish-cell.netted{background:#acc4dd;border-color:#6089b4}.ad-fish-stock article{background:#f2f6fb;border-color:#d4e1ef}.ad-history p{border-color:#dae4ef}.ad-current{border-color:#87a8ce}.ad-regatta-card .ad-map-head{background:#edf3fa}.ad-three,.ad-four{gap:16px}
.estate-banner,.guild-banner,.flotilla-banner,.council-banner{background:linear-gradient(115deg,#263e5d,#405c7b);color:#eef4fb;border-color:#6c87a955}.estate-banner p,.guild-banner p,.flotilla-banner p,.council-banner p{color:#becbdc}.estate-banner .eyebrow,.guild-banner .eyebrow,.flotilla-banner .eyebrow,.council-banner .eyebrow{color:#a4b8cf}.estate-banner h2,.guild-banner h2,.flotilla-banner h2,.council-banner h2{color:#f1f4f8}.guild-banner .wax-seal{background:#d5e0ed;border-color:#94a9c1}.facility-card .facility-icon{background:#e9f0f8;border-color:#c6d8e9}.facility-card p,.industry-recipe p{color:#7a8ca2}.facility-card .cost{color:#57799c}.estate-grid,.guild-relations,.fleet-purchase{gap:17px}.facility-card h3,.guild-relations h3,.fleet-vessel h2,.fleet-purchase h3{color:#34577f}.order-manifest .manifest-top{background:#eff4f9;color:#5b7c9e;border-color:#d4e0ec}.order-manifest.signed{border-color:#9ab4d3}.manifest-payment{background:#eff4fa;color:#6685a5}.manifest-payment b,.manifest-route strong{color:#365d88}.manifest-condition{color:#a26758;background:#fbf2ee;border-color:#ecd6cc}.guild-relations p,.guild-relations small,.fleet-purchase small,.fleet-purchase p{color:#7c8fa8}.vessel-stats{background:#edf3f9;border-color:#cfdde9}.vessel-stats b{color:#3f638e}.fleet-planning,.vessel-mission{background:#f7f9fc;border-color:#d8e2ee}.vessel-heading{background:#f4f7fb}.vessel-heading .ship-drawing{color:#5f86ae}.fleet-plan-note{background:#eef3fa;color:#5b7da3}.fleet-history article{border-color:#d5e1ed}.council-tabs button{background:#eef3f9;color:#5e7d9e;border-color:#d1dfec}.council-tabs button.active{background:#dce8f6;color:#315b8a;border-color:#96b4d6}.council-work,.policy-card,.crisis-card{background:#fbfcfe;border-color:#d1deeb}.council-work p,.policy-card p{color:#7990a9}
.legacy-summary{background:linear-gradient(120deg,#e1eaf6,#f4f7fc);border-color:#b8cce3}.legacy-summary h2,.cycle-action>strong{color:#315a89}.cycle-action{border-color:#bfcee1}.cycle-action p,.legacy-summary p{color:#778ca6}.cycle-checklist button,.resolution-goal,.inheritance-grid>div{background:#edf3fa;border-color:#cbdced;color:#4f739b}.commission-board{background:#f1f5fb;border-color:#c6d6ea}.research-levels span{background:#d5e0ed}.research-levels .filled{background:#5b82ae}.season-strip{background:#edf3fa;border-color:#cbd9e9}.ambition{background:#edf3fb;border-color:#bdcfe4}.ambition-title h2{color:#385e8b}.ambition-title p{color:#8090a5}.log-entry{border-color:#e1e7ef}.log-entry p{color:#627a95}.codex-card{background:#fcfdff}.codex-card p{color:#687e99}.ending-banner{background:linear-gradient(115deg,#e1ebf7,#f3f7fc);border-color:#bdcfe4}.ending-banner p{color:#5f7a99}.footer-note{color:#8a9aaf;border-color:#cfdae7}
input,select,.text-input,.fleet-field select,.ad-inline-label select,.ad-camp-focus select,.ad-route-row select,.ad-route-row input,.ad-route-options select{background:#f7f9fd;color:#3b5b80;border-color:#c8d7e8;border-radius:4px}.overlay{background:#0c192ac4}.dialog{background:#fbfcff;color:#304967;border-color:#bacbdf}.dialog h2{color:#28496e}.dialog .narrative,.choice p{color:#71869e}.dialog .eyebrow{color:#8097b2}.dialog .close{background:#f0f4fa}.choice{background:#eef3fa;border-color:#cddbea}.choice strong{color:#375c88}.choice:hover:not(:disabled){background:#e1ebf8;border-color:#97b2d3}.choice:after{color:#6a8eb7}.offline-summary div{background:#edf3fa;color:#708aa7;border-color:#cfdded}.offline-summary strong{color:#3c6597}.toast{background:#243f61;color:#f3f6fa;border-color:#6582a4;box-shadow:0 5px 22px #182d4430;left:calc(50% + 105px)}.toast.error{background:#9c5449;border-color:#c98879;color:#fff}.skip-link{background:#385e8e;color:white}
@media(min-width:1600px){main{padding:26px 40px 45px}.topbar{padding-inline:40px}.world-workgrid{grid-template-columns:minmax(0,1fr) 310px}.wallet{gap:40px}}
@media(max-width:1280px){:root{--rail:180px}.sidebar{padding-inline:12px}.brand{gap:6px;margin-inline:2px}.brand strong{font-size:20px}.brand>.icon{width:36px}.nav button{gap:10px;padding-inline:11px}.topbar{padding-inline:20px;gap:16px}.captain-status{min-width:125px}.wallet{gap:14px}.resource{min-width:60px}.top-actions{gap:6px}.time{display:block}main{padding-inline:23px}.tide-phases{display:none}.world-workgrid{grid-template-columns:minmax(0,1fr) 270px}}
@media(max-width:1060px){:root{--rail:80px}.sidebar{padding:20px 8px 12px;align-items:stretch;gap:0}.brand{justify-content:center;margin:0 0 26px}.brand>.icon{width:46px;height:50px}.brand-word{display:none}.nav{display:flex;gap:6px}.nav button{flex-direction:column;gap:4px;justify-content:center;padding:8px 3px;min-height:67px}.nav button .icon{width:32px;height:32px}.nav button .nav-label{display:block;font-size:10px;letter-spacing:1px}.side-ship,.save-tools,.save-note{display:none}.nav .count{position:absolute;right:4px;top:4px}.captain-status{min-width:110px}.captain-status small{font-size:9px;max-width:130px}.wallet{gap:14px}.resource{min-width:50px}.resource .icon{width:25px;height:25px}.resource strong{font-size:18px}.topbar{padding-inline:20px;gap:12px}.speed-control{display:none}.page-tabs{gap:22px}.world-workgrid{grid-template-columns:minmax(0,1fr) 265px}.toast{left:calc(50% + 40px)}}
@media(max-width:900px){.world-workgrid{grid-template-columns:1fr}.world-workgrid>.right-column{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:17px}.world-workgrid>.right-column>*{min-width:0}.world-map-viewport{max-height:65svh}.tide-panel{gap:12px}.tide-panel>p{max-width:none}.market-workgrid{grid-template-columns:1fr}.dock-workshops{grid-template-columns:1fr}.tide-panel>.btn{margin-left:auto}.captain-status small{max-width:105px}.wallet{gap:11px}.resource{gap:4px}.resource .icon{width:23px}.topbar{gap:10px}}
@media(max-width:760px){:root{--rail:0px;--masthead:108px}.shell{display:block}.sidebar{position:fixed;inset:auto 0 0 0;width:100%;height:72px;padding:3px 6px max(3px,env(safe-area-inset-bottom));display:block;background:#14243bf7;backdrop-filter:blur(10px);border:0;border-top:1px solid #8296b438;z-index:50}.sidebar .brand{display:none}.nav{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));height:100%;padding:0;gap:3px;overflow:visible}.nav button{width:100%;min-width:0;min-height:0;padding:5px 1px;flex-direction:column;gap:2px;border-radius:5px}.nav button .icon{width:29px;height:29px}.nav button .nav-label{font-size:9px;letter-spacing:0;white-space:nowrap}.nav button.active{box-shadow:inset 0 2px #a9c1df;background:#2b4260}.nav .count{right:1px;top:0;min-width:14px;height:14px;line-height:14px;font-size:8px}.content{margin:0;padding-top:var(--masthead);padding-bottom:82px}.topbar{left:0;height:108px;min-height:108px;display:grid;grid-template-columns:1fr auto;grid-template-rows:39px 46px;gap:6px 10px;padding:10px 16px;background:#fafcfef5;backdrop-filter:blur(12px)}.captain-status{min-width:0;gap:9px}.captain-status strong{font-size:14px}.captain-status small{font-size:9px;max-width:180px}.wallet{grid-column:1/-1;grid-row:2;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:13px;justify-content:stretch;width:100%}.resource{min-width:0;gap:7px}.resource .icon{display:block;width:27px;height:27px}.resource strong{font-size:17px}.resource small{font-size:8px}.top-actions{grid-column:2;grid-row:1;display:flex;gap:8px;align-self:center;margin:0}.sea-time{display:block}.time{display:block;font-size:10px}.sea-time small{font-size:8px}.top-actions .pause-button,.top-actions .icon-button{display:inline-flex;min-width:28px;min-height:28px}.top-actions .icon-button .icon{width:14px;height:14px}.top-actions .speed-control{display:none}main{padding:13px 16px 25px}.page-tabs{margin-bottom:19px;gap:21px}.page-tabs button{font-size:11px;padding-block:10px}.page-head{gap:9px;margin-bottom:17px;align-items:flex-start}.page-head h1{font-size:24px}.page-head p{font-size:10px}.page-head .pill{font-size:8px;padding:4px 6px;white-space:normal;text-align:right}.world-workgrid{display:grid;grid-template-columns:1fr;gap:16px}.world-workgrid>.stack{display:grid}.world-workgrid>.right-column{display:grid;grid-template-columns:1fr;gap:16px}.world-chart .panel-head{padding:11px 12px}.world-chart .panel-head h2{font-size:13px}.chart-tools{gap:4px}.chart-tools .btn{min-height:27px;padding:2px 7px}.chart-tools .map-fit{padding:3px 6px;font-size:10px}.map-toolbar{gap:8px;padding:8px}.map-toolbar .tabs button{padding:5px 7px;font-size:9px}.map-select{max-width:145px;font-size:9px}.world-chart .map-bottom{font-size:8px;padding:9px 10px}.tide-panel{padding:10px 11px;gap:11px;flex-wrap:wrap}.tide-now>span{font-size:24px}.tide-now strong{font-size:12px}.tide-now small{font-size:9px}.tide-panel>p{flex:1;min-width:100px;font-size:9px;line-height:1.7}.tide-panel>.btn{min-height:28px;font-size:9px;padding:4px 8px}.tide-phases{display:none}.active-jobs button{padding:7px 9px}.active-jobs b{font-size:9px}.active-jobs small{font-size:8px}.salvage-stages{gap:8px}.salvage-stages button{padding:8px 10px;gap:7px;font-size:10px}.salvage-stages button .icon{width:23px;height:23px}.merged-section{margin-top:24px;scroll-margin-top:128px}.merged-section>summary{font-size:17px;padding:15px 16px}.section-title h2{font-size:20px}.dock-workshops{grid-template-columns:1fr}.tavern-scene{padding:22px;gap:16px}.tavern-lantern{width:43px}.tavern-lantern .icon{width:43px;height:43px}.tavern-scene h2{font-size:24px}.crew-grid{grid-template-columns:1fr}.crew-card .crew-main{display:flex}.crew-card img:not(.icon){width:97px;height:128px;object-fit:cover;margin:0}.crew-development .ad-camp-card{padding-inline:14px}.toast{left:50%;bottom:87px}.footer-note{margin-top:26px}.page-tabs:after{content:"";padding-right:1px}}
@media(max-width:370px){main{padding-inline:12px}.topbar{padding-inline:12px}.wallet{gap:8px}.resource{gap:4px}.resource .icon{width:24px;height:24px}.resource strong{font-size:16px}.captain-status small{max-width:140px}.top-actions{gap:6px}.page-head h1{font-size:22px}.chart-tools .map-fit{font-size:9px;padding-inline:5px}.chart-tools{gap:3px}.world-chart .panel-head{gap:7px}.world-chart .panel-head h2{font-size:12px}.world-chart .panel-head h2 .icon{width:18px;height:18px}.tide-panel>.btn{margin:0}.salvage-stages button{padding:7px;font-size:9px}.salvage-stages button .icon{width:20px;height:20px}.map-select{max-width:125px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}}

/* Shared details use the same ink and metals as the main navigation. */
.port-specialties{background:#edf2f8;border-color:#d1dce9}
.tide-phases>span,.footer-note{color:#6f8199}.log-entry time{color:#788ba3}
.trade-dashboard em,.rival-row small{color:#71869f}.rival-number{background:#edf3fa;border-color:#c9d9ec;color:#4f719a!important}
.shipyard-next p,.ambition-title p{color:#697e99}.ship-visual .ship-drawing{color:#587da6}
.ad-camp-focus label,.ad-camp-focus small,.ad-clues span,.ad-inline-label,.ad-route-options label,.ad-shipping summary{color:#607d9e}
.ad-node-specs b,.ad-regatta-card>small,.ad-regatta>small,.ad-rift-symbol{color:#5279a4}
.ad-milestones span{color:#607e9f}.ad-milestones b{color:#3d6799}.ad-milestones button{background:#f4f7fc;border-color:#cfdeed}
.salvage-stages>span{color:#728ba9}.ad-pipe svg{stroke:#7d97b4;fill:#c5d5e7}.ad-pipe.wet svg{stroke:#315e93;fill:#7297c1}.ad-pressure .safe{background:#e7f0fa;color:#4b739e}.ad-pressure .selected{box-shadow:inset 0 0 0 1px #315e93}
.ad-current{border-color:#87a8ce!important}.ad-rift-level{border-color:#c7d8eb}.ad-rift-route>span{background:#e5edf7;color:#8096af;border-color:#c4d5e9}.ad-rift-route .done{background:#bdcfe5;color:#42668f}.ad-rift-route .current{background:#d5e3f4;border-color:#7399c6;color:#315e93;box-shadow:0 0 18px #8caed524}
.ad-portrait .pill{background:#233b58ee;color:#e8eef7;border-color:#7893b5}.ad-companion.present{border-color:#a0bad9}.apprentice-art,.crew-main img[src*="companion"]{background:#243c54}
.quay-scene{background:linear-gradient(115deg,#2a4566,#405d7e);border-color:#6c88a755;color:#f0f4fa}.quay-scene p{color:#b4c6db}.quay-building{background:#294563;border-color:#8aa4c04d;color:#adbed1}.quay-building.lit{color:#e1e9f3;border-color:#90abc9;box-shadow:inset 0 0 20px #b5cce21c}.estate-card{background:#fcfdff;border-color:#d1ddeb}.estate-icon .icon{width:33px;height:33px}
.guild-relations article{border-top-color:#7a9bc3}.wax-seal{outline-color:#8fa7c2}
.private-fleet-token{background:#2c4e76;border-color:#ccdcef;color:#fff;box-shadow:0 0 0 2px #193d6080}
.ad-regatta-card small{color:#6e87a4}.ad-fish-cell small{color:#617d9f}.ad-fish-cell b{color:#466b95}
.market-row h4,.recipe p,.hold-row small,.log-entry p{font-size:12px;line-height:1.8}.port-detail .description,.location-detail .description{font-size:12px;line-height:1.8}
@media(max-width:760px){.market-row h4,.recipe p,.hold-row small,.log-entry p{font-size:11px}.tide-panel>p{font-size:10px}}

.ad-relic-mark .painted-icon{width:40px;height:40px;vertical-align:middle;filter:drop-shadow(0 2px 2px #20365118)}