@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Libre+Caslon+Display&display=swap');
:root{font-family:'DM Sans',system-ui,sans-serif;color:#203c3e;background:#f5f7f4;font-synthesis:none;--ink:#203c3e;--teal:#175a5c;--line:#dce4df;--muted:#637976;--gold:#947124}*{box-sizing:border-box}body{margin:0}button,input{font:inherit}button,a,input{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.45}button{color:inherit}button:focus-visible,a:focus-visible,input:focus-visible,[tabindex]:focus-visible{outline:3px solid #d29b40;outline-offset:3px}button{transition:background .15s,box-shadow .15s,transform .15s}button:hover:not(:disabled){filter:brightness(.96)}a{color:inherit;text-decoration:none}.topbar{min-height:96px;padding:20px 32px;display:flex;align-items:center;gap:26px;background:#fffefa;border-bottom:1px solid var(--line)}.brand{display:flex;gap:12px;align-items:center;margin-right:auto;font-size:17px;letter-spacing:2px;white-space:nowrap}.brand b{font-weight:700}.brand small{display:block;font-size:10px;letter-spacing:3px;margin-top:5px;color:var(--muted)}.brandmark{font-size:30px;width:45px;height:48px;border:1px solid #b0c1b6;display:grid;place-items:center;border-radius:50% 50% 6px 6px}.resource{min-width:112px}.resource small,.eyebrow{display:block;font-size:11px;letter-spacing:1.6px;font-weight:600;color:var(--muted)}.resource strong{font-weight:600;display:block;font-size:20px;margin-top:4px}.resource .gold{color:var(--gold);font-size:24px}.gold span{font-size:15px}.time-controls{display:flex;padding:4px;background:#edf1ec;border-radius:8px;gap:2px}.time-controls button{border:0;background:transparent;width:37px;height:36px;border-radius:5px;font-size:14px}.time-controls button.active{background:var(--ink);color:white;box-shadow:0 2px 5px #21413e20}.icon-button{background:transparent;border:1px solid var(--line);width:35px;height:35px;border-radius:50%;font-size:18px}.button{border:1px solid #c6d4ca;padding:11px 15px;background:#fffefa;border-radius:6px;font-size:14px;font-weight:600}.button.primary{background:#175a5c;border-color:#175a5c;color:#fff}.button.subtle{background:transparent}.full{width:100%}main{display:grid;grid-template-columns:minmax(0,1fr) 374px;max-width:1800px;margin:auto}.chart-area{padding:30px 26px 24px 32px;min-width:0}.chart-title{display:flex;justify-content:space-between;align-items:center;gap:15px;margin-bottom:22px}h1,h2{font-family:'Libre Caslon Display',Georgia,serif;font-weight:400;letter-spacing:-.6px}h1{font-size:33px;margin:8px 0 0}h2{font-size:42px;line-height:1.1;margin:16px 0}h3{font-size:18px;font-weight:600;margin:0}.edition{font-family:Georgia,serif;font-style:italic;color:#7c928a;font-size:14px;white-space:nowrap}.edition span{padding:0 8px}.map-wrap{position:relative;overflow:hidden;border:1px solid #b0ced0;border-radius:9px;background:#cae5e7;box-shadow:0 4px 15px #244a4608}#chart{width:100%;min-height:400px;display:block;touch-action:manipulation}.land{fill:#eeedda;stroke:#aaaF8a;stroke-width:1.1;filter:url(#land-shadow)}.geo-label{fill:#93987b;font-size:10px;letter-spacing:2px;text-anchor:middle}.sea-label{fill:#699ca5;font-family:Georgia,serif;letter-spacing:9px;font-size:23px;text-anchor:middle;font-style:italic}.ocean-label{fill:#7aa5af;font-size:11px;letter-spacing:3px;text-anchor:middle}.port-marker{cursor:pointer}.port-marker text{font-size:12px;font-weight:600;fill:#24474a;paint-order:stroke;stroke:#e2eef0;stroke-width:3;stroke-linejoin:round}.port-marker .home-label{font-size:6px;letter-spacing:.5px;fill:#367777}.port-halo{fill:white;opacity:0}.port-marker.selected .port-halo{opacity:.65;stroke:#347878;stroke-width:1}.port-dot{stroke:#fff;stroke-width:2}.port-marker:hover .port-halo{opacity:.6}.route-path{fill:none;stroke:#257779;stroke-width:2;stroke-dasharray:6 5;opacity:.75}.route-path.sailing{stroke:#ba8435;stroke-width:2.5;animation:route 20s linear infinite}@keyframes route{to{stroke-dashoffset:-100}}#ship-on-map{cursor:pointer;filter:drop-shadow(0 3px 3px #16414455)}.compass{stroke:#62909a;stroke-width:1;fill:none}.compass path{fill:#87b0b5}.compass text{font-size:11px;stroke:none;fill:#62909a;text-anchor:middle;font-family:Georgia,serif}.scale-label{fill:#648f97;font-size:9px}.map-legend{position:absolute;left:19px;bottom:16px;display:flex;gap:15px;font-size:10px;color:#456f73}.map-legend span{display:flex;align-items:center;gap:5px}.map-legend i{height:6px;width:6px;border-radius:50%}.map-caption{position:absolute;top:18px;left:18px;letter-spacing:1px;font-size:10px;color:#487c81}.map-zoom{position:absolute;right:16px;top:16px;display:flex;flex-direction:column;border-radius:5px;overflow:hidden;box-shadow:0 2px 8px #17464a15}.map-zoom button{background:#f9fbf5;border:0;width:31px;height:31px;font-size:20px}.map-zoom button+button{border-top:1px solid var(--line)}.voyage-strip{display:flex;align-items:center;gap:15px;background:#e8eee6;border:1px solid #d8e3d5;border-radius:7px;padding:17px;margin-top:15px;min-height:84px}.status-icon{width:38px;height:38px;background:#d8e6d8;display:grid;place-items:center;font-size:25px;border-radius:50%;flex-shrink:0}.voyage-strip strong{font-size:15px;font-weight:600}.voyage-strip p{font-size:13px;line-height:1.6;margin:4px 0 0;color:var(--muted)}.voyage-strip .text-button{margin-left:auto;white-space:nowrap}.text-button{border:0;background:transparent;font-size:13px;padding:7px 0;color:#376c66}.voyage-info{flex:1}.travel-progress,.capacity-track{height:5px;background:#c7d7cc;border-radius:5px;margin-top:10px;overflow:hidden}.travel-progress i,.capacity-track i{display:block;height:100%;background:var(--teal);border-radius:5px}.eta{text-align:right}.eta small{display:block;margin-top:3px;font-size:12px;color:var(--muted)}.bottom-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:20px}.ship-summary{border:1px solid var(--line);border-radius:7px;padding:20px 14px;background:#fffefa;display:flex;text-align:left;gap:13px;align-items:center;min-width:0}.ship-symbol{font-size:37px;color:#578077}.ship-summary h3{margin:7px 0 12px;font-family:Georgia,serif;font-weight:400;font-size:23px}.ship-summary h3 span{font:12px 'DM Sans',sans-serif;color:var(--muted);margin-left:5px}.ship-metrics{display:flex;gap:10px;flex-wrap:wrap;font-size:12px}.open-arrow{align-self:flex-start;margin-left:auto;color:#6f8b7d}.log-preview{padding:15px 0 10px 15px;border-left:1px solid var(--line);min-width:0}.log-preview .eyebrow{display:flex;align-items:center;justify-content:space-between;gap:5px}.log-preview button{font-size:11px;font-weight:400;background:none;border:none;color:var(--muted);padding:0;letter-spacing:0}.log-preview strong{display:block;font-size:15px;margin-top:13px}.log-preview p{color:var(--muted);font-size:13px;line-height:1.6;margin:7px 0}.port-panel{border-left:1px solid var(--line);background:#fffefa;min-width:0;display:flex;flex-direction:column}.port-heading{padding:27px 24px 18px}.port-kicker{display:flex;align-items:center;gap:8px;font-size:12px;color:var(--muted)}.flag{background:var(--flag);color:white;font-size:9px;padding:3px 5px;border-radius:2px;letter-spacing:1px}.local-badge{margin-left:auto;border:1px solid #d5e0d0;background:#f0f5eb;font-size:9px;border-radius:20px;padding:5px 7px;letter-spacing:.5px;color:#4e7558}.port-heading h2{margin:13px 0 10px}.port-heading p{font-size:13px;line-height:1.65;color:var(--muted);margin:0}.port-facts{display:flex;gap:16px;font-size:11px;color:#7a8b80;margin-top:17px}.tabs{display:flex;padding:0 24px;border-bottom:1px solid var(--line);gap:28px}.tabs button{border:0;background:none;padding:15px 0 12px;color:var(--muted);font-size:14px;border-bottom:2px solid transparent}.tabs button.active{border-color:var(--teal);color:var(--teal);font-weight:600}.panel-body{padding:0 24px 20px;flex:1}.market-label{display:flex;justify-content:space-between;font-size:9px;letter-spacing:.8px;color:var(--muted);padding:17px 0 10px}.market-label b{font-weight:400;color:#998044}.goods-list{max-height:258px;overflow-y:auto;padding-right:4px;scrollbar-width:thin;scrollbar-color:#c0cdc0 transparent}.good-row{width:100%;display:flex;align-items:center;gap:10px;border:1px solid transparent;background:transparent;padding:9px 7px;text-align:left;border-radius:5px;margin:1px 0}.good-row.chosen{background:#edf2e9;border-color:#dce5d4}.good-icon{width:32px;height:34px;background:#efeadd;color:#937440;border-radius:5px;display:grid;place-items:center;font-family:Georgia,serif;font-size:24px;flex-shrink:0}.good-name{font-size:14px;font-weight:500}.good-name small{display:block;font-size:10px;color:var(--muted);margin-top:4px;font-weight:400}.good-prices{margin-left:auto;display:flex;gap:14px;font-size:15px;text-align:right}.good-prices b{font-weight:600}.good-prices span{color:#7c8c83;min-width:26px}.positive{color:#32774e}.negative,.danger-text{color:#b15848}.trade-card{border:1px solid #dbe3d4;border-radius:7px;padding:16px;margin-top:17px;background:#f9faf5}.trade-title{display:flex;align-items:center;justify-content:space-between;gap:7px}.trade-title h3{font-size:17px}.price-label{font-size:10px}.price-reason{font-size:11px;line-height:1.55;color:var(--muted);margin:9px 0 13px}.trade-mode{display:flex;border:1px solid #d7e1d3;border-radius:5px;overflow:hidden;margin-bottom:14px}.trade-mode button{width:50%;padding:9px 4px;border:0;background:#f9faf5;font-size:12px}.trade-mode button.active{background:#dfeada;color:#32694a;font-weight:600}.trade-mode span{font-size:10px;color:var(--muted)}.quantity-line{display:flex;align-items:center;justify-content:space-between;font-size:13px}.quantity-line small{color:var(--muted);font-size:11px;margin-left:4px}.quantity-line input{width:85px;border:1px solid #ccd8c9;background:white;border-radius:4px;padding:6px 8px;text-align:right;color:var(--ink);font-size:15px}input[type=range]{width:100%;accent-color:var(--teal);height:17px;margin:10px 0}.presets{display:flex;gap:6px}.presets button{flex:1;background:transparent;border:1px solid #d7e0d1;border-radius:4px;font-size:11px;padding:5px}.trade-total{display:flex;justify-content:space-between;align-items:center;margin:16px 0 12px;font-size:12px}.trade-total small{display:block;font-size:10px;color:var(--muted);margin-top:4px}.trade-total strong{font-size:21px;font-weight:600}.trade-foot{font-size:10px;display:block;text-align:center;color:var(--muted);margin-top:10px;line-height:1.6}.depart-box{padding:18px 24px;background:#edf3ed;border-top:1px solid #d7e1d6;display:flex;flex-wrap:wrap;gap:14px;align-items:center;justify-content:space-between}.depart-box span{font-size:10px;color:var(--muted);display:block;letter-spacing:.5px}.depart-box strong{font-size:13px;display:block;margin-top:5px}.depart-box small{font-size:12px;color:#a35645}.remote-notice{font-size:13px;color:#597b6c;line-height:1.6;border-top:1px solid var(--line);padding-top:12px}.cargo-header{padding:24px 0}.cargo-header h3{font-size:32px;margin-top:16px}.cargo-header h3 span{font-size:17px;color:var(--muted)}.cargo-row{display:flex;align-items:center;width:100%;gap:12px;padding:16px 0;border:0;border-bottom:1px solid var(--line);background:none;text-align:left;font-size:14px}.cargo-row small{display:block;font-size:12px;color:var(--muted);margin-top:5px}.cargo-row strong{margin-left:auto}.panel-note{font-size:12px;line-height:1.7;color:var(--muted);margin-top:22px}.empty{text-align:center;padding:45px 0}.empty>span{font-size:50px;color:#9cad96}.empty h3{font-family:Georgia,serif;font-size:22px;line-height:1.4;font-weight:400;margin-top:14px}.empty p{font-size:14px;line-height:1.7;color:var(--muted)}.yard-repair{padding-top:22px}.yard-repair h3{font-size:35px;margin-top:13px}.yard-repair p,.yard-ship p{font-size:13px;line-height:1.7;color:var(--muted)}.yard-title{margin-top:30px}.yard-ship{padding:18px 0;border-bottom:1px solid var(--line)}footer{max-width:1800px;margin:auto;padding:16px 32px;display:flex;justify-content:space-between;gap:16px;border-top:1px solid var(--line);font-size:11px;color:var(--muted)}footer button{border:0;background:none;color:inherit;font-size:11px}.footer-dot{padding:0 9px;color:#a1b2a4}.modal-backdrop{position:fixed;inset:0;z-index:10;display:grid;place-items:center;padding:24px;background:#1e3d4659;backdrop-filter:blur(5px)}.modal{background:#fffefa;border-radius:13px;box-shadow:0 20px 100px #102e3940;width:620px;max-width:100%;max-height:90dvh;overflow:auto;padding:36px;position:relative}.modal h2{font-size:43px;margin:13px 0 19px}.modal>p{font-size:15px;line-height:1.7;color:var(--muted)}.modal-close{position:absolute;right:14px;top:12px;border:0;background:none;font-size:26px;color:var(--muted);width:35px;height:35px}.guide{padding-left:23px;font-size:14px;line-height:1.7;color:var(--muted)}.guide li{padding-left:5px;margin:16px 0}.guide b{color:var(--ink)}.modal .help-note{font-size:12px;background:#edf2e9;padding:13px;border-radius:5px}.menu-actions{display:grid;gap:12px}.ship-detail-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:25px;margin:28px 0}.ship-detail-grid small{display:block;font-size:12px;color:var(--muted)}.ship-detail-grid strong{font-size:21px;display:block;margin-top:9px}.log-list article{padding:18px 0;border-top:1px solid var(--line)}.log-list small{font-size:10px;letter-spacing:1px;color:var(--muted)}.log-list h3{font-size:16px;margin-top:8px}.log-list p{font-size:14px;line-height:1.6;color:var(--muted);margin:7px 0}.battle-ships{display:grid;grid-template-columns:1fr 30px 1fr;gap:14px;align-items:center;margin:25px 0;background:#f0f3eb;padding:20px;border-radius:7px}.battle-ships small{font-size:11px;letter-spacing:1px}.battle-ships strong{display:block;font-size:29px;margin:8px 0}.battle-ships div>span{font-size:11px;display:block;color:var(--muted)}meter{width:100%;margin-top:10px}.battle-options{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:15px 0}.battle-options button{border:1px solid #cfdbd1;border-radius:6px;background:#fafbf6;text-align:left;padding:15px}.battle-options b{font-size:14px;display:block}.battle-options small{display:block;color:var(--muted);font-size:12px;line-height:1.6;margin-top:7px}.dice-row{display:flex;gap:13px;flex-wrap:wrap;min-height:66px;align-items:center;margin:5px 0 17px}.die{font-size:53px;line-height:1;color:#7a877d;text-align:center;animation:roll .3s ease-out}.die small{display:block;font:8px 'DM Sans',sans-serif;letter-spacing:.7px;margin-top:2px}.die.hit{color:#267767}.die.critical{color:#bb8b2d}.enemy-dice .die.hit,.enemy-dice .die.critical{color:#b16a54}.muted{font-size:13px;color:var(--muted)}.danger{background:#efd6cc;color:#a65640}@keyframes roll{from{transform:rotate(-15deg) scale(.8);opacity:.2}to{transform:none;opacity:1}}#toast{position:fixed;left:50%;bottom:25px;transform:translate(-50%,15px);background:#203f3c;color:#fffefa;border:1px solid #648076;padding:13px 22px;box-shadow:0 5px 30px #173a3a33;border-radius:7px;font-size:14px;z-index:30;opacity:0;transition:all .2s;pointer-events:none;max-width:90%;text-align:center}#toast.visible{opacity:1;transform:translate(-50%,0)}
@media(min-width:1450px){main{grid-template-columns:minmax(0,1fr) 400px}.chart-area{padding:35px}#chart{min-height:550px}.goods-list{max-height:300px}.good-row{padding:10px}.port-panel .panel-body{padding-bottom:25px}}
@media(max-width:1150px){.topbar{gap:15px;padding:17px 22px}.brand{font-size:14px;letter-spacing:1px}.brand small{font-size:9px;letter-spacing:2px}.resource{min-width:95px}.resource strong{font-size:17px}.help{display:none}main{grid-template-columns:minmax(0,1fr) 340px}.chart-area{padding:25px 18px}.chart-title{display:block}.edition{display:none}h1{font-size:30px}.bottom-grid{grid-template-columns:1fr;gap:10px}.log-preview{padding:10px 5px;border:0}.voyage-strip .text-button{display:none}.map-legend{gap:8px;font-size:8px;left:10px;bottom:10px}.port-heading{padding:25px 19px 18px}.panel-body{padding:0 18px 18px}}
@media(max-width:800px){.topbar{flex-wrap:wrap;padding:13px 16px;gap:12px}.brand{flex:1}.brandmark{height:38px;width:36px;font-size:25px}.calendar{order:6;margin-left:auto}.time-controls{order:7}.resource{min-width:auto}.resource strong{font-size:16px}.resource .gold{font-size:20px}.resource small{font-size:9px}.save-button{font-size:12px;padding:8px}.topbar>.icon-button{width:30px;height:30px}.calendar{display:flex;align-items:center;gap:10px;margin-left:0}.calendar strong{margin:0}.time-controls{margin-left:auto}.time-controls button{height:28px;width:34px}main{grid-template-columns:1fr}.chart-area{padding:22px 14px 18px}.chart-title{margin-bottom:15px}h1{font-size:31px}.eyebrow{font-size:10px}#chart{min-height:0;aspect-ratio:1000/640}.map-caption{top:9px;left:10px;font-size:8px}.map-zoom{top:8px;right:8px}.map-zoom button{width:26px;height:26px}.map-legend{font-size:8px;gap:10px}.voyage-strip{padding:12px;gap:10px}.voyage-strip p{font-size:12px}.voyage-strip strong{font-size:14px}.status-icon{height:32px;width:32px;font-size:22px}.bottom-grid{grid-template-columns:1fr 1fr;gap:12px;margin-top:14px}.ship-summary{padding:12px;gap:8px;align-items:flex-start}.ship-symbol{display:none}.ship-summary h3{font-size:22px}.ship-summary h3 span{display:block;margin:5px 0 0}.ship-metrics{gap:7px;font-size:11px}.log-preview{padding:5px 0}.log-preview .eyebrow{display:block}.log-preview button{display:block;margin-top:6px}.log-preview strong{font-size:13px;margin-top:9px}.log-preview p{font-size:11px;line-height:1.5}.port-panel{border-left:0;border-top:1px solid var(--line)}.port-heading{padding:22px 20px 17px}.port-heading p{font-size:14px}.port-heading h2{font-size:38px}.port-facts{font-size:12px}.port-kicker{font-size:13px}.local-badge{font-size:10px}.panel-body{padding:0 20px 22px}.market-label{font-size:10px}.goods-list{max-height:260px}.good-row{padding:11px 8px}.good-name{font-size:15px}.good-name small{font-size:12px}.good-prices{font-size:16px}.trade-card{padding:18px}.price-reason{font-size:13px}.price-label{font-size:12px}.trade-mode button{font-size:14px;padding:11px}.quantity-line{font-size:14px}.presets button{font-size:13px;padding:9px}.trade-foot{font-size:12px}.trade-total{font-size:14px}.trade-total small{font-size:12px}.button{min-height:42px}.depart-box{position:sticky;bottom:0;box-shadow:0 -4px 16px #193c3510}footer{padding:16px;flex-wrap:wrap;font-size:10px}footer button{display:none}.modal-backdrop{padding:12px}.modal{padding:27px 22px;max-height:94dvh}.modal h2{font-size:35px}.battle-options{gap:8px}.battle-options button{padding:12px}.battle-options small{font-size:11px}.ship-detail-grid{grid-template-columns:1fr 1fr}.ship-detail-grid strong{font-size:20px}}
@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}
/* Sprint 2: chart, port intelligence and local economy. */
.chart-toolbar{display:flex;gap:12px;align-items:center;margin:0 0 12px;flex-wrap:wrap}.chart-modes{display:flex;padding:3px;background:#e7eee7;border-radius:6px}.chart-modes button{border:0;background:none;padding:9px 16px;border-radius:4px;font-size:14px}.chart-modes button.active{background:#fffefa;box-shadow:0 1px 4px #23453518;font-weight:600}.chart-toolbar select{min-height:40px;padding:8px 28px 8px 10px;border:1px solid #c6d5ce;border-radius:5px;color:var(--ink);background:#fffefa;font-size:14px;max-width:100%}.map-commodity{display:flex;gap:8px;align-items:center;font-size:14px}.chart-toolbar #port-select{margin-left:auto;max-width:190px}.map-hint{font-size:12px;color:var(--muted)}#chart{min-height:0;touch-action:none;cursor:grab}#chart:active{cursor:grabbing}.coastal-waters{fill:none;stroke:#e2f4ec;stroke-width:8;stroke-linejoin:round;opacity:.55}.coast-land{fill:#eeeeda;stroke:#97a98c;stroke-width:.65;stroke-linejoin:round}.geo-label{font-size:11px;letter-spacing:2.1px;fill:#7f947f}.sea-label{font-size:25px;fill:#6d9ca5;opacity:.75}.island-chain-label{font:10px Georgia,serif;letter-spacing:2px;fill:#769da4}.port-marker text{font-size:14px;stroke:#d4eceb;stroke-width:4px}.label-leader{fill:none;stroke:#466a65;stroke-width:.7;opacity:.45}.port-marker.market-sell text{fill:#256842}.port-marker.market-buy text{fill:#936024}.port-marker.market-neutral text{fill:#53797c}.chart-scale{stroke:#70979b;fill:none;stroke-width:1}.chart-scale text{fill:#618d92;stroke:none;font-size:10px}.map-legend{font-size:11px;bottom:11px}.buy-legend{color:#936024}.map-caption{font-size:11px}.port-heading{padding-bottom:12px}.port-heading h2{font-size:37px;margin:12px 0}.port-description summary{cursor:pointer;font-size:13px;color:var(--muted)}.port-description p{margin-top:8px}.port-facts{font-size:12px;margin-top:12px}.port-intelligence{padding:3px 24px 17px}.structural{display:grid;grid-template-columns:1fr;gap:13px}.port-intelligence h3{font-size:12px;letter-spacing:.8px;text-transform:uppercase;margin-bottom:8px;color:#647b70;font-weight:600}.commodity-chips{display:flex;flex-wrap:wrap;gap:5px}.commodity-chip{display:flex;align-items:center;gap:5px;background:#edf2e5;border:1px solid #dce6d4;border-radius:5px;padding:6px 8px;font-size:13px;min-height:32px}.commodity-chip>span{font-size:16px;color:#8b793d}.import-chips .commodity-chip{background:#edf2f3;border-color:#dce6e6}.sought{margin-top:16px;border-top:1px solid #e5e9df;padding-top:13px}.sought h3{display:flex;justify-content:space-between;gap:8px}.sought h3 span{font-size:11px;letter-spacing:0;text-transform:none;font-weight:400}.sought-row{display:flex;width:100%;gap:8px;align-items:center;text-align:left;border:0;background:none;padding:7px 0;font-size:13px}.sought-row>b{font-weight:500}.sought-row>span:last-child{margin-left:auto;font-size:12px;color:var(--muted)}.scarcity-dot{display:inline-block;width:7px;height:7px;flex-shrink:0;border-radius:50%}.level-2{background:#b6a240}.level-3{background:#cf8d3d}.level-4{background:#be6152}.sought>p{font-size:13px;color:var(--muted);line-height:1.6;margin:0}.trade-outlook{margin:0 24px 18px;padding:15px;background:#edf4ed;border:1px solid #d6e3d5;border-radius:7px}.outlook-title{display:flex;justify-content:space-between;gap:10px;align-items:start}.outlook-title h3{font-size:15px;line-height:1.4}.outlook-title>span{font-size:11px;color:var(--muted);padding-top:3px}.preview-line{border-bottom:1px solid #d8e3d5;margin-top:8px}.preview-line summary{display:flex;justify-content:space-between;gap:12px;cursor:pointer;font-size:14px;padding:9px 0;list-style:none}.preview-line summary>span:before{content:'＋';font-size:12px;margin-right:6px;color:#7d9582}.preview-line[open] summary>span:before{content:'−'}.preview-line summary>b{font-weight:600;text-align:right}.preview-line summary small{display:block;font-size:11px;font-weight:400;color:var(--muted)}dl{margin:10px 0;font-size:13px}dl>div{display:flex;justify-content:space-between;gap:14px;line-height:1.6;padding:3px 0}dt{color:var(--muted)}dd{margin:0;text-align:right;font-weight:500}.outlook-total{display:flex;gap:15px;justify-content:space-between;margin-top:13px;font-size:12px;color:var(--muted)}.outlook-total strong{display:block;font-size:18px;font-weight:600;color:var(--ink);margin-top:4px}.outlook-total strong.positive{color:#32774e}.outlook-total strong.negative{color:#b15848}.trade-outlook>p{font-size:12px;line-height:1.65;color:var(--muted);margin-bottom:0}.tabs{position:sticky;top:0;background:#fffefa;z-index:2;gap:0;justify-content:space-between;padding:0 24px}.tabs button{font-size:14px;min-height:46px;padding-left:5px;padding-right:5px}.market-label{font-size:11px;letter-spacing:.4px}.good-name small{font-size:12px}.good-row{min-height:57px}.goods-list{max-height:242px;overscroll-behavior:auto}.price-label{font-size:12px;text-align:right}.price-reason{font-size:12px;line-height:1.65}.quantity-line{font-size:14px}.quantity-line input{min-height:40px}.quantity-line small{font-size:12px}.trade-mode button{font-size:14px;min-height:40px}.presets button{font-size:13px;min-height:35px}.trade-foot,.trade-total small{font-size:12px}.trade-total{font-size:14px}.button{min-height:42px}.depart-box{position:sticky;bottom:0;z-index:3;box-shadow:0 -3px 16px #22443a10}.depart-box strong{font-size:14px}.depart-box span{font-size:12px}.economy-intro{padding-top:23px}.economy-intro h3{margin-top:14px;font-family:Georgia,serif;font-size:23px;font-weight:400}.economy-intro>p,.office-card p{font-size:14px;color:var(--muted);line-height:1.65}.office-card{border:1px solid #d9e1d2;background:#f4f5eb;border-radius:7px;padding:16px;margin:18px 0}.office-card h3{font-family:inherit;font-size:17px;font-weight:600;margin:0}.office-card>strong{display:block;margin:15px 0}.office-card>small{display:block;font-size:12px;color:var(--muted);margin-top:8px}.business-list{margin-top:25px}.business-list>.panel-note{margin-top:10px;font-size:13px}.business-card{border:1px solid #dce5d7;border-radius:6px;margin:12px 0;background:#fafbf6}.business-card summary{display:flex;justify-content:space-between;gap:12px;padding:15px;cursor:pointer;list-style:none}.business-card summary strong{font-size:15px;font-weight:600;display:block}.business-card summary small{display:block;font-size:12px;color:var(--muted);margin-top:6px;line-height:1.5}.business-price{text-align:right;white-space:nowrap;font-size:14px;font-weight:500}.business-detail{padding:0 15px 16px}.business-detail>p{font-size:13px;line-height:1.6;color:var(--muted)}.production-chain{background:#e8eee3;padding:12px;display:flex;align-items:center;gap:10px;justify-content:space-between;font-size:13px;border-radius:4px}.storage-summary{display:grid;grid-template-columns:1fr 1fr;gap:15px;margin:22px 0}.storage-summary strong{display:block;margin-top:10px;font-size:20px;font-weight:500}.storage-line{display:flex;gap:13px;align-items:center;justify-content:space-between;border:0;border-bottom:1px solid var(--line);padding:13px 6px;background:none;width:100%;text-align:left;font-size:14px}.storage-line.chosen{background:#edf3e9}.storage-line>span:first-child{flex:1}.storage-line small{display:block;font-size:11px;line-height:1.6;color:var(--muted);margin-top:4px}.storage-line>span:not(:first-child){white-space:nowrap;text-align:right}.transfer-card{margin-top:22px;padding:16px;border:1px solid #d8e3d4;border-radius:7px;background:#f6f8f0}.transfer-card h3{margin-bottom:17px}.transfer-card>.button{margin-top:16px}.transfer-card>p{font-size:12px;line-height:1.6;color:var(--muted)}#transfer-range{width:100%;accent-color:var(--teal);margin:13px 0}input[type=range]{min-height:30px}.map-zoom button{width:36px;height:36px}.help-note a{text-decoration:underline}
@media(min-width:1200px){main{grid-template-columns:minmax(0,1fr) 410px;align-items:start}.chart-area{position:sticky;top:0;padding:24px;}.port-panel{height:calc(100dvh - 97px);overflow-y:auto;scrollbar-width:thin;scrollbar-color:#c7d8c8 transparent}.chart-title{margin-bottom:18px}.chart-title h1{font-size:31px}.edition{font-size:12px}.topbar{padding:17px 25px}.bottom-grid{gap:12px}.ship-summary{padding:14px}.chart-area #chart{min-height:0}.log-preview{padding-top:8px}.map-hint{display:none}.port-panel .panel-body{padding-bottom:24px}}
@media(min-width:801px) and (max-width:1199px){main{display:block}.chart-area{padding:22px 25px}.chart-title{display:flex}.edition{display:block}.bottom-grid{grid-template-columns:1fr 1fr}.port-panel{border-left:0;border-top:1px solid var(--line);display:grid;grid-template-columns:1fr 1fr;align-items:start}.port-heading{grid-column:1;padding:24px}.port-intelligence{grid-column:1;padding:0 24px 24px}.trade-outlook{grid-column:1}.tabs{grid-column:2;grid-row:1;align-self:start;position:static;margin-top:10px}.panel-body{grid-column:2;grid-row:2 / span 4;border-left:1px solid var(--line);padding:0 24px 24px}.depart-box{grid-column:1 / -1;position:sticky;bottom:0}.structural{grid-template-columns:1fr}.goods-list{max-height:290px}.log-preview{border-left:1px solid var(--line);padding-left:18px}.map-hint{font-size:12px}footer{padding:16px 25px}}
@media(max-width:800px){.chart-toolbar{gap:8px}.chart-modes button{padding:10px 12px}.chart-toolbar #port-select{max-width:165px;font-size:13px}.map-hint{display:none}.map-commodity{font-size:13px}.chart-title h1{font-size:29px}#chart{aspect-ratio:1000/650}.map-caption{font-size:9px;max-width:70%}.map-legend{font-size:9px;gap:9px;flex-wrap:wrap;max-width:85%}.port-marker text{font-size:16px}.port-heading{padding:22px 20px 12px}.port-intelligence{padding:3px 20px 20px}.structural{grid-template-columns:1fr 1fr;gap:15px}.commodity-chip{font-size:13px;padding:7px;min-height:37px}.sought-row{padding:9px 0;font-size:14px}.sought-row>span:last-child{font-size:13px}.trade-outlook{margin:0 20px 18px}.tabs{padding:0 20px}.port-intelligence h3{font-size:11px}.map-zoom button{width:32px;height:32px}.chart-scale text{font-size:12px}.ship-summary h3 span{display:inline}.outlook-title h3{font-size:16px}.business-card summary{min-height:72px}.storage-line small{font-size:12px}.transfer-card .trade-mode button{font-size:13px}.brand small{font-size:10px}.port-description summary{font-size:14px}}
@media(max-width:420px){.structural{grid-template-columns:1fr}.topbar{gap:9px}.chart-toolbar #port-select{max-width:150px}.brand{font-size:12px}.brand small{font-size:9px}.save-button{font-size:11px;padding:7px}.map-legend{font-size:8px}.storage-summary strong{font-size:17px}}
@media(min-width:801px) and (max-width:1199px){.port-heading{grid-row:1}.port-intelligence{grid-row:2}.trade-outlook{grid-row:3}.panel-body{grid-row:1 / span 4;padding-top:70px}.depart-box{grid-row:5}}
/* Fleet and shipyard extend the existing light game UI. */
.fleet-list{display:grid;gap:12px}.fleet-card{display:grid;gap:6px;text-align:left;padding:16px;background:#f4faf9;border:1px solid #abcac8;border-radius:12px;color:#214a4b;min-height:100px}.fleet-card.selected{border:2px solid #267e79}.fleet-card span{font-size:14px}.fleet-card b{font-size:18px;overflow-wrap:anywhere}.boarding-card{padding:16px;background:#edf5ef;border:1px solid #c3d4c5;border-radius:12px;margin:14px 0}.modal input[id$="ship"],.modal #ship-name{display:block;width:100%;box-sizing:border-box;font:inherit;padding:12px;margin:8px 0 16px;border:1px solid #abcac8;border-radius:8px}.modal h2,.ship-summary h3{overflow-wrap:anywhere}.modal .button+.button{margin-top:10px}.battle-ships small{overflow-wrap:anywhere}.battle-ships span{white-space:normal}.battle-options button{min-height:64px}.modal{overscroll-behavior:contain}.fleet-card:focus-visible{outline:3px solid #bd8f37;outline-offset:2px}

.access-note{font-size:13px;line-height:1.5;padding:10px 12px;background:#edf3ed;border-radius:8px;margin:12px 0 0}.hinterland-link{fill:none;stroke:#947d53;stroke-width:1;stroke-dasharray:2 4;opacity:.75;pointer-events:none}
.good-row.no-owned-stock{opacity:.42;filter:grayscale(1)}
.good-row.no-owned-stock:hover:not(:disabled){filter:grayscale(1) brightness(.96)}

/* Sprint 4A.4 — reusable historic commodity signets. */
.good-signet{width:27px;height:27px;display:block;flex:none;overflow:visible;color:#5c4b2f;fill:none;stroke:currentColor;stroke-width:1.65;stroke-linecap:round;stroke-linejoin:round}
.good-signet .fill{fill:#d7b76e;fill-opacity:.72;stroke:currentColor}
.good-signet-small{width:21px;height:21px}
.good-signet-tiny{width:17px;height:17px;stroke-width:1.85}
.good-icon{background:linear-gradient(145deg,#f5ecd4,#e8dcc0);border:1px solid #ddcfaa;box-shadow:inset 0 1px 0 #fff9e8,0 1px 2px #59452112}
.good-row.chosen .good-icon{background:linear-gradient(145deg,#fff7df,#e7d49d);border-color:#c8a95d}
.good-item{border-bottom:1px solid #e3e9df}.good-item:last-child{border-bottom:0}.good-prices{align-items:flex-start}.price-cell{display:flex!important;flex-direction:column;align-items:flex-end;gap:3px}.price-cell small{font-size:9px;color:var(--muted);font-weight:400;white-space:nowrap}.local-production{margin:0 0 12px;padding:10px 11px;border:1px solid #dce6d4;border-radius:6px;background:#f0f5eb;color:#4e7558;font-size:11px}.local-production>span{display:block;letter-spacing:.7px;font-size:9px;margin-bottom:6px}.local-production>div{display:flex;gap:6px;flex-wrap:wrap}.local-production b{display:flex;align-items:center;gap:4px;background:#fffefa;border:1px solid #d9e4d4;border-radius:4px;padding:4px 6px;font-size:11px;font-weight:500;color:var(--ink)}.local-production b svg{width:15px;height:15px}.empty-production{color:var(--muted);background:#f8faf6}.inline-trade{margin:0 5px 9px;padding:13px;border:1px solid #cbdcc9;border-radius:6px;background:#f7faf3}.inline-trade-head{display:flex;justify-content:space-between;gap:10px;align-items:center;margin-bottom:10px}.inline-trade-head strong{font-size:14px}.inline-trade-head span{font-size:11px;color:#32774e}.inline-trade .trade-mode{margin-bottom:11px}.inline-trade .trade-total{margin:12px 0 10px}.inline-trade .trade-foot{margin-top:8px}.inline-trade .button{min-height:44px}.inline-trade input[type=range]{margin:8px 0}.inline-trade .presets{gap:5px}.inline-trade .presets button{min-height:34px}
.commodity-chip{padding:5px 8px 5px 6px}
.commodity-chip>.good-signet{padding:2px;border-radius:50%;background:#f8f0dc;border:1px solid #ddcfaa}
.commodity-chip>span{font-size:13px;color:inherit}
.import-chips .commodity-chip>.good-signet{background:#edf5f2;border-color:#cbded9;color:#476c67}
.storage-good{display:flex!important;align-items:center;gap:9px;min-width:0}
.storage-good>.good-signet{padding:3px;border-radius:5px;background:#f1e8d2;border:1px solid #ddcfaa}
.storage-good>span{min-width:0}
.production-chain>span{display:flex;align-items:center;gap:5px;flex-wrap:wrap}
.goods-bundle{display:inline-flex;align-items:center;gap:4px;white-space:nowrap}
.bundle-plus{color:#9b8d6e;font-weight:400}
/* 4A.5 raster mini-artwork treatment */
.goods-art{display:inline-block;width:32px;height:32px;object-fit:contain;vertical-align:middle;filter:drop-shadow(0 1px 1px rgba(45,32,20,.18))}.goods-art-small{width:36px;height:36px}.goods-art-tiny{width:24px;height:24px}.good-icon{display:flex;align-items:center;justify-content:center}.goods-bundle,.commodity-chip{display:inline-flex;align-items:center;gap:.35rem}
.compact-stats strong{font-size:15px;color:var(--teal)}
@media(max-width:900px){.compact-stats{display:none}}
.time-controls button{min-width:44px;height:40px;border-radius:7px;font-weight:700;color:#315f60;background:#f7f0de;border:1px solid #d8c9a9}.time-controls button.active{background:#195b5d;color:#fffaf0;border-color:#195b5d;box-shadow:0 2px 8px #173f4338}.time-controls button[data-speed="0"]{color:#80673d}.time-controls button[data-speed="4"]{color:#a2573d}
.time-controls button{display:inline-flex;align-items:center;gap:5px}.time-controls button img{width:25px;height:25px;object-fit:contain;vertical-align:middle}.time-controls button span{font-size:12px}
.sound-settings{margin:18px 0;padding:14px;background:#f3f0e4;border:1px solid #ddd3bb;border-radius:8px}.sound-settings h3{font-size:13px;letter-spacing:1px;margin-bottom:8px}.sound-settings label{display:grid;grid-template-columns:90px 1fr;align-items:center;gap:10px;font-size:12px;padding:5px 0}.sound-settings label:last-child{display:flex;gap:8px}.sound-settings input[type=range]{margin:0;height:18px}
.business-locked{opacity:.72}.business-availability,.business-max{color:#7b6540!important}.business-detail button small{display:block;font-size:11px;margin-top:4px;font-weight:400}
.route-confirm-modal h2{margin-bottom:18px}.route-summary{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;background:#edf4ed;border:1px solid #d6e3d5;border-radius:7px;padding:14px;margin-bottom:18px}.route-summary small{display:block;color:var(--muted);font-size:10px;letter-spacing:.6px}.route-summary strong{display:block;font-size:17px;margin-top:6px}.route-preview-block{border-top:1px solid var(--line);padding-top:14px}.route-preview-block h3{font-size:16px;margin-bottom:8px}.route-cargo-line{border-bottom:1px solid #e0e7dc;padding:8px 0}.route-cargo-line summary{display:flex;justify-content:space-between;cursor:pointer;font-size:14px}.route-cargo-line small{display:block;color:var(--muted);font-size:12px;margin-top:6px}.route-total{display:flex;justify-content:space-between;gap:16px;margin-top:14px;font-size:12px;color:var(--muted)}.route-total strong{display:block;color:var(--ink);font-size:17px;margin-top:4px}.route-total .positive{color:#32774e}.route-total .negative{color:#b15848}.route-opportunities{margin:10px 0 0;padding-left:18px}.route-opportunities li{display:flex;justify-content:space-between;gap:12px;padding:7px 0;font-size:13px}.route-opportunities li span{color:var(--muted);text-align:right}.route-disclaimer{font-size:12px!important;line-height:1.55!important;color:var(--muted);margin:16px 0}.route-actions{display:grid;gap:9px}
.origin-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;margin:18px 0}.origin-card{display:flex;flex-direction:column;gap:8px;text-align:left;border:1px solid var(--line);background:#fbfcf8;border-radius:7px;padding:14px;min-height:132px}.origin-card strong{font-size:17px}.origin-card span{font-size:13px;line-height:1.45;color:var(--muted)}.origin-card small{font-size:12px;margin-top:auto;color:#55756b}.origin-card.selected{border:2px solid var(--teal);background:#eaf2e9;box-shadow:0 0 0 2px #d5e4d5}.origin-detail{background:#f0f4ec;border:1px solid #d7e3d4;border-radius:7px;padding:15px;margin:14px 0 18px}.origin-detail h3{margin:6px 0}.origin-detail p{margin:6px 0 12px!important}.origin-columns{display:grid;grid-template-columns:1fr 1fr;gap:15px;font-size:13px}.origin-columns ul{margin:7px 0 0;padding-left:18px;color:var(--muted)}.origin-empty{color:var(--muted);margin:16px 0!important}
.nation-flag{display:inline-block;width:30px;height:19px;flex:0 0 auto;object-fit:cover;border:1px solid #a99878;border-radius:2px;box-shadow:0 1px 2px #3927192b;vertical-align:middle}.flag-fallback{display:inline-grid;place-items:center;width:30px;height:19px;padding:0;background:#dfe5df;color:#64746e;border:1px solid #bcc9bf}.place-nation,.city-nation,.marketplace-nation{display:flex;align-items:center;gap:8px}.origin-card{padding:0;overflow:hidden;min-height:0}.origin-card-art{display:block;width:100%;height:116px;object-fit:cover;object-position:center;border-bottom:1px solid #d8dfd6}.origin-card-copy{display:flex;flex-direction:column;gap:5px;padding:11px 13px 13px;min-width:0}.origin-card-copy>strong{font-size:18px}.origin-card-copy>span:not(.origin-card-traits){font-size:12px;line-height:1.4}.origin-card-copy>small{margin-top:2px;font-size:11px;line-height:1.45}.origin-card-traits{font-size:10.5px!important;line-height:1.45!important;color:#557068!important}.origin-card-traits b{color:var(--ink);font-weight:600}.origin-card.selected .origin-card-art{filter:saturate(1.08) contrast(1.02)}
.marketplace-nation .nation-flag{width:27px;height:17px}.city-nation .nation-flag{width:30px;height:19px}.office-heading .place-nation,.place-story .place-nation,.harbor-fleet>.place-nation{margin-bottom:5px}
@media(max-width:600px){.origin-grid{grid-template-columns:1fr}.origin-card-art{height:104px}.origin-card-copy{padding:10px 12px 12px}.origin-card-copy>strong{font-size:17px}}
.marketplace-page{min-height:calc(100dvh - 180px);max-width:1500px;margin:0 auto;padding:28px 34px 120px}.marketplace-header{display:flex;align-items:flex-start;gap:22px;padding-bottom:20px;border-bottom:1px solid var(--line)}.back-city{border:1px solid #c6d4ca;background:#fffefa;border-radius:6px;padding:11px 15px;min-height:44px;font-weight:600;white-space:nowrap}.marketplace-header h1{margin:8px 0 5px;font-size:42px}.marketplace-header p{margin:0;color:var(--muted);font-size:14px}.marketplace-layout{display:grid;grid-template-columns:minmax(0,1fr) 260px;gap:28px;margin-top:24px}.marketplace-main{min-width:0}.marketplace-main>h2{font-size:28px;margin:0 0 12px}.marketplace-main .goods-list{max-height:none;overflow:visible}.marketplace-aside{border-left:1px solid var(--line);padding-left:24px;display:grid;align-content:start;gap:22px}.marketplace-aside>div{padding-bottom:18px;border-bottom:1px solid var(--line)}.marketplace-aside h3{margin:7px 0;font-size:20px}.marketplace-aside p{font-size:13px;line-height:1.6;color:var(--muted);margin:0}.marketplace-aside strong{display:block;font-size:24px;margin-top:7px}.marketplace-page .local-production{margin-top:0}.marketplace-page .inline-trade{max-width:760px}@media(max-width:800px){.marketplace-page{padding:20px 14px 100px}.marketplace-header{gap:12px;flex-wrap:wrap}.marketplace-header h1{font-size:35px}.marketplace-layout{display:block;margin-top:18px}.marketplace-aside{border-left:0;border-top:1px solid var(--line);padding:18px 0 0;margin-top:24px;grid-template-columns:1fr 1fr;display:grid;gap:16px}.marketplace-aside>div:last-child{grid-column:1/-1}.marketplace-main .goods-list{max-height:none}.marketplace-page .good-row{min-height:60px}.marketplace-page .inline-trade{margin-left:0;margin-right:0}}@media(min-width:801px) and (max-width:1199px){.marketplace-page{padding:22px 25px 110px}.marketplace-layout{grid-template-columns:minmax(0,1fr) 230px}}
.yard-fleet-picker{margin:0 0 18px;padding:12px;border:1px solid #dbe4d9;border-radius:7px;background:#f5f8f1}.yard-fleet-picker>div{display:grid;gap:6px;margin-top:9px}.yard-fleet-choice{display:flex;justify-content:space-between;align-items:center;gap:10px;text-align:left;padding:9px 10px;border:1px solid transparent;border-radius:5px;background:#fffefa}.yard-fleet-choice.active{border-color:#86aaa0;background:#e8f0e7}.yard-fleet-choice b{font-size:13px}.yard-fleet-choice small{font-size:10px;color:var(--muted)}.yard-repair-queued{padding:10px 12px;border-left:3px solid #b68b38;background:#f6f1df}.yard-repair-queued b{color:#8a6926}
.business-card summary{align-items:center;min-width:0}.business-card summary:before{content:''!important;display:block;flex:0 0 72px;width:72px;height:72px;min-width:0;background-position:center;background-repeat:no-repeat;background-size:contain;overflow:hidden}.business-card summary>span:first-of-type{flex:1;min-width:0}.business-card .business-price{flex:0 0 auto;max-width:38%;overflow-wrap:anywhere}.business-card[data-detail="business-sugar-plantation"] summary:before{background-image:url('assets/images/businesses/business_sugar-plantation.webp')}.business-card[data-detail="business-distillery"] summary:before{background-image:url('assets/images/businesses/business_distillery.webp')}.business-card[data-detail="business-tobacco-plantation"] summary:before{background-image:url('assets/images/businesses/business_tobacco-plantation.webp')}.business-card[data-detail="business-sawmill"] summary:before{background-image:url('assets/images/businesses/business_sawmill.webp')}.business-card[data-detail="business-fishery"] summary:before{background-image:url('assets/images/businesses/business_fishery.webp')}.business-card[data-detail="business-saltworks"] summary:before{background-image:url('assets/images/businesses/business_saltworks.webp')}.business-card[data-detail="business-workshop"] summary:before{background-image:url('assets/images/businesses/business_workshop.webp')}.business-card[data-detail="business-weaving"] summary:before{background-image:url('assets/images/businesses/business_weaving.webp')}.business-card[data-detail="business-ironworks"] summary:before{background-image:url('assets/images/businesses/business_ironworks.webp')}.business-card[data-detail="business-cocoa-plantation"] summary:before{background-image:url('assets/images/businesses/business_cocoa-plantation.webp')}.business-card[data-detail="business-cotton-plantation"] summary:before{background-image:url('assets/images/businesses/business_cotton-plantation.webp')}.business-card[data-detail="business-grain-farm"] summary:before{background-image:url('assets/images/businesses/business_grain-farm.webp')}
@media(max-width:800px){.business-card summary:before{flex-basis:58px;width:58px;height:58px}.business-card .business-price{max-width:34%;font-size:13px}.business-card summary{gap:8px}}
 .route-finance-controls{margin-top:1rem;padding:1rem;border:1px solid rgba(90,67,39,.22);border-radius:12px;background:rgba(255,250,235,.72)}
 .route-finance-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;margin-top:.75rem}
 .route-finance-grid label{display:flex;flex-direction:column;gap:.35rem;font-weight:600}
 .route-finance-grid input{max-width:12rem}
 .route-finance-grid small{font-weight:400;color:#655b4c}
 .route-order-controls{display:grid;gap:.65rem;margin-top:1rem}
 .route-order-controls>section{padding:.7rem;border-top:1px solid rgba(90,67,39,.16)}
 .route-order-controls label{display:flex;align-items:center;gap:.5rem;margin-top:.4rem;font-weight:500}
 .route-order-controls input[type=number]{width:5rem;margin-left:auto}
 .route-detail-controls{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;margin-top:1rem;padding:1rem;border-top:1px solid rgba(90,67,39,.2);background:rgba(255,250,235,.6)}
 .route-detail-controls>div{display:flex;flex-direction:column;gap:.25rem}
 .route-detail-controls strong{font-size:1.05rem}
 .route-overview-finance{display:grid;gap:.5rem;margin-top:1rem;padding:1rem;border-top:1px solid rgba(90,67,39,.2)}
 .route-overview-finance>div{display:flex;justify-content:space-between;gap:1rem;flex-wrap:wrap}
@media(max-width:700px){.route-finance-grid,.route-detail-controls{grid-template-columns:1fr}}
.promotion-ceremony{text-align:center;padding:1.25rem;max-width:34rem}.promotion-ceremony-seal{display:grid;place-items:center;width:5rem;height:5rem;margin:1rem auto;border:2px solid #b88632;border-radius:50%;color:#b88632;font-size:2.5rem;background:rgba(245,232,190,.5)}.promotion-ceremony h2{margin:.35rem 0}.promotion-ceremony h3{font-size:1.35rem;margin:1rem 0 .35rem;color:var(--teal,#1b5d61)}
.route-planner{max-width:980px}.route-planner-intro{display:grid;grid-template-columns:minmax(180px,1fr) minmax(190px,1fr) minmax(180px,1fr);gap:12px;align-items:end;margin:16px 0}.route-field{display:grid;gap:6px;font-weight:600;font-size:13px;color:var(--ink)}.route-field>span,.route-field-label{font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:var(--muted);font-weight:700}.route-field input{width:100%;box-sizing:border-box}.route-planner-choice{display:grid;gap:6px;min-width:0}.route-picker{position:relative;min-width:0}.route-picker-button{width:100%;min-height:48px;display:flex;align-items:center;justify-content:space-between;gap:10px;padding:11px 13px;border:1px solid #c9d5ca;border-radius:8px;background:#fffdf5;color:var(--ink);font:inherit;font-weight:600;text-align:left;touch-action:manipulation}.route-picker-button:hover,.route-picker-button:focus-visible{border-color:var(--teal);box-shadow:0 0 0 3px #195b5d22;outline:0}.route-picker-button b{color:var(--teal);font-size:18px;line-height:1}.route-picker-menu{position:absolute;z-index:30;left:0;right:0;top:calc(100% + 5px);max-height:260px;overflow:auto;padding:5px;border:1px solid #c6d4c8;border-radius:8px;background:#fffdf7;box-shadow:0 8px 20px #263f3826}.route-picker-menu[hidden]{display:none}.route-picker-option{display:block;width:100%;min-height:43px;padding:10px 11px;border:0;border-bottom:1px solid #edf0e6;background:transparent;color:var(--ink);font:inherit;text-align:left;border-radius:5px}.route-picker-option:last-child{border-bottom:0}.route-picker-option:hover,.route-picker-option:focus-visible,.route-picker-option.active{background:#e8f1e9;color:#165d5d;outline:0}.route-section-heading{display:flex;justify-content:space-between;align-items:end;gap:12px;border-bottom:1px solid var(--line);padding-bottom:8px;margin-top:18px}.route-section-heading h3{margin:4px 0 0}.route-section-heading small{color:var(--muted);white-space:nowrap}.route-stop-planner{padding:14px 0;border-bottom:1px solid var(--line);overflow:visible}.route-stop-planner .route-stop-head{display:grid;grid-template-columns:auto minmax(190px,360px) auto;align-items:center;gap:10px}.route-stop-planner .route-stop-head>b{font-size:16px;white-space:nowrap}.route-order-planner{display:grid;grid-template-columns:28px minmax(0,1fr) auto;gap:10px;align-items:start;margin:12px 0;padding:11px;border:1px solid #d8dfd4;border-radius:8px;background:#f7faf2}.route-order-number{display:grid;place-items:center;width:28px;height:28px;border-radius:50%;background:#dce9de;color:#286766;font-weight:700}.route-order-fields{min-width:0}.route-order-pickers{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}.route-order-inputs{display:grid;grid-template-columns:repeat(3,minmax(100px,1fr));gap:8px;margin-top:8px}.route-order-inputs .route-field{font-size:11px}.route-order-remove{align-self:center;font-size:20px}.route-add-order{min-height:42px}.route-finance-controls-planner{margin-top:20px}.route-planner .route-actions{margin-top:18px}.route-empty{color:var(--muted);margin:10px 0}.route-planner .panel-note{line-height:1.5}@media(max-width:800px){.route-planner-intro{grid-template-columns:1fr}.route-order-pickers{grid-template-columns:repeat(2,minmax(0,1fr))}.route-order-inputs{grid-template-columns:1fr 1fr}.route-stop-planner .route-stop-head{grid-template-columns:auto minmax(0,1fr);}.route-stop-planner .route-stop-head .text-button{grid-column:2;text-align:left}.route-picker-menu{position:static;margin-top:5px;max-height:210px}.route-planner{max-width:none}}@media(max-width:480px){.route-order-pickers,.route-order-inputs{grid-template-columns:1fr}.route-order-planner{grid-template-columns:24px minmax(0,1fr) auto}.route-order-number{width:24px;height:24px;font-size:12px}}
.route-map-planner{width:min(1180px,calc(100vw - 28px));max-width:1180px}.route-map-planner-header{display:flex;justify-content:space-between;align-items:end;gap:22px;border-bottom:1px solid var(--line);padding-bottom:18px}.route-map-planner-header h2{margin:8px 0 0}.route-map-planner-header .route-planner-intro{display:grid;grid-template-columns:minmax(210px,1fr) minmax(160px,220px) minmax(160px,220px);gap:10px;margin:0;min-width:min(650px,58vw)}.route-map-planner-body{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(350px,.85fr);gap:18px;margin-top:18px;min-height:450px}.route-map-column,.route-stop-column{min-width:0}.route-map-card{border:1px solid #cfdbce;border-radius:9px;background:#edf3e9;padding:12px}.route-map-heading{display:flex;justify-content:space-between;align-items:end;gap:12px;margin:0 2px 9px}.route-map-heading h3{margin:4px 0 0;font-size:20px}.route-map-heading small{color:var(--muted);white-space:nowrap}.route-planner-map{display:block;width:100%;height:auto;min-height:300px;border-radius:6px;background:#9ac4c5;overflow:visible}.route-map-tint{fill:#173f4010;pointer-events:none}.route-map-line{fill:none;stroke:#165e65;stroke-width:4;stroke-dasharray:10 6;stroke-linecap:round;stroke-linejoin:round;filter:drop-shadow(0 1px 1px #fff8c9)}.route-map-port{cursor:pointer;outline:none}.route-map-hit{fill:transparent}.route-map-dot{fill:#fff7d8;stroke:#205b5b;stroke-width:2;filter:drop-shadow(0 1px 1px #173f4055)}.route-map-port-stop .route-map-dot{fill:#d9b45c;stroke:#fff6d2;stroke-width:3}.route-map-port.selected .route-map-dot{fill:#1c6a6c;stroke:#fff4c1;stroke-width:4}.route-map-port.candidate .route-map-dot{fill:#b87025;stroke:#fff4c1;stroke-width:3}.route-map-port:focus-visible .route-map-hit{stroke:#fff4c1;stroke-width:5}.route-map-label{font-size:15px;fill:#183e42;paint-order:stroke;stroke:#fff6d5;stroke-width:5px;stroke-linejoin:round;pointer-events:none}.route-map-number{font-size:12px;font-weight:800;fill:#fffaf0;pointer-events:none}.route-map-status{font-size:9px;font-weight:800;letter-spacing:.08em;fill:#8a5d19;paint-order:stroke;stroke:#fff6d5;stroke-width:3px}.route-map-status-blocked{fill:#a8493d}.route-map-help{margin:9px 2px 0;color:var(--muted);font-size:12px;line-height:1.5}.route-stop-list{margin-top:14px}.route-stop-row{display:flex;align-items:stretch;border-bottom:1px solid var(--line);gap:5px}.route-stop-row.selected{background:#e8f1e7}.route-stop-select{flex:1;display:flex;justify-content:space-between;align-items:center;gap:10px;border:0;background:transparent;text-align:left;padding:12px 10px;color:var(--ink);font:inherit;min-width:0}.route-stop-select b{white-space:nowrap}.route-stop-select small{color:var(--muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.route-stop-row-actions{display:flex;align-items:center}.route-stop-row-actions button{padding:5px 8px}.route-stop-editor{border:1px solid #d6dfd2;border-radius:9px;background:#fffdf6;padding:18px;min-height:100%}.route-stop-editor-heading{display:flex;justify-content:space-between;gap:12px;align-items:start;border-bottom:1px solid var(--line);padding-bottom:14px;margin-bottom:13px}.route-stop-editor-heading h3{font-size:29px;margin:7px 0 3px}.route-stop-editor-heading p{font-size:12px;color:var(--muted);margin:0}.route-stop-editor .route-order-pickers{grid-template-columns:repeat(2,minmax(0,1fr))}.route-stop-editor .route-order-inputs{grid-template-columns:repeat(2,minmax(0,1fr))}.route-map-candidate{display:grid;grid-template-columns:1fr auto;gap:3px 10px;margin-top:12px;padding:12px;background:#f5ead1;border:1px solid #e1c98e;border-radius:7px}.route-map-candidate span{color:var(--muted);font-size:12px}.route-map-candidate button{grid-column:1/-1}.route-map-planner-footer{display:flex;align-items:center;gap:10px;border-top:1px solid var(--line);margin-top:18px;padding-top:15px}.route-map-planner-footer .panel-note{margin:0;flex:1}.route-map-planner-footer .button{min-width:150px}.route-map-planner .route-finance-controls{margin-top:16px}.route-map-planner .route-finance-grid{grid-template-columns:1fr 1fr}.route-map-planner .route-picker-button{min-height:44px}.route-map-planner .route-order-planner{margin:11px 0}.route-map-planner .route-order-fields{min-width:0}@media(max-width:800px){.route-map-planner{width:100%;max-width:none}.route-map-planner-header{display:block}.route-map-planner-header .route-planner-intro{grid-template-columns:1fr;min-width:0;margin-top:15px}.route-map-planner-body{grid-template-columns:1fr;min-height:0}.route-planner-map{min-height:0}.route-stop-column{order:1}.route-map-column{order:0}.route-map-planner-footer{position:sticky;bottom:0;background:#fffdf7;z-index:4;flex-wrap:wrap}.route-map-planner-footer .panel-note{flex-basis:100%}.route-map-planner-footer .button{flex:1}.route-map-candidate{grid-template-columns:1fr}.route-map-candidate button{grid-column:auto}.route-stop-editor .route-order-pickers,.route-stop-editor .route-order-inputs{grid-template-columns:1fr 1fr}}@media(max-width:480px){.route-stop-editor .route-order-pickers,.route-stop-editor .route-order-inputs{grid-template-columns:1fr}.route-map-heading{display:block}.route-map-heading small{display:block;margin-top:5px}.route-stop-select{display:block}.route-stop-select small{display:block;margin-top:4px}.route-map-planner-footer .button{min-width:0}}