/* Original chrome inspired by the pre-2012 sea-chart, with the compact phone layout. */
.classic-ui{
 --legacy-ink:#100e0b;--legacy-text:#efe4c9;--legacy-muted:#c4bba6;--legacy-edge:#a58d5a;
 --legacy-wood:repeating-linear-gradient(2deg,#e6bc6810 0 1px,transparent 1px 5px),linear-gradient(#493722,#251c13 48%,#352619);
 --legacy-iron:linear-gradient(#73654b,#292a24 18%,#141614 68%,#51452e);
 --legacy-paper:repeating-linear-gradient(172deg,#52341909 0 1px,transparent 1px 7px),linear-gradient(#ead4a3,#bea272);
 --legacy-slot:radial-gradient(ellipse at 45% 25%,#555646,#101613 74%);
 --wood:var(--legacy-wood);--metal:var(--legacy-iron);--border:var(--legacy-edge);--gold:#c6ac70;--gold-bright:#f2dda5;
 font-family:Tahoma,Arial,sans-serif;color:var(--legacy-text)
}
.classic-ui .topbar{background:var(--legacy-wood);border-bottom:2px solid #1b1a15;box-shadow:inset 0 1px #b3996488,inset 0 -1px #9b8454,0 2px 4px #0008}
.classic-ui .topbar:after{height:2px;bottom:-2px;background:repeating-linear-gradient(35deg,#867343 0 2px,#c3aa6c 2px 3px,#332b1b 3px 5px)}
.classic-ui .brand{position:relative;flex-shrink:0;gap:6px;padding:5px 12px;font:700 16px/1 Georgia,serif;letter-spacing:1px;background:var(--legacy-paper);border:1px solid #a38c59;border-radius:2px;color:#302416;box-shadow:inset 0 1px #f4e7c080,inset 0 -2px #725a3677,0 2px 3px #0008;text-shadow:0 1px #f0dfb788}
.classic-ui .brand-mark{display:flex;align-items:center;justify-content:center;color:#33271c}.brand-mark svg{display:block;width:28px;height:28px}
.classic-ui .brand small{font:8px/1.2 Tahoma,Arial;letter-spacing:1px;color:#4a3622;text-shadow:none;margin-top:3px}
.classic-ui .coin,.classic-ui .pearl{display:flex;align-items:center;gap:4px;background:#131410;border-color:#8f7b4d;border-radius:2px;box-shadow:inset 0 1px 3px #000,0 1px #c7a36533;font:11px/1 Tahoma,Arial;color:#f2d797}
.classic-ui .pearl{color:#e6ece2}.resource-icon{width:16px;height:16px;flex:none;display:block}
.classic-ui .resources>button,.classic-ui .chart-menu>summary{background:var(--legacy-iron);border:1px solid #b29c68;box-shadow:inset 0 0 0 1px #11150f,inset 0 2px #f0d9a533;color:#f0e1b8;text-shadow:0 1px #000;border-radius:2px}
.classic-ui .chart-menu-list{background:var(--legacy-wood);border-color:#b3a074;box-shadow:inset 0 0 0 1px #161a12,0 5px 10px #0009}
.classic-ui .resources .chart-menu-entry{background:var(--legacy-slot);border-color:#877d60;color:#efe5cd;box-shadow:inset 0 1px #cebd8b44,inset 0 -1px #060b09}
.classic-ui .game-shell:before{content:'';position:absolute;inset:0;z-index:8;border:8px solid transparent;border-image:url('assets/ui/chart-frame.svg') 20 / 8px / 0 stretch;pointer-events:none}
.classic-ui .chart-top{height:24px;margin:4px 8px 0;background:linear-gradient(#161b18f0,#071210ca);border-bottom:1px solid #a08d5f77;font:10px/1 Tahoma,Arial;letter-spacing:.2px;color:#eee9d9;text-shadow:0 1px #000}
.classic-ui .chart-top #mapLabel{font-weight:700}.classic-ui .chart-top #coordinates{color:#dedbcc;font-variant-numeric:tabular-nums}.classic-ui .local-mode{font-size:8px;color:#c4bdab}
.classic-ui .panel{background:var(--legacy-wood);border-color:#b09a67;border-radius:1px;box-shadow:inset 0 0 0 1px #090e09,inset 0 2px #cfb48044,0 2px 4px #0008}
.classic-ui .panel-title,.classic-ui .comms-heading{background:var(--legacy-iron);border-bottom:1px solid #080d0a;color:#f3e2b3;font-family:Tahoma,Arial;text-shadow:0 1px #000;box-shadow:inset 0 1px #e6cd9844,inset 0 -1px #8e7b5044}
.classic-ui .panel-title button{border-color:#a48f5c;background:radial-gradient(circle at 35% 25%,#807b55,#242a1d 75%);box-shadow:inset 0 0 0 1px #15170e;color:#f2e4b6}
.classic-ui .mission-body{background:var(--legacy-paper);color:#302518}.classic-ui .mission strong{color:#302518;text-shadow:0 1px #f3e1b980}.classic-ui .mission p{color:#433421}.classic-ui .mission-footer{color:#322a1b}.classic-ui .mission-progress{background:#53462e;border-color:#8a784e}
.classic-ui .minimap{background:var(--legacy-wood);border-color:#ab996b;border-radius:0;box-shadow:inset 0 0 0 1px #161a11,0 2px 4px #0009}
.classic-ui .minimap .panel-title{background:var(--legacy-paper);color:#352918;text-shadow:none;border-color:#9d8859}
.classic-ui .minimap canvas{border:1px solid #af9b69;box-shadow:0 0 0 1px #101a14}.classic-ui .chart-controls{border-top-color:#9f875844}.classic-ui .chart-controls button{background:var(--legacy-iron);border-color:#a08c60;color:#f2e1b9;box-shadow:inset 0 1px #d5c38e33}
.classic-ui .chart-controls button[aria-pressed=true]{background:linear-gradient(#555436,#30381d);border-color:#e6d39a;box-shadow:inset 0 0 0 1px #d6c38966}
.classic-ui .map-footer{border-top-color:#a98a4844;color:#ded2b3}
.classic-ui .combat-hud .action-dock,.classic-ui .combat-hud .utility-dock{background:var(--legacy-wood);border:1px solid #b09966;box-shadow:inset 0 1px #e0c99155,inset 0 -1px #0b100a,0 2px 3px #0008;border-radius:1px}
.classic-ui .combat-hud .action,.classic-ui .combat-hud .utility-row button{background:var(--legacy-slot);border-color:#8d8263;box-shadow:inset 0 1px #c9c09b66,inset 0 -1px #020706,inset 1px 0 #655f4855,inset -1px 0 #040806;border-radius:1px}
.classic-ui .combat-hud .action .symbol svg{filter:drop-shadow(0 1px 1px #000);opacity:1}.classic-ui .combat-hud .action b,.classic-ui .combat-hud .utility-row b{color:#f3ead0;font-family:Tahoma,Arial;letter-spacing:0;text-shadow:0 1px #000}
.classic-ui .combat-hud .action small,.classic-ui .combat-hud .utility-row small{color:#f4e0ab;text-shadow:0 1px #000;font-variant-numeric:tabular-nums}
.classic-ui .combat-hud .action[data-ready=true]:not(:disabled){border-color:#c8c88c;box-shadow:inset 0 0 0 1px #d6cf8d44,inset 0 1px #f1e3b155;background:radial-gradient(ellipse at 50% 20%,#747746,#182316 78%)}
.classic-ui .combat-hud .action[aria-pressed=true]{background:radial-gradient(ellipse at 45% 20%,#a08c48,#3c3015 80%);border-color:#f1da91;box-shadow:inset 0 2px 4px #100c07,inset 0 0 0 1px #79612c}
.classic-ui .combat-hud #cancelAttackButton:not(:disabled){background:radial-gradient(ellipse at 45% 20%,#82543d,#2d1913);border-color:#c5a07a}
.classic-ui .combat-hud .action:disabled,.classic-ui .combat-hud .utility-row button:disabled{opacity:.6;filter:saturate(.4)}
.classic-ui .combat-hud .action[aria-pressed=true]:disabled{opacity:1;filter:none}
.classic-ui .combat-hud .utility-symbol{display:flex;align-items:center;justify-content:center}.utility-symbol svg{display:block;width:22px;height:22px}
.classic-ui .combat-hud .ammo-row{color:#e1d5b6;background:#141812}.classic-ui .combat-hud .ammo-row #reloadText{color:#e0e3c5}
.classic-ui .status-dock .ship-card,.classic-ui .status-dock .target-card{border-color:#b8a370;box-shadow:inset 0 0 0 1px #0009,0 1px 3px #0009}
.classic-ui .combat-hud .status-dock .hud-summary,.classic-ui .combat-hud .status-dock #shipDetails,.classic-ui .combat-hud .status-dock #clearTarget{background:linear-gradient(#403827,#151a14 60%,#252517);color:#eee4cb;font-family:Tahoma,Arial}
.classic-ui .status-dock .hud-title:before{content:'✦';font:13px/10px Georgia;color:#d0ba7f;flex:none;align-self:center;text-shadow:0 1px #000}
.classic-ui .combat-hud .status-dock .bar{border-color:#a79769;border-radius:5px;background:linear-gradient(#080c07,#242819);box-shadow:inset 0 1px 2px #000}
.classic-ui .combat-hud .status-dock .bar i{border-radius:4px}.classic-ui .status-dock .hp i{background:linear-gradient(#b9d854,#6c962b 45%,#355f18 58%,#83ae35)}.classic-ui .status-dock .enemy i{background:linear-gradient(#e89162,#a14b30 45%,#652414 58%,#b76538)}
.classic-ui .status-dock .xp i{background:linear-gradient(#99ccea,#3667b6 48%,#1e397e 55%,#527ecc)}.classic-ui .status-dock .elite i{background:linear-gradient(#eddaa0,#a6893f 50%,#5b4520 58%,#be9650)}
.classic-ui .hud-extra,.classic-ui .ammo-picker,.classic-ui .comms-body,.classic-ui .chat-connection{background:#111711f5;border-color:#a59260;color:var(--legacy-text)}
.classic-ui .ammo-picker header{background:#111711}.classic-ui .ammo-picker header button{background:var(--legacy-iron);border-color:#af9b65}.classic-ui .ammo-picker #ammoSelect{background:#101510;border-color:#8f8057;color:#f2e8cf}
.classic-ui .chat-connection{color:#dbcdae}.classic-ui .chat-empty,.classic-ui .chat-draft-state{color:#c7c1aa}.classic-ui .chat-field>span{color:#ddd1b1}
.classic-ui .chat-channels button,.classic-ui .chat-compose-actions button{background:var(--legacy-iron);border-color:#8c7c51;color:#eee1c0}
.classic-ui .chat-channels [aria-pressed=true]{background:linear-gradient(#58542e,#30351b);border-color:#d8c58b;color:#fff0c0}
.classic-ui .chat-field input,.classic-ui .chat-field textarea{background:#0e140f;border-color:#a59260;color:#f3e9d0}
.classic-ui .comms-dock #logEntries{color:#e0d7bf}.classic-ui .comms-dock .log time{color:#b0c0a0}
.classic-ui dialog,.classic-ui #shipModal{background:#181911;border-color:#bca673;border-radius:1px;box-shadow:inset 0 0 0 1px #1b1a11,0 8px 28px #000b}
.classic-ui .modal-panel{background:linear-gradient(#1c2118,#101710);border-color:#7d6f4d;color:var(--legacy-text)}
.classic-ui .modal-panel>h2{background:var(--legacy-paper);border-image:none;border-bottom:4px solid #51402a;color:#312717;font-family:Georgia,serif;text-shadow:0 1px #e9dab988}
.classic-ui .modal-panel .close,.classic-ui .ship-menu-header .close{background:radial-gradient(circle at 35% 20%,#97915f,#30351e 68%,#15190e);border-color:#bbab73;color:#f0e3b6;box-shadow:inset 0 0 0 2px #1b2111}
.classic-ui .ship-menu-header,.classic-ui .ship-menu-footer{background:var(--legacy-wood);border-image:none;border-color:#a28b59}.classic-ui .ship-menu-header{border-bottom:3px solid #443820}.classic-ui .ship-menu-header h2{color:#f2e0b6}
.classic-ui .ship-menu-nav,.classic-ui .fleet-tabs,.classic-ui .cargo-tabs{background:linear-gradient(#3b3523,#101710);border-color:#9c895a}
.classic-ui .ship-menu-nav button,.classic-ui .fleet-tabs button{background:var(--legacy-iron);border-color:#837956;color:#e2d8bd;box-shadow:inset 0 1px #c9ba7c44}
.classic-ui .ship-menu-nav button[aria-pressed=true],.classic-ui .fleet-tabs button[aria-pressed=true]{background:linear-gradient(#665933,#453a1e 44%,#302815);border-color:#e5cc8f;color:#fff1c6;box-shadow:inset 0 1px #efdeb777,inset 0 -2px #251f0f}
.classic-ui .ship-menu-content{background:#121910;scrollbar-color:#a78e53 #11160f}.classic-ui .ship-menu-content>h3{color:#eadab7;border-color:#8f7c48}.classic-ui .ship-row-info p,.classic-ui .ship-lead{color:#cbc8b0}
.classic-ui .ship-overview,.classic-ui .ship-values,.classic-ui .upgrade-item,.classic-ui .fleet-card,.classic-ui .elite-detail{background:#0e150e;border-color:#84764f}
.classic-ui .ship-preview{background:radial-gradient(ellipse,#45543888,#111d15 80%);border-color:#a5915b}.classic-ui .ship-values dt{color:#c9b574}.classic-ui .ship-values dd{color:#eee7d2}
.classic-ui .ship-control,.classic-ui .ship-menu-footer button,.classic-ui .hud-management,.classic-ui .upgrade-item button,.classic-ui .fleet-card button,.classic-ui .map-choice,.classic-ui .cargo-buy{background:var(--legacy-iron);border-color:#b6a371;color:#f1e5c5;box-shadow:inset 0 1px #dac88e55,inset 0 -1px #0b1009}
.classic-ui .ship-management input,.classic-ui .ship-management select,.classic-ui .navigation-select,.classic-ui .navigation-form input{background:#0e150e;border-color:#948156;color:#f3ead0}
.classic-ui .elite-cell{background:#121c12;border-color:#756b48}.classic-ui .elite-cell.active{background:#464628;border-color:#e4ce96}.classic-ui .elite-cell.unlocked{border-color:#a08f5e}
.classic-ui .world-map-cell{background:#162017;border-color:#918159}.classic-ui .world-map-cell[data-current=true]{background:#3c4928;border-color:#e1cf91}.classic-ui .world-map-cell button,.classic-ui .edge-prompt button{background:var(--legacy-iron);border-color:#b7a473;color:#f4e5bf}.classic-ui .edge-prompt button:disabled{background:#252b20;color:#cfc5ab;border-color:#81754f}
.classic-ui .start-screen{background:linear-gradient(90deg,#111a15fc 18%,#152e2bea 55%,#204c49da);border-image:url('assets/ui/chart-frame.svg') 20 / 8px / 0 stretch;box-shadow:inset 0 0 40px #0006}
.classic-ui .start-content .eyebrow{color:#d3bd84;letter-spacing:1px}.classic-ui .start-content h1{color:#efe1ba;text-shadow:0 2px #3a2b14,1px 0 #79643a,-1px 0 #79643a,0 5px 5px #000;letter-spacing:3px}.classic-ui .start-content h1 span{color:#d1b877}
.classic-ui .start-button{background:var(--legacy-iron);border-color:#c0aa6d;box-shadow:inset 0 1px #f2dda155,inset 0 -2px #1d2011,0 2px 4px #0008;min-height:44px;color:#f6e6b9}.classic-ui .asset-retry{background:var(--legacy-iron);border-color:#baa367}
.classic-ui .rotate-screen{background:radial-gradient(ellipse at 50% 25%,#35544a,#101d16);border-image:url('assets/ui/chart-frame.svg') 20 / 8px / 0 stretch}
.classic-ui .combat-hud .action:focus-visible,.classic-ui .combat-hud .utility-row button:focus-visible,.classic-ui .resources>button:focus-visible{outline:2px solid #fff0ba;outline-offset:-2px}
@media(min-width:1001px){
 .classic-ui .topbar{height:56px;padding:0 18px}.classic-ui .game-shell{top:56px}
 .classic-ui .brand{position:absolute;left:50%;transform:translateX(-50%);padding:7px 18px;z-index:1;font-size:19px}.classic-ui .brand small{display:block}
 .classic-ui .resources{width:100%}.classic-ui .chart-menu{margin-left:auto}
}
@media(max-width:1000px){.classic-ui .brand{padding:5px 7px;font-size:12px;letter-spacing:.4px}.classic-ui .brand-mark svg{width:20px;height:20px}.classic-ui .brand small{display:none}}
@media(max-height:550px) and (orientation:landscape){
 .classic-ui .game-shell:before{border-width:4px;border-image-width:4px}.classic-ui .chart-top{margin:2px 4px 0;height:21px;font-size:8px}.classic-ui .chart-top .local-mode{font-size:7px}
 .classic-ui .start-screen{border-image-width:5px}.classic-ui .start-content h1{letter-spacing:1px}
}
@media(max-width:1000px) and (orientation:landscape){.classic-ui .combat-hud .utility-symbol svg{width:18px;height:18px}}
@media(max-width:650px){.classic-ui .brand{padding:5px;font-size:10px;letter-spacing:0}.classic-ui .brand-mark{display:none}.classic-ui .coin,.classic-ui .pearl{font-size:10px}.resource-icon{width:12px;height:12px}}
@media(forced-colors:active){.classic-ui .game-shell:before{border-image:none;border-color:CanvasText}.classic-ui .combat-hud .action,.classic-ui .combat-hud .utility-row button{border-color:ButtonText}.classic-ui .combat-hud .action[aria-pressed=true]{outline:2px solid Highlight;outline-offset:-3px}.classic-ui .status-dock .bar{forced-color-adjust:none}.classic-ui .brand{background:Canvas;color:CanvasText}}

/* The entry is a framed harbor page, with real ship-management links. */
.classic-ui .start-screen{display:flex;align-items:center;justify-content:center;padding:18px}
.harbor-frame{width:min(1080px,100%);height:min(610px,100%);display:grid;grid-template-rows:60px minmax(0,1fr) 70px;background:var(--legacy-wood);border:1px solid #b8a475;box-shadow:inset 0 0 0 2px #171b12,0 6px 25px #0009;overflow:hidden}
.harbor-header{display:flex;align-items:center;gap:12px;padding:7px 16px;border-bottom:4px solid #59472b;background:var(--legacy-paper);color:#322717;text-shadow:0 1px #ecddba77}
.harbor-crest{font:35px/1 Georgia;color:#68532e}.harbor-header strong{font:700 22px/1.2 Georgia;letter-spacing:1px}.harbor-header small{display:block;font:8px/1.6 Tahoma,Arial;letter-spacing:2px}.harbor-location{margin-left:auto;font:11px Tahoma,Arial;white-space:nowrap}
.harbor-body{display:grid;grid-template-columns:146px minmax(0,1fr) 208px;gap:5px;padding:5px;min-height:0;overflow:hidden}
.harbor-nav{display:flex;flex-direction:column;gap:4px;padding:7px;background:#121810;border:1px solid #7f724b;min-height:0;overflow-y:auto;scrollbar-color:#a99562 #151a10}
.harbor-nav-title{padding:4px 1px 8px;font:600 10px Tahoma,Arial;color:#dac28b;text-align:center}
.harbor-nav button{flex-shrink:0;min-height:44px;min-width:44px;padding:8px 9px;text-align:left;background:var(--legacy-iron);border:1px solid #a0905f;box-shadow:inset 0 1px #dac89044;color:#f3e7c9;font:12px Tahoma,Arial}
.harbor-nav small{margin-top:auto;padding-top:10px;color:#b8b49d;font:10px/1.5 Tahoma,Arial}
.harbor-sea{position:relative;min-width:0;min-height:0;display:flex;align-items:center;background:radial-gradient(ellipse at 60% 45%,#386c6433,#071b16cc 85%),url('assets/ocean.webp') center/cover;border:1px solid #8f8055;overflow:hidden}
.classic-ui .harbor-sea .start-art{right:-14%;top:4%;height:94%;width:90%;opacity:.66;mix-blend-mode:normal;mask-image:linear-gradient(90deg,transparent,black 30%)}
.classic-ui .harbor-sea .start-content{margin:0;padding:20px;max-width:100%;width:100%;max-height:100%;overflow-y:auto;overscroll-behavior:contain}.classic-ui .harbor-sea h1{font-size:clamp(30px,5vw,62px);margin:10px 0}.classic-ui .harbor-sea .tagline{font-size:14px;line-height:1.6}.classic-ui .harbor-sea .eyebrow{font:9px Tahoma,Arial;letter-spacing:1px}
.classic-ui .harbor-sea .start-button{margin:16px 0 6px;padding:11px 17px;font-size:12px}.classic-ui .harbor-sea .asset-status{max-width:35ch;font-size:10px;line-height:1.5;margin:7px 0}
.harbor-captain{padding:8px;background:var(--legacy-paper);color:#36291b;border:1px solid #a58b57;overflow-y:auto;min-height:0}
.harbor-captain h2{margin:2px 0 6px;font:700 12px/1.3 Georgia;text-align:center;border-bottom:1px solid #897249;padding:0 0 7px}
.harbor-captain canvas{display:block;width:100%;height:auto;aspect-ratio:8/5;background:radial-gradient(ellipse,#3e554388,#162b2199);border:1px solid #8b7b53}
.harbor-captain dl{display:grid;grid-template-columns:1fr minmax(0,1fr);gap:7px 3px;font:11px/1.4 Tahoma,Arial;margin:12px 0}.harbor-captain dt{color:#473823}.harbor-captain dd{margin:0;text-align:right;font-weight:700;font-variant-numeric:tabular-nums;overflow-wrap:anywhere}.harbor-captain small{display:block;border-top:1px solid #897249;padding-top:8px;font:10px/1.5 Tahoma,Arial;color:#473823}
.harbor-footer{display:flex;overflow:auto;align-items:center;gap:16px;padding:8px 12px;background:#151b12;border-top:1px solid #a38e58;color:#c9c3ab;font:10px/1.5 Tahoma,Arial}
.harbor-footer>span{color:#e2cc94;flex-shrink:0}.harbor-footer p{margin:0;flex:1;min-width:0}.harbor-footer>small{color:#c0c8ae;font:10px/1.5 Tahoma,Arial;flex-shrink:0}
.harbor-nav button:focus-visible{outline:2px solid #fff0ba;outline-offset:-2px}
@media(min-width:1001px) and (min-height:551px){
 .classic-ui .ship-menu-body{display:grid;grid-template-columns:132px minmax(0,1fr)}
 .classic-ui .ship-menu-nav{flex-direction:column;overflow-y:auto;overflow-x:hidden;min-height:0;gap:3px;padding:5px;border-right:1px solid #9c895a;border-bottom:0}
 .classic-ui .ship-menu-nav button{flex:0 0 auto;min-width:0;min-height:44px;text-align:left;white-space:normal}
}
@media(max-width:800px),(max-height:550px){
 .classic-ui .start-screen{padding:5px;padding-left:max(5px,env(safe-area-inset-left));padding-right:max(5px,env(safe-area-inset-right));padding-bottom:max(5px,env(safe-area-inset-bottom))}.harbor-frame{height:100%;grid-template-rows:42px minmax(0,1fr) 44px}
 .harbor-header{padding:4px 9px;gap:8px;border-bottom-width:2px}.harbor-header strong{font-size:16px}.harbor-header small{font-size:7px;letter-spacing:1px}.harbor-crest{font-size:25px}.harbor-location{font-size:9px}
 .harbor-body{grid-template-columns:112px minmax(0,1fr);padding:3px;gap:3px}.harbor-captain{display:none}.harbor-nav{padding:3px;gap:3px}.harbor-nav-title{font-size:8px;padding:2px 0 4px}.harbor-nav button{font-size:10px;padding:6px}.harbor-nav small{display:none}
 .classic-ui .harbor-sea .start-content{padding:9px 12px}.classic-ui .harbor-sea h1{font-size:24px;line-height:1;margin:6px 0}.classic-ui .harbor-sea h1 br{display:none}.classic-ui .harbor-sea h1 span{margin-left:5px}.classic-ui .harbor-sea .eyebrow{font-size:8px;margin:2px 0}.classic-ui .harbor-sea .tagline{display:none}.classic-ui .harbor-sea .start-button{margin:9px 0 4px;padding:7px 13px;min-height:44px;font-size:11px}.classic-ui .harbor-sea .asset-status{font-size:9px;line-height:1.35;margin:4px 0}.classic-ui .harbor-sea .asset-retry{min-height:44px}
 .harbor-footer{padding:4px 7px;gap:8px;font-size:9px;line-height:1.35}.harbor-footer>small{display:none}
}


/* v0.18: the user's five SeaOfLegend screens are the visual target. */
.classic-ui{--legacy-text:#eee9dc;--legacy-muted:#c8bba3;--legacy-edge:#a88d56;--legacy-wood:repeating-linear-gradient(90deg,#554127 0 1px,#281f14 1px 9px,#362516 9px 17px);--legacy-iron:linear-gradient(#5b5141,#1c1b18 38%,#090909 66%,#40372a);--legacy-paper:linear-gradient(#d5bd8c,#b59a68);--legacy-slot:radial-gradient(ellipse at 45% 30%,#483625,#050505 80%);background:#062d47}
.classic-ui .topbar{background:linear-gradient(#514b34,#201e15 40%,#090a08 65%,#453b25);gap:12px;border-bottom:1px solid #a68a50;padding:0 10px}
.classic-ui .brand{position:static;transform:none;background:none;border:0;box-shadow:none;padding:0;font-size:12px;color:#e1cf93;text-shadow:0 1px #000;letter-spacing:.5px}
.classic-ui .brand small{display:none}.classic-ui .brand-mark svg{width:20px;height:20px}
.chart-shortcuts{display:flex;gap:0;flex-shrink:0;height:100%;align-items:stretch}
.chart-shortcuts button{background:linear-gradient(#514a32,#15130d 55%,#3d3320);border:1px solid #867041;border-top:0;border-bottom:0;min-width:64px;padding:4px 9px;color:#f3e1aa;font:12px Tahoma,Arial}
.classic-ui .resources{width:auto;flex:1;justify-content:flex-end;gap:5px;min-width:0}.classic-ui .coin,.classic-ui .pearl{background:#030403;border:0;box-shadow:none;padding:2px 3px;font-size:11px}
.classic-ui .game-shell{background:#062d47}.classic-ui .game-shell:before{border-width:3px;border-image-width:3px}
.classic-ui .chart-top{background:transparent;border:0;margin:2px 5px 0;pointer-events:none;height:22px}.classic-ui .chart-top .local-mode{color:#c6c9c8}
.classic-ui .panel{background:#030403;border-color:#a18d60;box-shadow:inset 0 0 0 1px #000,0 1px 3px #0009}
.classic-ui .mission-body,.classic-ui .mission strong,.classic-ui .mission p,.classic-ui .mission-footer{background:#070806;color:#e6dfca;text-shadow:none}
.classic-ui .mission strong{color:#e9d3a0}.classic-ui .mission-progress{background:#211c12;border-color:#7d704a}
.classic-ui .minimap{background:linear-gradient(#6a5933,#282719);border:3px ridge #ab8f52;padding:3px;box-shadow:0 0 0 1px #12160e,inset 0 0 0 1px #cfb171}
.classic-ui .minimap .panel-title{background:var(--legacy-iron);color:#e4d2a0;font:9px Tahoma,Arial;text-shadow:0 1px #000}
.classic-ui .minimap:before{content:'✥';position:absolute;top:-16px;left:calc(50% - 12px);width:24px;height:24px;text-align:center;border:1px solid #aa8c46;border-radius:50%;background:radial-gradient(circle at 30% 25%,#968451,#282713);font:20px/24px Georgia;color:#e6ce81;pointer-events:none}
.classic-ui .chart-menu-list{max-height:calc(100dvh - 52px);overflow-y:auto}
.classic-ui dialog,.classic-ui #shipModal{background:#000;border:5px ridge #9c824d;box-shadow:inset 0 0 0 1px #17150e,0 0 0 1px #201e12,0 8px 24px #0008;border-radius:0}
.classic-ui .modal-panel{background:#000;color:#eee9dc;border-color:#847147;padding:12px}
.classic-ui .modal-panel>.eyebrow{display:none}.classic-ui .modal-panel>h2{background:linear-gradient(#302b23,#080808 55%);color:#eee9dc;border:1px solid #927b49;border-bottom-width:1px;text-align:center;font:18px/1.35 Georgia,serif;text-shadow:none;padding:6px 42px;margin:0 0 10px}
.classic-ui .modal-lead,.classic-ui .notice,.classic-ui .elite-note{color:#c9c5b9}.classic-ui .modal-panel .close,.classic-ui .ship-menu-header .close{background:radial-gradient(circle at 30% 20%,#6c6250,#191b16 65%);color:#e8cf91;border:1px solid #a28a52;border-radius:50%;min-width:30px;min-height:30px}
.classic-ui .ship-menu-header{background:linear-gradient(#302a20,#080808);border-bottom:1px solid #a08a53}.classic-ui .ship-menu-header h2{font:18px Georgia;color:#eee9dc}.classic-ui .ship-menu-footer{background:#050505;border-top:1px solid #927b49}
.classic-ui .ship-menu-body{display:grid;grid-template-columns:180px minmax(0,1fr);grid-template-rows:50px minmax(0,1fr);gap:5px;padding:5px;min-height:0}
.classic-ui .ship-menu-nav{grid-column:1/-1;grid-row:1;display:flex;flex-direction:row;overflow-x:auto;overflow-y:hidden;padding:2px;min-height:0;gap:2px;background:#030303;border:1px solid #9c895a}
.classic-ui .ship-menu-nav button{flex:0 0 auto;min-width:90px;min-height:44px;padding:6px;font:12px Georgia,serif;text-align:center;white-space:nowrap}
.ship-menu-art{grid-column:1;grid-row:2;min-height:0;background:#0a1622 url('assets/ui/captain-deck.webp') center/cover;border:2px ridge #a58e59}
.classic-ui .ship-menu-content{grid-column:2;grid-row:2;min-height:0;background:#000;padding:10px;border:1px solid #958153;scrollbar-color:#9b855a #090909}
.classic-ui .ship-menu-content>h3{font:17px Georgia,serif;text-align:center;color:#eee9dc;border-color:#8a784d}
.classic-ui .ship-overview{border:0;grid-template-columns:minmax(150px,1fr) minmax(200px,1fr);background:#000}
.classic-ui .ship-preview{width:100%;height:220px;background:#000;border:1px solid #877447}
.classic-ui .ship-values{background:#000;border-color:#6e6046}.classic-ui .ship-values dt{color:#cdb47d}.classic-ui .ship-row{border-color:#746344}
.classic-ui .ship-control,.classic-ui .map-choice,.classic-ui .cargo-buy,.classic-ui .ship-menu-footer button{border-radius:0;background:linear-gradient(#605947,#1b1b18 50%,#4c4638);color:#eee7d6;border:1px solid #b39b63;box-shadow:inset 0 0 0 2px #080906}
.classic-ui .fleet-tabs,.classic-ui .cargo-tabs{background:#000;border:1px solid #8f7849;padding:3px;gap:2px}
.classic-ui .fleet-tabs button,.classic-ui .ship-menu-nav button{background:linear-gradient(#302b23,#050505 65%);color:#eee9dc;border:1px solid #82704b;font-family:Georgia,serif}
.classic-ui .fleet-tabs button[aria-pressed=true],.classic-ui .ship-menu-nav button[aria-pressed=true]{background:linear-gradient(#625633,#19180e);border-color:#d3b572;color:#fff1c9}
.classic-ui .cargo-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:7px}
.classic-ui .cargo-card{background:#000;border:1px solid #867349;box-shadow:inset 0 0 0 1px #15110b;border-radius:0;padding:5px;display:flex;flex-direction:column}
.classic-ui .cargo-card header{display:flex;flex-direction:column;align-items:stretch;gap:5px;margin:0}
.classic-ui .cargo-card .cargo-icon{width:100%;height:auto;aspect-ratio:1;background:radial-gradient(ellipse at 40% 20%,#49321c,#080604 85%);border:3px ridge #a38951;display:block;line-height:0}
.cargo-icon img{width:100%;height:100%;display:block;object-fit:contain}.classic-ui .cargo-card h3{font:13px/1.35 Georgia,serif;color:#eee9dc;text-align:center;min-height:35px;margin:0}
.classic-ui .cargo-stock{font:11px/1.45 Tahoma,Arial;color:#e2d5b6;margin:6px 0}.classic-ui .cargo-info{font:10px/1.5 Tahoma,Arial;color:#d0c7b8;margin:0 0 4px}.classic-ui .cargo-card>button{margin-top:auto;min-height:44px;border-radius:0}
.classic-ui .cargo-card.selected{border:2px solid #d4b66e;padding:4px}.classic-ui .cargo-card.selected:after{content:'KUŞANILDI';color:#f5dfa2;font:10px Tahoma,Arial;text-align:center;padding-top:4px}
.classic-ui #mapModal{width:min(430px,calc(100vw - 18px));background:var(--legacy-paper);border:8px ridge #9c7e45}
.classic-ui #mapModal .modal-panel{background:repeating-linear-gradient(7deg,#5034110b 0 1px,transparent 1px 6px),var(--legacy-paper);color:#322717;padding:15px 12px}
.classic-ui #mapModal h2{background:none;border:0;color:#352718;text-shadow:0 1px #efd5a377;font-family:Georgia,serif}
.classic-ui #mapModal .world-map-lead{color:#43351f;font-size:11px}.classic-ui #mapModal .world-map-grid{gap:0;border:1px solid #745d32;background:#4e3b1744}
.classic-ui #mapModal .world-map-cell{background:#ead4a33b;border:1px solid #715e3e;color:#352718;border-radius:0;padding:5px;min-height:74px}.classic-ui #mapModal .world-map-cell h3{color:#322717;font:15px Georgia}.classic-ui #mapModal .world-map-cell p{color:#473923;font-size:10px}
.classic-ui #mapModal .world-map-cell[data-current=true]{background:#394221;color:#f3e1b0}.classic-ui #mapModal .world-map-cell[data-current=true] h3,.classic-ui #mapModal .world-map-cell[data-current=true] p{color:#f3e1b0}
.classic-ui .quest-panel{width:100%;max-width:1100px}.quest-workspace{display:grid;grid-template-columns:22% 28% minmax(0,1fr);gap:7px;min-height:0}
.quest-art{background:#2e1708 url('assets/ui/quest-desk.webp') center/cover;border:2px ridge #ad915a}
.quest-catalog,.quest-details{background:#000;border:1px solid #9b8550;min-width:0;padding:7px;overflow-y:auto;min-height:0}
.quest-catalog>h3,.quest-details>h3{font:17px/1.4 Georgia,serif;color:#eee9dc;text-align:center;border-bottom:1px solid #78633e;margin:0 0 15px;padding:5px}
.quest-catalog button{display:block;min-height:64px;width:100%;text-align:left;background:#171716;border:1px solid #716448;color:#dfc991;font:14px/1.4 Georgia;padding:10px 12px;margin-bottom:4px}
.quest-catalog button[aria-pressed=true]{background:#2b271c;border-color:#d0b571;box-shadow:inset 3px 0 #d0b571}
.quest-details{text-align:center;display:flex;flex-direction:column}.quest-details h4{font:16px Georgia;color:#e9e2d3;margin:18px 0}.quest-details p{font:13px/1.5 Tahoma,Arial;color:#d5cebd;overflow-wrap:anywhere}
.quest-awards{margin-top:auto;padding-top:35px}.quest-awards dl{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;font:12px/1.4 Tahoma,Arial}.quest-awards dt{grid-row:1;color:#cbb47c}.quest-awards dd{grid-row:2;margin:0;color:#eee6d0;overflow-wrap:anywhere}
.quest-cycle{font:11px/1.5 Tahoma,Arial;color:#c7bda7}.quest-footer{display:flex;justify-content:space-between;gap:10px;align-items:center;border-top:1px solid #8e7849;margin-top:10px;padding-top:8px;color:#bdb6a5;font:11px/1.4 Tahoma,Arial}.quest-footer button{min-height:44px;padding:7px 15px;background:var(--legacy-iron);border:1px solid #b09a60;color:#eee4ca}
.classic-ui #questModal{width:min(1100px,calc(100vw - 24px));max-width:none}.quest-workspace{height:min(510px,calc(100dvh - 200px))}
.classic-ui .harbor-header,.classic-ui .harbor-captain{background:#030403;color:#eee9dc;border-color:#a68f58;text-shadow:none}.harbor-header small,.harbor-captain dt,.harbor-captain small{color:#cbb887}
.classic-ui .harbor-sea{background:linear-gradient(#03172666,#031726aa),url('assets/ocean-classic.webp') center/768px 768px}.classic-ui .harbor-captain canvas{background:#000;border-color:#877349}
.classic-ui .start-screen{background:#071c2d}.classic-ui .combat-hud .status-dock .hp i{background:linear-gradient(#84ff4e,#12d911 50%,#05800a 60%,#43e61b)}
.classic-ui .combat-hud .action,.classic-ui .combat-hud .utility-row button{background:radial-gradient(ellipse at 50% 20%,#3c3023,#020202 80%);border-color:#8d7a52;box-shadow:inset 0 0 0 1px #050505,inset 0 1px #c6ad6966}
.classic-ui .combat-hud .action[aria-pressed=true]{background:radial-gradient(ellipse at 45% 20%,#6d5729,#1d160c 80%);border-color:#eed397}
.classic-ui .combat-hud .action-dock,.classic-ui .combat-hud .utility-dock{background:var(--legacy-wood);border-color:#ac935d}
.chart-shortcuts button:focus-visible,.quest-catalog button:focus-visible,.quest-footer button:focus-visible{outline:2px solid #ffedb8;outline-offset:-3px}
@media(min-width:1001px){.classic-ui .topbar{height:38px}.classic-ui .game-shell{top:38px}}
@media(max-width:1000px){.chart-shortcuts{display:none}.classic-ui .resources{width:auto}.classic-ui .cargo-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.classic-ui .ship-menu-body{grid-template-columns:130px minmax(0,1fr)}}
@media(max-width:700px),(max-height:550px){
 .classic-ui .ship-menu-body{grid-template-columns:minmax(0,1fr);grid-template-rows:50px minmax(0,1fr);padding:3px;gap:3px}.ship-menu-art{display:none}.classic-ui .ship-menu-content{grid-column:1;padding:7px}.classic-ui .ship-menu-nav button{font-size:11px;min-width:78px}
 .classic-ui .ship-overview{grid-template-columns:145px minmax(0,1fr)}.classic-ui .ship-preview{height:130px}.classic-ui .cargo-card .cargo-icon{aspect-ratio:1.55}.classic-ui .cargo-card h3{min-height:30px;font-size:12px}.classic-ui .cargo-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
 .quest-workspace{height:calc(100dvh - 143px);grid-template-columns:34% minmax(0,1fr)}.quest-art{display:none}.quest-catalog>h3,.quest-details>h3{font-size:13px;margin-bottom:5px;padding:2px}.quest-catalog button{font-size:12px;min-height:44px;padding:6px}.quest-details p{font-size:11px;margin:4px 0}.quest-details h4{font-size:13px;margin:7px 0}.quest-awards{padding-top:7px}.quest-awards dl{font-size:10px;gap:3px}.quest-cycle{font-size:10px}.quest-footer{margin-top:6px;padding-top:4px}.classic-ui #questModal{width:calc(100vw - max(10px,env(safe-area-inset-left)) - max(10px,env(safe-area-inset-right)))}
 .classic-ui .modal-panel>h2{font-size:15px;margin-bottom:7px;padding:5px 37px}.classic-ui .modal-panel{padding:8px}.classic-ui .minimap{padding:1px;border-width:2px}.classic-ui .minimap:before{display:none}
}
@media(max-width:520px){.classic-ui .cargo-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(forced-colors:active){.classic-ui dialog,.classic-ui #shipModal{border-color:ButtonText}.quest-catalog button[aria-pressed=true]{outline:2px solid Highlight}.classic-ui .minimap:before{display:none}}

@media(max-width:650px){.classic-ui .brand{font-size:10px;letter-spacing:0}.classic-ui .topbar{gap:5px}.classic-ui .resources{gap:3px}.classic-ui .coin b,.classic-ui .pearl b{display:block;max-width:46px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}}
@media(max-width:520px){.classic-ui .brand{display:none}}

/* Selected ammunition shares the market artwork; keep the compact hit area. */
.classic-ui .combat-hud .ammo-symbol{position:relative;display:block;width:27px;height:27px;line-height:0}
.classic-ui .combat-hud .ammo-symbol svg,.classic-ui .combat-hud .ammo-symbol img{position:absolute;inset:0;display:block;width:100%;height:100%}
.classic-ui .combat-hud .ammo-symbol img{object-fit:contain;z-index:1;border-radius:1px}
.classic-ui .combat-hud .ammo-symbol img[hidden]{display:none}
@media(max-height:550px) and (orientation:landscape){.classic-ui .combat-hud .ammo-symbol{width:24px;height:24px}}
@media(max-width:1000px) and (orientation:landscape){.classic-ui .combat-hud .ammo-symbol{width:20px;height:20px}}