/* Classic sea-chart chrome: brass edges, rope trims and compact icon slots. */
.classic-ui{--gold:#c6ac68;--gold-bright:#f1dda1;--border:#9e854d;--wood:linear-gradient(180deg,#231b13,#100f0c);--metal:linear-gradient(#554b31,#272518);--shadow:0 2px 7px #0009;font-family:Arial,system-ui,sans-serif}
.ui-materials{position:absolute;overflow:hidden;pointer-events:none}
.classic-ui .topbar{background:linear-gradient(#35100a,#170503 70%,#3f1a0c);border-bottom:1px solid #b59a5c;box-shadow:inset 0 1px #d2b06e66,0 2px 5px #0008}
.classic-ui .topbar:after{content:'';position:absolute;inset:auto 0 -3px;height:3px;background:repeating-linear-gradient(25deg,#6a5432 0 2px,#e0c68d 2px 3px,#382915 3px 5px);pointer-events:none}
.classic-ui .brand{font-family:Georgia,serif;font-size:15px;letter-spacing:.6px}.classic-ui .brand-mark{color:#e1c06c}.classic-ui .coin,.classic-ui .pearl{background:#100d08;border-color:#a78f5166;box-shadow:inset 0 0 3px #000;color:#ead89a}.classic-ui .pearl{color:#d3e4e1}
.classic-ui .resources{gap:8px}.classic-ui .resources>button,.classic-ui .chart-menu>summary{border:1px solid #9e854d;background:linear-gradient(#241b0e,#080806);box-shadow:inset 0 1px #c7b17f33;color:#ead596;border-radius:0}
.classic-ui .resources #soundButton{font-size:0;width:36px}.classic-ui .resources #soundButton:after{content:'♪';font:20px/1 Georgia}.classic-ui #soundButton[aria-pressed=true]{color:#fff1b8;background:#53401c}
.chart-menu{position:relative;font:11px Arial,system-ui}.chart-menu>summary{list-style:none;cursor:pointer;min-height:32px;display:flex;align-items:center;justify-content:center;gap:5px;padding:5px 10px;touch-action:manipulation}.chart-menu>summary::-webkit-details-marker{display:none}
.chart-menu[open]>summary{background:#4d3318;color:#ffeeb6}.chart-menu-list{position:absolute;top:calc(100% + 7px);right:0;width:192px;background:#080e10f5;border:1px solid #b39b60;padding:5px;box-shadow:0 5px 15px #0009;z-index:32}
.classic-ui .resources .chart-menu-entry{display:flex;align-items:center;justify-content:flex-start;gap:10px;width:100%;height:auto;min-height:44px;padding:7px 9px;text-align:left;font:12px Arial;border:1px solid #846e3c66;background:linear-gradient(#282015,#11100c);margin:2px 0;color:#ecdcaf}.chart-menu-entry .symbol svg{width:25px;height:25px}.chart-menu-entry b{font-weight:500}.chart-menu-entry small{margin-left:auto;color:#a9a08c}
.classic-ui .chart-top{background:linear-gradient(#081d2344,#081d2300);border-bottom:0;text-shadow:0 1px 3px #000;font-family:Arial;letter-spacing:.3px}
.classic-ui .panel{border:1px solid #a68a4e;background:linear-gradient(180deg,#211c12e8,#0a1011ed);border-radius:3px;box-shadow:inset 0 0 0 1px #000a,inset 0 2px #d1b37b22,0 2px 4px #0007}
.classic-ui .panel-title{background:linear-gradient(#5a4c2f,#2b261b);color:#f0dfad;border-bottom:1px solid #080907;font-family:Arial;letter-spacing:.3px;box-shadow:inset 0 1px #d0b97d55}
.classic-ui .panel-title button{background:#252112;border-color:#a18a4d;color:#ecd89b}.classic-ui .mission-body{background:#080f12e0}.classic-ui .mission strong{font-size:12px}.classic-ui .mission-progress{border-color:#8e7a43;background:#070b09}.classic-ui .mission-progress i{background:linear-gradient(#789a3d,#344f18)}
.classic-ui .minimap{background:radial-gradient(ellipse at center,#655338 35%,#342915 70%,#15130c 74%,#050807 76%);border-radius:36% 36% 30% 30%;border-color:#ae9355;padding:0 5px;box-shadow:inset 0 0 0 2px #080907,inset 0 0 0 3px #b59e6155,0 2px 4px #0009}
.classic-ui .minimap .panel-title{margin:-1px -6px 3px;border:1px solid #a18a51;background:linear-gradient(#ddc69a,#b59a6f);color:#251a0c;text-shadow:none;justify-content:center;font-weight:600}.classic-ui .minimap .panel-title button{margin-left:auto;background:#2a2718;color:#e9d394}.classic-ui .minimap canvas{border:1px solid #ad9455;width:calc(100% - 6px);margin:0 3px;background:#163d4c}.classic-ui .chart-controls{border-top:0;padding:4px 0}.classic-ui .chart-controls button{border-radius:50%;background:radial-gradient(circle,#4c4026,#14110b);border-color:#b39a57;color:#eed797}.classic-ui .map-footer{border:0;padding:3px 6px 7px;font-size:9px}
.classic-ui .status-dock .ship-card,.classic-ui .status-dock .target-card{border-color:#a78c4e;box-shadow:inset 0 0 0 1px #0009,0 1px 4px #0009;border-radius:4px}
.classic-ui .status-dock .hud-summary,.classic-ui .status-dock #shipDetails,.classic-ui .status-dock #clearTarget{background:linear-gradient(#252117ee,#080d0eee);color:#efe3c3;font-family:Arial}
.classic-ui .status-dock .bar{border:1px solid #bb9b56;border-radius:8px;background:#0008;box-shadow:inset 0 1px 2px #000}.classic-ui .status-dock .bar i{border-radius:6px}
.classic-ui .hp i{background:linear-gradient(#8cac36,#42751e 45%,#1b4210 60%,#568226)}.classic-ui .enemy i{background:linear-gradient(#c75339,#8c251d 45%,#511711 60%,#ae3f24)}
.classic-ui .status-dock .bar span{font-family:Arial;font-weight:600;font-size:9px;line-height:13px;text-shadow:0 1px 2px #000}.classic-ui .hud-extra{background:#040e13f5;border-color:#b19b66;box-shadow:inset 0 0 0 1px #30271a,0 3px 10px #0009}.classic-ui .status-dock #clearTarget{border-left:1px solid #9e854d66}
.classic-ui .action-dock{padding:5px;background:linear-gradient(#443921f2,#100f0af2 24%,#1c1a10f2);border:1px solid #b59a55;box-shadow:inset 0 0 0 1px #040503,inset 0 2px #e0c89144,0 2px 6px #0008;border-radius:4px}
.classic-ui .action-row{gap:3px}.classic-ui .action{padding:3px 1px;min-height:58px;border:1px solid #a58b4e;background:linear-gradient(#37301eea,#101310 45%,#252417);box-shadow:inset 0 1px #d2b67f44,inset 0 0 0 2px #080b0888;border-radius:2px;gap:2px;overflow:hidden;justify-content:center}
.classic-ui .action .symbol svg{width:27px;height:27px;opacity:1;filter:drop-shadow(0 1px 1px #000)}.classic-ui .action b{font:600 8px/10px Arial;letter-spacing:0;color:#eddfb8}.classic-ui .action small{font:9px/10px Arial;color:#f7e1ac;display:block}.classic-ui .action small>span{display:block;white-space:nowrap;font-variant-numeric:tabular-nums}
.classic-ui .action.primary{background:linear-gradient(#4c3620,#16140f 55%,#3c2415);border-color:#b49650}.classic-ui .action[data-ready=true]:not(:disabled){border-color:#d9be73;box-shadow:inset 0 0 7px #d8b24855,inset 0 1px #f7e0a644}.classic-ui .action[aria-pressed=true]{background:linear-gradient(#775327,#362514);border-color:#efd486;box-shadow:inset 0 0 8px #d7ad4666}.classic-ui .action[aria-pressed=true]:after{background:#f7db80;top:2px;right:2px}
.classic-ui .action:disabled{opacity:.62;filter:saturate(.55)}.classic-ui .action[aria-pressed=true]:disabled{opacity:1;filter:none}.classic-ui #cancelAttackButton:not(:disabled){border-color:#d39d63;background:linear-gradient(#502c1c,#21160d)}.classic-ui #boardButton:not(:disabled){border-color:#d6bc6c}.classic-ui #ammoButton[data-ammo=fireworks]{border-color:#d5a7c0}.classic-ui #ammoButton[data-ammo=fire]{border-color:#d1995c}.classic-ui #ammoButton[data-ammo=chain]{border-color:#a7c3be}
.classic-ui .ammo-row{height:20px;min-height:20px;margin-top:4px;gap:5px;padding:1px 3px;font:10px Arial;color:#dcc797}.classic-ui #currentAmmoName{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.classic-ui .ammo-row #reloadText{font:9px Arial;margin-left:auto;white-space:nowrap;font-variant-numeric:tabular-nums}
.ammo-picker{position:absolute;bottom:calc(100% + 7px);right:0;width:246px;max-width:calc(100vw - 24px);max-height:calc(100dvh - 160px);overflow-y:auto;padding:6px;background:#061014f5;border:1px solid #b59b5c;box-shadow:inset 0 0 0 1px #382d17,0 4px 14px #0009;z-index:28;color:#ebddbc}
.ammo-picker header{position:sticky;top:-6px;z-index:1;background:#061014;display:flex;align-items:center;justify-content:space-between;padding:0 3px 5px;font:12px Arial}.ammo-picker header button{min-width:44px;min-height:44px;background:linear-gradient(#4c3a20,#16110b);border:1px solid #a88d4b;color:#e6d09a;font:24px Georgia}.ammo-picker label{display:block;font:11px Arial;margin:3px 4px 6px;color:#d1c39d}.classic-ui .ammo-picker #ammoSelect{display:block;width:100%;height:146px;font:16px/1.5 Arial;padding:3px;background:#070c0e;border:1px solid #9f8b54;color:#e9ddc1}.ammo-picker option{padding:8px 6px}.ammo-picker small{display:block;font:10px/1.5 Arial;margin:6px 4px}
.classic-ui .utility-dock{border-color:#a88f53;background:linear-gradient(#3d3321ed,#15130aed);padding:3px;border-radius:3px}.classic-ui .utility-row{gap:3px}.classic-ui .utility-row button{background:linear-gradient(#3b3525,#111610 55%,#282618);border-color:#9f8950;box-shadow:inset 0 1px #e0c58733;border-radius:2px}.classic-ui .utility-row button>span{color:#dec281;text-shadow:0 1px #000}.classic-ui .utility-row b{font-family:Arial;color:#eadeb9}.classic-ui .utility-row small{font-family:Arial;color:#eee0b9}
.classic-ui dialog,.classic-ui #shipModal{background:#040d12;border:1px solid #c0a567;border-radius:2px;box-shadow:inset 0 0 0 1px #3e2d19,0 8px 35px #000b}.classic-ui dialog::backdrop{background:#02090daf}
.classic-ui .modal-panel{background:linear-gradient(#061116f5,#02090df8);border:1px solid #47371f;padding-top:60px}.classic-ui .modal-panel>h2{position:absolute;inset:0 0 auto;margin:0;padding:10px 53px 12px 14px;min-height:47px;background:linear-gradient(#3b1009,#130604 75%,#49200d);border-bottom:4px solid transparent;border-image:repeating-linear-gradient(25deg,#4f3c22 0 2px,#d5ba83 2px 3px,#312311 3px 5px) 4;font:600 17px/1.3 Georgia;color:#eed49b}
.classic-ui .modal-panel .close{z-index:2;top:5px;right:7px;width:36px;height:36px;border-radius:50%;background:radial-gradient(circle,#554d30,#13130d);border-color:#b9a166;color:#efddad;font:24px Georgia}
.classic-ui .fleet-tabs,.classic-ui .cargo-tabs{background:#080d0e;border:1px solid #a68f57;padding:2px;gap:2px}.classic-ui .fleet-tabs button{background:linear-gradient(#2f2819,#080a08);border:1px solid #877346;box-shadow:inset 0 1px #c4ac7333;color:#ccc1a5;font-family:Arial}.classic-ui .fleet-tabs button[aria-pressed=true]{background:linear-gradient(#665333,#21190d);color:#fff0bf;border-color:#c6af73}
.classic-ui .upgrade-item,.classic-ui .fleet-card,.classic-ui .elite-detail{border-color:#9a8248;background:#071017c9}.classic-ui .upgrade-item button,.classic-ui .fleet-card button,.classic-ui .map-choice,.classic-ui .cargo-buy{background:linear-gradient(#5d5439,#2c2b1c);border-color:#b39e64;color:#f0e4c4;font-family:Arial;box-shadow:inset 0 1px #d6c59455,inset 0 0 0 1px #1d1b11}
.classic-ui .elite-cell{background:#0b1417;border-color:#77613c;border-radius:1px}.classic-ui .elite-cell.active{border-color:#edd095;background:#282718}.classic-ui .elite-cell.unlocked{border-color:#ae9356}
.classic-ui .ship-menu-header{background:linear-gradient(#3b1009,#170704 75%,#47200d);border-bottom:4px solid transparent;border-image:repeating-linear-gradient(25deg,#4f3c22 0 2px,#d5ba83 2px 3px,#312311 3px 5px) 4;padding:6px 12px;gap:12px}
.classic-ui .ship-menu-header h2{font:600 18px/1.2 Georgia;color:#f1d99f}.classic-ui .ship-menu-header .close{border-radius:50%;background:radial-gradient(circle,#51452a,#15140d);border-color:#b59b5b;box-shadow:inset 0 0 0 2px #080a07;font-family:Georgia}
.classic-ui .ship-menu-body{display:flex;flex-direction:column}.classic-ui .ship-menu-nav{flex-direction:row;gap:1px;overflow-x:auto;overflow-y:hidden;padding:3px;min-height:50px;flex-shrink:0;background:linear-gradient(#20160d,#050807);border-right:0;border-bottom:1px solid #af9458;scrollbar-width:thin;scrollbar-color:#b39655 #0a0b08}
.classic-ui .ship-menu-nav button{flex:1 0 auto;min-width:83px;min-height:44px;padding:7px 9px;text-align:center;border:1px solid #71603c;background:linear-gradient(#2e2619,#0a0906);border-radius:0;font:12px/1.3 Arial;color:#d7cbb2;white-space:nowrap;box-shadow:inset 0 1px #ccb17722}
.classic-ui .ship-menu-nav button[aria-pressed=true]{background:linear-gradient(#655435,#261b0c);border-color:#ccb17a;color:#fff0c4}.classic-ui .ship-menu-content{flex:1;min-height:0;background:radial-gradient(ellipse at 30% 40%,#183c4920,transparent 70%),#030d13;padding:12px 15px;scrollbar-color:#ac9254 #060d10}
.classic-ui .ship-menu-content>h3{font:600 16px/1.3 Georgia;color:#dfccaa;border-bottom:1px solid #6d5933;padding-bottom:7px;margin-bottom:10px}.classic-ui .ship-row{border-top-color:#8d753c66}.classic-ui .ship-row h4{font-family:Arial;color:#e5d9b9}.classic-ui .ship-row-info p,.classic-ui .ship-lead{font-family:Arial;color:#c9c6b5}.classic-ui .ship-live{color:#e0c788}
.classic-ui .ship-preview{border:1px solid #9c8448;background:radial-gradient(ellipse,#344c462e,#071014 75%)}.classic-ui .ship-overview{gap:14px;border:1px solid #8e753b;padding:9px;background:#030a10}.classic-ui .ship-values{border:1px solid #8a733f;padding:10px;margin:8px 0;background:#02080b}.classic-ui .ship-values dt{color:#d9b869}.classic-ui .ship-values dd{color:#f0e9d8}
.classic-ui .ship-control,.classic-ui .ship-menu-footer button,.classic-ui .hud-management{background:linear-gradient(#64583a,#2e2b1c);border:1px solid #b6a16b;border-radius:1px;box-shadow:inset 0 1px #e6d1a155,inset 0 0 0 1px #282418;color:#f4e7c4;font-family:Arial}.classic-ui .ship-control.secondary{background:linear-gradient(#343329,#171d18);border-color:#9b905e;color:#e4dec9}.classic-ui .castle-choices [aria-pressed=true]{background:linear-gradient(#715c35,#332514);border-color:#dbc184}
.classic-ui .ship-management input,.classic-ui .ship-management select,.classic-ui .navigation-select,.classic-ui .navigation-form input{background:#070d10;border-color:#a18a53;color:#f0e3c5;border-radius:1px;font-family:Arial}.classic-ui .ship-stock th,.classic-ui .ship-stock td{border-color:#89734455}.classic-ui .ship-stock thead{color:#e1c785}.classic-ui .ship-menu-footer{background:linear-gradient(#21190e,#070c0e);border-top:1px solid #ab9150}.classic-ui .ship-menu-footer p{color:#eed9a3}.classic-ui .ship-menu-footer small{color:#c8c4b1}
.classic-ui .action:focus-visible,.classic-ui .chart-menu>summary:focus-visible,.classic-ui .chart-menu-entry:focus-visible,.classic-ui .ammo-picker select:focus-visible{outline:2px solid #fff0ad;outline-offset:-2px}
@media(max-height:550px) and (orientation:landscape){
 .classic-ui .brand{font-size:12px}.classic-ui .resources{gap:5px}.classic-ui .resources>button{min-width:32px;min-height:30px;height:30px}.classic-ui .chart-menu>summary{min-height:30px;padding:4px 7px;font-size:10px}.classic-ui .resources #soundButton{width:32px}.classic-ui .resources .inventory-button{min-width:43px}.classic-ui .inventory-button small{font-size:8px}.classic-ui .brand-mark{font-size:20px}
 .classic-ui .action-dock{padding:4px}.classic-ui .action{min-height:50px;min-width:44px;padding:2px 1px;gap:1px}.classic-ui .action .symbol svg{width:24px;height:24px}.classic-ui .action b{font-size:8px;line-height:9px}.classic-ui .action small{display:block;font-size:8px;line-height:9px}.classic-ui .ammo-row{height:16px;min-height:16px;padding:0 2px;font-size:9px}.classic-ui .ammo-row #reloadText{font-size:8px}
 .classic-ui .minimap{padding:0 3px}.classic-ui .minimap .panel-title{margin:0 -4px 3px}.classic-ui .minimap canvas{width:calc(100% - 4px);margin:0 2px}.classic-ui .map-footer{font-size:8px}.classic-ui .ship-menu-nav{min-height:48px;padding:2px}.classic-ui .ship-menu-nav button{min-height:44px;min-width:84px;font-size:11px;padding:6px 8px}.classic-ui .ship-menu-header{padding:4px 9px}.classic-ui .ship-menu-content{padding:8px 12px}.classic-ui .ship-menu-content>h3{font-size:15px;padding-bottom:5px;margin-bottom:7px}.classic-ui .ship-overview{padding:7px;gap:10px}.classic-ui .ship-values{padding:6px;margin:5px 0}.classic-ui .modal-panel{padding-top:55px}
}
@media(max-width:650px){.classic-ui .resources{gap:4px}.classic-ui .coin,.classic-ui .pearl{padding:3px 4px;font-size:10px}.classic-ui .brand{font-size:11px;letter-spacing:0}.classic-ui .brand-mark{display:none}.classic-ui .ship-overview{grid-template-columns:145px minmax(0,1fr)}.classic-ui .ship-preview{width:145px;height:106px}.classic-ui .ship-menu-header>span{font-size:10px}}
@media(prefers-reduced-motion:reduce){.classic-ui *, .classic-ui *:before,.classic-ui *:after{transition:none!important;animation:none!important}}

/* Keep battle controls in the safe-area centre; health stays beside them. */
.classic-ui .game-shell{--battle-width:406px;--battle-height:96px;--battle-bottom:max(15px,env(safe-area-inset-bottom));--battle-center:calc((100% + env(safe-area-inset-left) - env(safe-area-inset-right))/2)}
.classic-ui .action-dock{left:var(--battle-center);right:auto;transform:translateX(-50%);width:var(--battle-width);bottom:var(--battle-bottom)}
.classic-ui .utility-dock{left:var(--battle-center);right:auto;transform:translateX(-50%);width:207px;bottom:calc(var(--battle-bottom) + var(--battle-height) + 4px)}
.classic-ui .status-dock{--combat-width:var(--battle-width);left:0;right:0;bottom:var(--battle-bottom);width:100%;max-width:none;display:block;height:0}
.classic-ui .status-dock .ship-card{position:absolute;left:var(--status-edge);bottom:0;width:min(var(--own-status-width),calc((100% + env(safe-area-inset-left) - env(safe-area-inset-right) - var(--battle-width))/2 - var(--status-edge) - 10px))}
.classic-ui .status-dock .target-card{position:absolute;left:auto;right:var(--status-right);bottom:0;width:min(var(--target-status-width),calc((100% - env(safe-area-inset-left) + env(safe-area-inset-right) - var(--battle-width))/2 - var(--status-right) - 10px))}
.classic-ui .edge-prompt{left:var(--battle-center);right:auto;transform:translateX(-50%);bottom:calc(var(--battle-bottom) + var(--battle-height) + 62px);width:350px}
.edge-options{display:flex;gap:4px}.classic-ui .edge-options button{flex:1;min-width:0;min-height:44px;font-size:11px;padding:6px 3px}
.classic-ui .world-map-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;margin-top:12px}
.world-map-cell{min-width:0;padding:8px;border:1px solid #8e7542;background:#07141b}.world-map-cell h3{margin:0;font:600 13px/1.4 Arial;color:#f2e2b9;overflow-wrap:anywhere}.classic-ui .world-map-cell p{margin:6px 0;font:11px/1.4 Arial;color:#d4cfbb}.world-map-cell button{width:100%;min-height:44px;padding:6px 4px;font:11px/1.4 Arial;background:linear-gradient(#625435,#252415);border:1px solid #b49e65;color:#f0e4bf;overflow-wrap:anywhere}.world-map-cell button:focus-visible{outline:2px solid #fff0ad;outline-offset:2px}.world-map-cell[data-current=true]{border:2px solid #d9c18a;background:#223a31}.world-map-cell[data-locked=true] button{background:#182126;border-color:#786849;color:#c9c0a6}.world-map-cell button:disabled{cursor:default}.classic-ui .world-map-lead{font:12px/1.5 Arial;color:#e1d7bb}
@media(max-height:550px) and (orientation:landscape){.classic-ui .game-shell{--battle-width:338px;--battle-height:80px;--battle-bottom:max(6px,env(safe-area-inset-bottom))}.classic-ui .edge-prompt{width:306px}.classic-ui .world-map-cell{padding:6px}.classic-ui .world-map-cell h3{font-size:12px}.classic-ui .world-map-cell p{font-size:10px}}
@media(max-width:730px) and (max-height:550px) and (orientation:landscape){.classic-ui .game-shell{--battle-width:306px}.classic-ui .status-dock .hud-title{gap:3px}.classic-ui .status-dock #targetRange{font-size:9px}}

/* A square chart and two small, independently opened communication panels. */
.classic-ui .minimap{border-radius:0;background:linear-gradient(#4a3b24,#201c12);padding:0 5px}
.classic-ui .minimap .panel-title{margin:-1px -6px 3px;border-radius:0}
.classic-ui .minimap canvas{display:block;width:calc(100% - 6px);height:auto;aspect-ratio:1;border-radius:0;object-fit:contain;margin:0 3px}
.classic-ui .chart-controls{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:2px;padding:4px 0}
.classic-ui .chart-controls button,.classic-ui .chart-controls output{min-width:0;width:100%}
.classic-ui .chart-controls button{border-radius:2px}
.comms-dock{position:absolute;left:12px;bottom:90px;width:250px;display:flex;flex-direction:column;gap:4px;z-index:16}
.classic-ui .comms-dock .panel{position:relative;border-radius:2px}
.classic-ui .comms-dock .log{position:relative;inset:auto;width:auto;max-height:none;display:block}
.comms-heading{width:100%;min-height:30px;display:flex;align-items:center;justify-content:space-between;gap:4px;border:0;padding:5px 8px;background:linear-gradient(#57482d,#242016);color:#f0dfad;font:600 10px/1.2 Arial;text-align:left;letter-spacing:.3px;box-shadow:inset 0 1px #d0b97d55}
.comms-heading small{font:9px Arial;color:#d7c5a1;margin-left:5px;letter-spacing:0}
.classic-ui .comms-body{position:absolute;left:-1px;bottom:calc(100% + 3px);width:250px;max-width:calc(100vw - 24px);max-height:min(320px,calc(100dvh - 180px));overflow:auto;padding:8px;border:1px solid #b29a61;background:#071016f7;box-shadow:0 3px 12px #000a;scrollbar-color:#a98d52 #071016;font:11px/1.4 Arial;color:#e0d6bf}
.chat-channels{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:4px}
.chat-channels button,.chat-compose-actions button{min-height:32px;min-width:0;padding:5px 8px;background:linear-gradient(#3d3726,#191e19);border:1px solid #9b8955;color:#e5dfc8;font:11px Arial;border-radius:2px}
.chat-channels button[aria-pressed=true]{background:linear-gradient(#75603a,#3c301b);border-color:#e3c983;color:#fff0c4}
.chat-connection{border-left:2px solid #c49b56;padding-left:7px;margin:8px 0;color:#e9c787;font-size:10px}
.chat-empty{color:#c8d1c8;margin:6px 0 10px;font-size:10px}
.chat-field{display:flex;flex-direction:column;gap:4px;margin-top:8px;color:#dfd6ba;font-size:10px}
.chat-field input,.chat-field textarea{width:100%;min-width:0;min-height:32px;padding:7px;border:1px solid #8f8054;border-radius:2px;background:#020b10;color:#f1ead7;font:16px/1.3 Arial}
.chat-field textarea{min-height:48px;resize:vertical;max-height:100px}
.chat-field input::placeholder,.chat-field textarea::placeholder{color:#a5b1ac}
.chat-compose-actions{display:flex;align-items:center;gap:5px;margin-top:5px}.chat-compose-actions small{margin-right:auto;font-variant-numeric:tabular-nums;color:#c8c9b8;font-size:9px}
.chat-compose-actions button:disabled{color:#b5b9ae;border-color:#716846;background:#22271f;opacity:1;cursor:default}
.chat-draft-state{margin:6px 0 0;color:#b9c8bb;font-size:9px}
.classic-ui .comms-dock #logEntries{max-height:none;padding:0;font-size:10px}
.comms-dock :focus-visible{outline:2px solid #fff0ad;outline-offset:1px}
@media(max-height:550px) and (orientation:landscape){
 .classic-ui .minimap{padding:0 3px}.classic-ui .minimap .panel-title{margin:0 -4px 3px}
 .classic-ui .minimap canvas{width:86px;height:86px;margin:0 auto}
 .classic-ui .minimap .chart-controls{gap:1px;padding:3px 0}.classic-ui .minimap .chart-controls button{min-height:28px}
 .comms-dock{left:max(7px,env(safe-area-inset-left));top:59px;bottom:auto;width:170px}
 .comms-heading{min-height:28px;padding:4px 6px;font-size:9px}
 .classic-ui .comms-body{bottom:auto;top:calc(100% + 3px);max-height:min(280px,calc(100dvh - 170px));width:246px;padding:6px}
 .chat-channels button{min-height:28px;padding:3px 6px;font-size:10px}
 .chat-connection{margin:4px 0;font-size:9px;line-height:1.3}
 .chat-empty{margin:4px 0;font-size:9px}.chat-body:not([data-channel=clan]) .chat-empty{display:none}
 .chat-field{margin-top:4px}.chat-field>span{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
 .chat-field textarea{min-height:44px;padding:4px 6px}.chat-compose-actions{margin-top:4px}.chat-compose-actions button{min-height:28px;padding:3px 6px;font-size:10px}
 .chat-body[data-stored=true] .chat-draft-state{display:none}
 .comms-dock.edge-mode{width:116px}.comms-dock.mission-open:not(.edge-mode){visibility:hidden}
}
@media(max-height:360px) and (orientation:landscape){.classic-ui .minimap .map-footer{display:none}}

/* Mobile health sits above one low row of battle and item controls. */
.combat-hud,.combat-controls{display:contents}
@media(max-width:1000px) and (orientation:landscape){
 .classic-ui .game-shell{--battle-width:282px;--battle-height:62px;--battle-bottom:max(6px,env(safe-area-inset-bottom))}
 .classic-ui .combat-hud{position:absolute;left:var(--battle-center);bottom:var(--battle-bottom);transform:translateX(-50%);display:grid;gap:4px;width:428px;max-width:calc(100% - env(safe-area-inset-left) - env(safe-area-inset-right) - 14px);z-index:20;pointer-events:none}
 .classic-ui .combat-controls{display:flex;flex-wrap:wrap;align-items:flex-start;justify-content:center;gap:4px}
 .classic-ui .combat-hud .status-dock{position:relative;inset:auto;display:flex;justify-content:center;align-items:stretch;gap:4px;width:100%;height:34px;max-width:none;pointer-events:none}
 .classic-ui .combat-hud .status-dock .ship-card,.classic-ui .combat-hud .status-dock .target-card{position:relative;inset:auto;transform:none;width:138px;max-width:calc((100% - 4px)/2);flex:0 1 138px;margin:0;pointer-events:auto;border-radius:2px}
 .classic-ui .combat-hud .status-dock .target-card{grid-template-columns:minmax(0,1fr) 26px}
 .classic-ui .combat-hud .status-dock .hud-summary,.classic-ui .combat-hud .status-dock #shipDetails{height:32px;min-height:32px;padding:3px 5px;gap:2px;font-size:9px}
 .classic-ui .combat-hud .status-dock .hud-title{gap:3px;line-height:10px}.classic-ui .combat-hud .status-dock #classLabel{font-size:8px}.classic-ui .combat-hud .status-dock .hud-chevron,.classic-ui .combat-hud .status-dock #targetRange{font-size:9px}
 .classic-ui .combat-hud .status-dock .bar{height:11px;border-radius:3px}.classic-ui .combat-hud .status-dock .bar i{border-radius:2px}.classic-ui .combat-hud .status-dock .bar span{font-size:8px;line-height:9px}
 .classic-ui .combat-hud .status-dock #clearTarget{width:26px;min-width:26px;height:32px;min-height:32px;font-size:18px}
 .classic-ui .combat-hud .action-dock{position:relative;inset:auto;transform:none;flex:0 0 282px;width:282px;min-width:0;padding:2px;box-shadow:inset 0 1px #d0b77533,0 1px 3px #0007;border-radius:2px;pointer-events:auto}
 .classic-ui .combat-hud .action-row{gap:2px}.classic-ui .combat-hud .action{min-width:44px;min-height:44px;height:44px;padding:1px;gap:0;border-color:transparent;background:transparent;box-shadow:none;border-radius:2px}
 .classic-ui .combat-hud .action .symbol svg{width:20px;height:20px;filter:none}.classic-ui .combat-hud .action b{font-size:8px;line-height:10px}.classic-ui .combat-hud .action small{font-size:8px;line-height:9px}
 .classic-ui .combat-hud #attackButton small,.classic-ui .combat-hud #cancelAttackButton small,.classic-ui .combat-hud #repairButton small{display:none}
 .classic-ui .combat-hud .action[aria-pressed=true]{background:#7b58293d;border-color:#d8ba76;box-shadow:none}
 .classic-ui .combat-hud .action[data-ready=true]:not(:disabled){border-color:#b9a169;box-shadow:none}
 .classic-ui .combat-hud #cancelAttackButton:not(:disabled){background:#502c1c55;border-color:#bd925d}
 .classic-ui .combat-hud .ammo-row{height:12px;min-height:12px;margin-top:0;padding:0 2px;font-size:9px;line-height:12px}.classic-ui .combat-hud .ammo-row #reloadText{font-size:8px}
 .classic-ui .combat-hud .utility-dock{position:relative;inset:auto;transform:none;flex:0 0 142px;width:142px;min-width:0;padding:2px;box-shadow:inset 0 1px #d0b77533,0 1px 3px #0007;border-radius:2px;pointer-events:auto}
 .classic-ui .combat-hud .utility-row{gap:2px}.classic-ui .combat-hud .utility-row button{min-width:44px;min-height:44px;height:44px;padding:1px;border-color:transparent;background:transparent;box-shadow:none}
 .classic-ui .combat-hud .utility-row button>span{font-size:17px;line-height:18px}.classic-ui .combat-hud .utility-row b{font-size:8px;line-height:10px}.classic-ui .combat-hud .utility-row small{font-size:8px;line-height:9px}
 .classic-ui .combat-hud .hud-extra{bottom:calc(100% + 5px);width:215px;max-height:calc(100dvh - 190px);overflow:auto}
 .classic-ui .edge-prompt{bottom:calc(var(--battle-bottom) + 106px);width:306px}
}
@media(max-width:520px) and (orientation:landscape){.classic-ui .edge-prompt{bottom:calc(var(--battle-bottom) + 158px)}}