/* The chart and the next useful action lead the working view. */
.atlas-filter-drawer {display:block;}
.atlas-filter-drawer>summary {display:flex;align-items:center;gap:8px;cursor:pointer;list-style:none;min-height:36px;padding:5px 10px;background:#f8fbff;border:1px solid #c8d7e7;border-radius:5px;color:#284d77;font-size:11px;}
.atlas-filter-drawer>summary::-webkit-details-marker {display:none;}
.atlas-filter-drawer>summary>.icon {width:22px;height:22px;}
.atlas-filter-drawer>summary>em {font:10px var(--sans);color:#637e9d;margin-left:auto;}
.atlas-filter-drawer>summary:after {content:'＋';font-size:15px;}
.atlas-filter-drawer[open]>summary:after {content:'−';}
.atlas-filter-options {display:flex;align-items:flex-start;gap:10px;flex-wrap:wrap;padding-top:9px;}
.atlas-sea-filter {display:none;}

.iteration-market .page-head {margin-bottom:12px;}
.market-overview {display:grid;grid-template-columns:180px minmax(0,1fr) auto;align-items:center;gap:0 15px;position:relative;margin-bottom:14px;background:#fbfcfe;border:1px solid #cddbe9;border-radius:7px;}
.market-overview .market-panorama {height:80px;margin:0;border-radius:6px 0 0 6px;overflow:hidden;}
.market-overview .market-panorama img {height:100%;width:100%;object-fit:cover;}
.market-overview .trade-dashboard {display:grid;grid-template-columns:1fr 1fr;margin:0;border:0;min-width:0;background:none;}
.market-overview .trade-dashboard>div {padding:10px 18px;min-width:0;}
.market-overview .trade-dashboard>div:first-child {border:0;}
.market-overview .trade-dashboard strong {font-size:25px;line-height:1.35;}
.market-overview .trade-dashboard small {font-size:10px;}
.market-overview .trade-dashboard .bar {margin-top:4px;height:3px;}
.market-accounts {font-size:10px;padding:0 14px 0 2px;}
.market-accounts>summary {cursor:pointer;min-height:34px;display:flex;align-items:center;color:#536f91;}
.market-accounts>summary:after {content:'⌄';margin-left:6px;}
.market-overview:has(.market-accounts[open]) {grid-template-columns:180px minmax(0,1fr);}
.market-accounts[open] {grid-column:1/-1;padding:0 14px;border-top:1px solid #e1e8f0;}
.market-accounts[open]>summary {justify-content:flex-end;min-height:28px;}
.market-accounts>div {display:flex;gap:20px;justify-content:flex-end;padding:0 0 12px;}
.market-accounts span {display:grid;gap:4px;color:#6e839b;}
.market-accounts b {font:17px var(--data);color:#31547d;}
.iteration-market .market-workgrid {grid-template-columns:minmax(0,1fr) 285px;align-items:start;}
.iteration-market .commodity-market .panel-head {padding:10px 16px;min-height:51px;}
.iteration-market .quantity-control button {min-width:32px;min-height:32px;}
.iteration-market .commodity-row {min-height:78px;}
.iteration-market .commodity-actions .btn {min-height:33px;}
.iteration-market .market-services .port-life {margin-bottom:0;}
.iteration-market .cargo-panel .panel-body {padding:10px 15px;}
.iteration-market .cargo-panel .hint {font-size:10px;margin-top:8px;}
.iteration-market>.cargo-arrivals {margin-bottom:14px;border-left:3px solid #b46655;}
.cargo-arrivals .panel-head {padding:8px 15px;min-height:40px;}
.cargo-arrivals .panel-body {display:flex;flex-wrap:wrap;gap:8px 22px;}
.cargo-arrivals .hold-row {flex:1 1 320px;min-width:0;justify-content:flex-start;gap:12px;border:0;padding:2px 0;}
.cargo-arrivals .hold-row>div {min-width:0;}
.cargo-arrivals .hold-row>.btn {margin-left:auto;min-height:36px;}
.held-cargo-art {width:42px;height:42px;object-fit:contain;flex:none;}
.cargo-margin {margin-left:8px;font-weight:600;color:#31728a;}
.cargo-margin.loss {color:#aa5548;}
.trade-lead {padding:12px 16px;gap:12px;}
.trade-lead h2 {font-size:17px;margin:2px 0;}
.trade-lead small {font-size:10px;}
.trade-lead-steps {font-size:10px;gap:9px;margin-top:5px;}
.trade-lead-steps>span+span:before {content:'›';color:#98a9bd;margin-right:9px;}
.trade-lead-steps .btn {padding:3px 7px;min-height:26px;margin-left:3px;font-size:9px;}

.iteration-shipyard {overflow:hidden;}
.shipyard-dock {display:grid;grid-template-columns:minmax(0,1.15fr) minmax(280px,.85fr);position:relative;isolation:isolate;}
.iteration-shipyard .shipyard-scene {position:absolute;inset:0;height:100%;width:100%;z-index:-1;opacity:.22;margin:0;border:0;border-radius:0;}
.iteration-shipyard .shipyard-header {display:grid;grid-template-columns:minmax(130px,1fr) minmax(150px,1fr);align-items:center;min-width:0;gap:10px;padding:20px 24px;background:#173352ed;}
.iteration-shipyard .shipyard-header>div {min-width:0;}
.iteration-shipyard .shipyard-header h2 {font-size:27px;margin:5px 0 15px;line-height:1.4;}
.iteration-shipyard .shipyard-header>div>small {font-size:10px;letter-spacing:1px;}
.iteration-shipyard .shipyard-header>.ship-portrait {height:170px;max-width:280px;}
.iteration-shipyard .shipyard-facts {display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px 14px;margin:0;font-size:10px;}
.iteration-shipyard .shipyard-facts b {font-size:17px;margin-left:4px;}
.iteration-shipyard .shipyard-next,.iteration-shipyard .refit-progress {padding:20px 24px;display:flex;flex-direction:column;align-items:stretch;justify-content:center;gap:11px;border:0;background:#f9fbfdf7;min-width:0;}
.iteration-shipyard .shipyard-next h3 {font-size:22px;margin:3px 0 8px;}
.iteration-shipyard .shipyard-next small {color:#6c829e;font-size:10px;}
.iteration-shipyard .shipyard-next p {font-size:11px;line-height:1.7;margin:4px 0 7px;}
.iteration-shipyard .shipyard-next .cost {font-size:10px;line-height:1.8;}
.iteration-shipyard .shipyard-next .play-warning {font-size:10px;line-height:1.6;}
.iteration-shipyard .shipyard-next .play-warning .btn {min-height:28px;font-size:10px;padding:3px 7px;}
.iteration-shipyard .shipyard-next>.btn {min-height:38px;}
.iteration-shipyard .shipyard-next .bar {height:4px;margin-top:8px;}
.ship-progression>summary {padding:11px 18px;min-height:42px;background:#e9f0f8;color:#3b5f88;cursor:pointer;font-size:11px;}
.ship-progression>summary>span {float:right;font-size:10px;color:#6c83a0;}
.iteration-shipyard .ship-tier-track>div {padding:12px 8px;gap:5px;}
.iteration-shipyard .ship-tier-track .ship-tier-portrait {height:76px;}
.iteration-dockyard .section-intro {margin:17px 0 11px;font-size:13px;color:#3a587e;}
.iteration-dockyard .module-card {padding:17px;}
.iteration-dockyard .module-card .effect {margin:12px 0 7px;}
.iteration-dockyard .module-card .desc {font-size:10px;line-height:1.65;}

@media(max-width:1100px) {
  .market-overview {grid-template-columns:115px minmax(0,1fr) auto;gap:0 5px;}
  .market-overview:has(.market-accounts[open]) {grid-template-columns:115px minmax(0,1fr);}
  .market-overview .trade-dashboard>div {padding-inline:12px;}
  .iteration-market .market-workgrid {grid-template-columns:minmax(0,1fr) 240px;}
  .shipyard-dock {grid-template-columns:minmax(0,1fr) minmax(240px,.8fr);}
  .iteration-shipyard .shipyard-header {padding:18px;grid-template-columns:minmax(110px,1fr) minmax(120px,.8fr);}
  .iteration-shipyard .shipyard-header h2 {font-size:23px;}
  .iteration-shipyard .shipyard-next {padding:18px;}
}
@media(max-width:760px) {
  .page-head:has(~.world-workgrid) {margin-bottom:8px;}
  .page-head:has(~.world-workgrid) h1 {font-size:22px;line-height:1.45;}
  .page-head:has(~.world-workgrid) p {display:none;}
  .world-pulse {margin-bottom:8px;}
  .world-pulse-head {padding:7px 9px;gap:6px;font-size:9px;min-height:28px;}
  .world-pulse-head>small {display:none;}
  .world-activity>summary {padding:5px 9px;font-size:9px;min-height:25px;}
  .atlas-filter-drawer {margin-bottom:8px;}
  .atlas-filter-drawer>summary {min-height:32px;padding:3px 9px;font-size:10px;}
  .atlas-filter-drawer>summary>.icon {width:19px;height:19px;}
  .atlas-filter-options {padding:9px;background:#f6f9fd;border:1px solid #d4dfec;border-radius:5px;margin-top:6px;}
  .atlas-filter-options .continent-tabs {gap:4px;}
  .atlas-filter-options .continent-tabs button {font-size:10px;padding:6px 8px;}
  .atlas-sea-filter {display:flex;align-items:center;gap:10px;font-size:11px;color:#4e7096;width:100%;}
  .atlas-sea-filter select {flex:1;max-width:none;min-height:34px;}
  .world-chart .panel-head {padding:7px 10px;min-height:42px;gap:6px;}
  .world-chart .panel-head h2 {font-size:12px;gap:5px;}
  .world-chart .panel-head h2 .icon {width:20px;height:20px;}
  .world-chart .chart-tools {gap:4px;}
  .world-chart .chart-tools button {min-height:30px;min-width:28px;padding:3px 6px;}
  .world-chart .chart-tools .map-fit {min-width:54px;font-size:9px;}
  .world-chart .map-toolbar {display:flex;flex-wrap:nowrap;gap:7px;padding:5px 9px;}
  .map-toolbar .tabs {flex:none;gap:0;}
  .world-chart .map-toolbar .tabs button {font-size:9px;min-height:30px;padding:4px 6px;}
  .world-chart .map-destinations {display:flex;flex:1;width:auto;min-width:95px;}
  .world-chart .map-destinations .map-sea-label {display:none;}
  .world-chart .map-destinations>label:last-child {flex:1;min-width:0;}
  .world-chart .map-destinations .map-select {width:100%;font-size:9px;min-height:30px;padding:5px;}
  .trade-lead {padding:10px 12px;gap:8px;display:grid;grid-template-columns:minmax(0,1fr) auto;margin-bottom:10px;}
  .trade-lead h2 {font-size:13px;line-height:1.5;}
  .trade-lead small {font-size:9px;}
  .trade-lead>.btn {width:auto;min-height:36px;font-size:10px;padding:7px 10px;}
  .trade-lead-steps {gap:6px;font-size:9px;margin-top:3px;}
  .trade-lead-steps>span+span:before {margin-right:6px;}
  .trade-lead-steps .btn {font-size:9px;min-height:22px;}
  .trade-lead:has(~.world-workgrid) .trade-lead-steps {display:none;}

  .iteration-market .page-head h1 {font-size:22px;line-height:1.4;}
  .iteration-market .page-head p {font-size:10px;line-height:1.4;}
  .market-overview {grid-template-columns:72px minmax(0,1fr) 58px;gap:0;margin-bottom:10px;}
  .market-overview:has(.market-accounts[open]) {grid-template-columns:72px minmax(0,1fr);}
  .market-overview .market-panorama {height:65px;}
  .market-overview .trade-dashboard>div {padding:8px 10px;border:0;}
  .market-overview .trade-dashboard strong {font-size:21px;}
  .market-overview .trade-dashboard small {font-size:8px;white-space:nowrap;}
  .market-overview .trade-dashboard em {font-size:9px;}
  .market-accounts {padding:0 7px 0 0;font-size:9px;}
  .market-accounts>summary {line-height:1.5;min-height:34px;}
  .market-accounts>summary:after {margin-left:2px;}
  .market-accounts>div {gap:17px;}
  .iteration-market .market-workgrid {grid-template-columns:minmax(0,1fr);gap:14px;}
  .iteration-market .commodity-market .panel-head {padding:8px 12px;min-height:49px;}
  .iteration-market .commodity-market .panel-head h2 {font-size:12px;gap:6px;}
  .iteration-market .commodity-market .panel-head .icon {width:22px;height:22px;}
  .iteration-market .quantity-control button {min-height:32px;min-width:29px;font-size:10px;}
  .iteration-market .commodity-row {padding:10px 12px;gap:5px 8px;grid-template-columns:minmax(0,1fr) 60px;}
  .iteration-market .commodity-name {gap:8px;}
  .iteration-market .goods-mark {width:40px;height:40px;}
  .iteration-market .commodity-name h3 {font-size:12px;}
  .iteration-market .commodity-name small {font-size:9px;}
  .iteration-market .commodity-price strong {font-size:18px;}
  .iteration-market .commodity-actions {justify-content:flex-end;gap:7px;}
  .iteration-market .commodity-actions .btn {min-width:90px;min-height:34px;font-size:11px;}
  .cargo-arrivals .panel-head {min-height:33px;padding:6px 12px;}
  .cargo-arrivals .panel-head h2 {font-size:11px;}
  .cargo-arrivals .panel-head .icon {width:19px;height:19px;}
  .iteration-market .cargo-arrivals .panel-body {padding:8px 12px;}
  .cargo-arrivals .hold-row {flex-basis:100%;gap:8px;}
  .cargo-arrivals .hold-row h4 {font-size:11px;}
  .cargo-arrivals .hold-row small {font-size:9px;}
  .cargo-arrivals .hold-row>.btn {font-size:10px;padding:7px 9px;min-height:34px;}
  .held-cargo-art {width:34px;height:34px;}
  .cargo-margin {margin-left:5px;}

  .shipyard-dock {grid-template-columns:minmax(0,1fr);}
  .iteration-shipyard .shipyard-header {padding:14px 16px;grid-template-columns:minmax(120px,1fr) minmax(105px,.9fr);min-height:150px;gap:7px;}
  .iteration-shipyard .shipyard-header h2 {font-size:22px;line-height:1.35;margin:3px 0 10px;}
  .iteration-shipyard .shipyard-header>.ship-portrait {height:126px;max-width:180px;}
  .iteration-shipyard .shipyard-facts {font-size:9px;gap:4px 9px;}
  .iteration-shipyard .shipyard-facts b {font-size:15px;}
  .iteration-shipyard .shipyard-next,.iteration-shipyard .refit-progress {padding:12px 16px;gap:8px;}
  .iteration-shipyard .shipyard-next h3 {font-size:19px;margin:2px 0 5px;}
  .iteration-shipyard .shipyard-next p {font-size:10px;margin:4px 0;}
  .iteration-shipyard .shipyard-next .cost {font-size:9px;}
  .iteration-shipyard .shipyard-next .play-warning {font-size:9px;}
  .iteration-shipyard .shipyard-next>.btn {min-height:35px;font-size:11px;}
  .ship-progression>summary {padding:10px 14px;min-height:38px;font-size:10px;}
  .iteration-shipyard .ship-tier-track {display:grid;grid-template-columns:repeat(5,135px);overflow-x:auto;}
  .iteration-shipyard .ship-tier-track>div:last-child {grid-column:auto;}
  .iteration-dockyard .section-intro {margin:13px 0 9px;font-size:12px;}
}
@media(prefers-reduced-motion:reduce) {.market-accounts>div {scroll-behavior:auto;}}