/* Harbor composition: a pinned departure action and locally scrollable content. */
.classic-ui .harbor-frame{height:min(630px,100%);grid-template-rows:56px minmax(0,1fr) 64px}
.classic-ui .harbor-body{grid-template-columns:146px minmax(0,1fr) 208px}
.classic-ui .harbor-header{background:linear-gradient(#30291c,#0e100e);color:#e6d1a0;text-shadow:0 1px #000;border-bottom-color:#7b6844}
.classic-ui .harbor-crest{color:#d0b77e}
.classic-ui .harbor-nav{padding:12px 7px;gap:5px;background:linear-gradient(90deg,#1b1711,#0c0c0b)}
.classic-ui .harbor-nav-title{margin:4px 0;color:#e1c78e;letter-spacing:1.5px;font-size:10px}
.classic-ui .harbor-nav button{flex:none;min-height:44px;text-align:left;padding:8px 10px;font:14px Georgia,serif;color:#eee1bc;background:linear-gradient(#28251e,#0a0a09);border:1px solid #695839;box-shadow:inset 0 0 0 1px #111}
.classic-ui .harbor-nav button:hover{background:linear-gradient(#483c28,#19140e);border-color:#b89a60}
.classic-ui .harbor-nav small{font-size:11px;color:#c1b79e;line-height:1.5;margin-top:7px}
.classic-ui .harbor-sea{display:block;isolation:isolate;background:#092638 url('assets/harbor-classic-v24.webp') center right/cover no-repeat;overflow:hidden}
.classic-ui .harbor-sea:before{position:absolute;inset:0;z-index:-1;content:'';background:linear-gradient(90deg,#030b13f2 0%,#030b13ce 32%,#030b1340 70%,#030b130d 100%)}
.classic-ui .harbor-sea .start-content{position:relative;display:flex;flex-direction:column;align-items:flex-start;height:100%;max-width:none;padding:28px 24px;text-align:left;overflow:auto;gap:12px}
.classic-ui .harbor-sea .start-content>*{flex-shrink:0}
.classic-ui .harbor-sea .eyebrow{margin:0;font:10px Tahoma,sans-serif;letter-spacing:2px;color:#d4c295}
.classic-ui .harbor-sea h1{font:42px Georgia,serif;color:#f3e1b1;line-height:1.1;letter-spacing:0;margin:0;text-shadow:0 2px 3px #000}
.classic-ui .harbor-identity{margin:0;color:#d9d1b9;font:12px Tahoma,sans-serif;line-height:1.5}
.classic-ui .harbor-readiness{width:min(300px,100%);padding:10px 12px;background:#070b0fbd;border:1px solid #71613d;box-shadow:inset 0 0 0 1px #000;display:grid;gap:6px}
.classic-ui .harbor-readiness p{display:flex;justify-content:space-between;gap:8px;margin:0;font:11px Tahoma,sans-serif;color:#ddd2b9}
.classic-ui .harbor-meter{height:6px;background:#020505;box-shadow:0 0 0 1px #293426;overflow:hidden}
.classic-ui .harbor-meter i{display:block;height:100%;background:linear-gradient(#94ba6c,#437943)}
.classic-ui .harbor-next{width:min(300px,100%);margin-top:auto;padding:12px;background:#05090edb;border:1px solid #7a6947;display:grid;gap:7px}
.classic-ui .harbor-next small{color:#bda776;font:9px Tahoma,sans-serif;letter-spacing:1.2px}
.classic-ui .harbor-next h2{font:19px Georgia,serif;color:#eed6a2;margin:0}
.classic-ui .harbor-next p{font:11px Tahoma,sans-serif;line-height:1.5;color:#d1caba;margin:0}
.classic-ui .harbor-next-meta{display:flex;justify-content:space-between;gap:8px;font:10px Tahoma,sans-serif;color:#d8c28d}
.classic-ui .harbor-next button{min-height:44px;padding:8px 10px;text-align:left;background:#19160f;border:1px solid #796341;color:#ecd29b;font:12px Georgia,serif}
.classic-ui .harbor-captain{background:linear-gradient(#11120e,#080907);padding:12px 10px}
.classic-ui .harbor-captain h2{font:13px Georgia,serif;letter-spacing:1px;color:#ddc592}
.classic-ui .harbor-captain canvas{background:radial-gradient(ellipse at center,#253c40,#060b0c);border:1px solid #695b3e;margin:8px 0}
.classic-ui .harbor-captain dl{font-size:12px;gap:8px}
.classic-ui .harbor-captain dt{color:#bca985}
.classic-ui .harbor-captain dd{color:#eee5cc}
.classic-ui .harbor-captain small{color:#b8a990}
.classic-ui .harbor-footer{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:8px 18px;overflow:visible;background:linear-gradient(#231d14,#0d0d0a);border-top:1px solid #8b764b}
.classic-ui .harbor-footer-copy{min-width:0}
.classic-ui .harbor-footer-copy p{margin:0 0 3px;font:12px Georgia,serif;color:#ddd0b0}
.classic-ui .harbor-footer-copy small{font:10px Tahoma,sans-serif;color:#bcaf92}
.classic-ui .harbor-footer .start-button{flex:none;min-width:180px;min-height:44px;margin:0;padding:10px 20px;font:15px Georgia,serif;letter-spacing:1px;border:1px solid #c8ab64;background:linear-gradient(#7b693d,#302714);color:#fff1c7;box-shadow:inset 0 0 0 2px #17130c,0 2px 6px #0008}
.classic-ui .harbor-footer .start-button:hover{background:linear-gradient(#9a8247,#48351b)}
.classic-ui .harbor-footer .start-button:disabled{opacity:.65;cursor:wait}
.classic-ui .harbor-sea .asset-status{font:10px Tahoma,sans-serif;line-height:1.5;color:#b8c8c5;text-align:left;margin:0;max-width:300px}
.classic-ui .harbor-sea .asset-retry{flex:none;min-height:44px;font-size:12px;padding:8px 12px}
.classic-ui .harbor-nav button:focus-visible,.classic-ui .harbor-next button:focus-visible,.classic-ui .harbor-footer .start-button:focus-visible{outline:2px solid #fff2b5;outline-offset:-4px}
/* Full four-column shop composition is retained inside its scrollable window. */
.classic-ui .cargo-card .cargo-icon{background:#120c06}
.classic-ui .cargo-card .cargo-icon img{object-fit:cover}
.classic-ui .cargo-card .cargo-icon img[hidden],.classic-ui .ship-item-art[hidden],.classic-ui #ammoIcon[hidden]{display:none}
.classic-ui .cargo-card .cargo-offer{display:flex;align-items:center;justify-content:space-between;gap:6px;margin:0;padding:5px 8px;color:#e2d1a6;font:11px Tahoma,sans-serif;border-bottom:1px solid #393122}
.classic-ui .cargo-card .cargo-offer b{font-weight:normal;color:#f2dc92}
.classic-ui .cargo-card .cargo-stock{line-height:1.5;color:#c6bba3}
@media(max-width:800px),(max-height:550px){
 .classic-ui .start-screen{padding:5px max(5px,env(safe-area-inset-right)) max(5px,env(safe-area-inset-bottom)) max(5px,env(safe-area-inset-left))}
 .classic-ui .harbor-frame{height:100%;grid-template-rows:42px minmax(0,1fr) 56px}
 .classic-ui .harbor-body{grid-template-columns:112px minmax(0,1fr);gap:4px;padding:4px}
 .classic-ui .harbor-captain{display:none}
 .classic-ui .harbor-header{padding:5px 8px;gap:7px}
 .classic-ui .harbor-header strong{font-size:17px}
 .classic-ui .harbor-header small{font-size:8px;letter-spacing:1px}
 .classic-ui .harbor-location{font-size:9px}
 .classic-ui .harbor-crest{font-size:24px}
 .classic-ui .harbor-nav{padding:4px;gap:4px}
 .classic-ui .harbor-nav button{font-size:12px;padding:8px}
 .classic-ui .harbor-nav small{display:none}
 .classic-ui .harbor-sea .start-content{padding:12px;gap:8px}
 .classic-ui .harbor-sea h1{font-size:29px}
 .classic-ui .harbor-sea .eyebrow{font-size:9px;letter-spacing:1px}
 .classic-ui .harbor-readiness{padding:8px}
 .classic-ui .harbor-next{padding:8px;margin-top:6px}
 .classic-ui .harbor-next h2{font-size:17px}
 .classic-ui .harbor-footer{padding:5px 8px;gap:8px}
 .classic-ui .harbor-footer-copy p{font-size:11px}
 .classic-ui .harbor-footer-copy small{font-size:9px}
 .classic-ui .harbor-footer .start-button{min-width:152px;font-size:13px;padding:9px 12px}
}
@media(prefers-reduced-motion:reduce){.classic-ui .harbor-footer .start-button{transition:none}}
@media(forced-colors:active){.classic-ui .harbor-sea:before{background:Canvas}.classic-ui .harbor-readiness,.classic-ui .harbor-next{background:Canvas}.classic-ui .harbor-meter{border:1px solid CanvasText}.classic-ui .harbor-meter i{background:Highlight}}