/* Brass sea instruments; all labels and data remain live HTML. */
#helm{width:430px;padding:10px;border:1px solid #caa05b;background:linear-gradient(135deg,#08252cf5,#06171bf5);box-shadow:0 0 0 3px #091b1f,0 0 0 4px #786039,0 8px 22px #0008;overflow:visible}
#helmHp{font:bold 12px/19px Georgia,serif;color:#f5e7b4}.helm-health{height:5px;margin:0 30px;background:#783a2c;box-shadow:0 0 3px #000}.helm-buttons{gap:6px}.helm-buttons button{height:44px;font:13px Georgia,serif;border-color:#aa884d;background:linear-gradient(#142c2d,#0b1d21);color:#efd297}.helm-buttons button span{font-size:21px;line-height:22px;color:#f1c26a}
.action-slots{gap:10px;margin:7px 0 9px;align-items:center}.action-slots>button,.action-slots>span,.ammo-action{width:44px;height:44px;flex:0 0 44px}.action-slots button{width:44px;height:44px;padding:5px;border:1px solid #c79848;border-radius:4px;background:radial-gradient(ellipse at top,#29413e,#051719);box-shadow:inset 0 0 0 2px #534021,0 2px 5px #0008;color:#efbd5f;cursor:pointer}.action-slots button:disabled{opacity:.45;cursor:default}.action-slots svg{width:100%;height:100%;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.action-slots>span{border-radius:4px;border-color:#75603d;background:#0a1d20}.action-slots button:hover:not(:disabled),.action-slots button.selected{border-color:#ffe07a;box-shadow:inset 0 0 0 1px #e0bd59,0 0 8px #d8a1325c}
.ammo-action{position:relative}#ammoTip{display:none;position:absolute;bottom:calc(100% + 18px);left:50%;transform:translateX(-50%);width:235px;max-width:calc(100vw - 24px);padding:12px;background:#071c21f7;border:1px solid #c79c51;box-shadow:0 0 0 3px #182b29,0 5px 16px #0009;z-index:15;font:12px/1.5 Georgia,serif;color:#efd9a6;pointer-events:none}#ammoTip:after{content:'';position:absolute;bottom:-7px;left:calc(50% - 6px);width:12px;height:12px;border-right:1px solid #c79c51;border-bottom:1px solid #c79c51;background:#071c21;transform:rotate(45deg)}#ammoTip strong{color:#ffd575;font-size:14px}#ammoTip p{margin:6px 0 0}.ammo-action:hover #ammoTip,.ammo-action:focus-within #ammoTip{display:block}
.minimap.panel{width:260px;height:260px;right:26px;top:22px;border:3px solid #d0a35b;border-radius:50%;padding:0;background:#082631;box-shadow:0 0 0 3px #142324,0 0 0 4px #796445,0 5px 16px #0009;overflow:visible}#mini{border-radius:50%;clip-path:circle(50%);width:100%;height:100%}.compass-point{position:absolute;color:#f3cc82;font:bold 24px Georgia,serif;text-shadow:0 2px 3px #000;pointer-events:none}.north{top:-18px;left:calc(50% - 9px)}.south{bottom:-18px;left:calc(50% - 7px)}.east{right:-16px;top:calc(50% - 14px)}.west{left:-21px;top:calc(50% - 14px)}#miniCoordinates{top:auto;bottom:30px;left:50%;transform:translateX(-50%);white-space:nowrap;font-size:10px;background:#061d24a6}.mini-controls{right:-14px;bottom:4px;display:flex;flex-direction:column;gap:3px;background:none;padding:0}.mini-controls button{border-radius:4px;width:31px;height:31px;font-size:25px;box-shadow:0 2px 5px #0008}
.chat.panel{width:350px;max-width:calc(100% - 16px);height:auto;padding:8px 10px 10px;right:18px;bottom:170px;background:linear-gradient(135deg,#082731ed,#04191ff2);border:1px solid #dab76a;box-shadow:inset 0 0 0 3px #11282b,0 0 0 2px #77623c,0 6px 18px #0008;border-radius:5px;z-index:31}.chat[hidden],#chatOpen[hidden]{display:none}.chat-heading{display:flex;align-items:center;border-bottom:1px solid #a28850;gap:4px;padding-bottom:6px;color:#e6c379;font:15px Georgia,serif}#chatDrag{flex:1;cursor:grab;touch-action:none;user-select:none;padding:5px}#chatDrag:active{cursor:grabbing}#chatDrag:focus-visible{outline:2px solid #e4c37a}.chat-heading button{width:27px;height:27px;padding:0;border:1px solid #8e7544;background:#071c23;color:#f4d28b;font-size:20px}.chat ol{height:140px;font:13px/1.5 Georgia,serif}.chat form{flex-wrap:nowrap}.chat input{background:#061b21;border-color:#967b45;font:13px Georgia,serif}.chat button[type=submit]{width:38px;flex:0 0 38px;padding:0;color:#edbf68;font-size:23px}.chat.collapsed ol,.chat.collapsed form{display:none}#chatOpen{position:absolute;bottom:18px;right:20px;z-index:4;border-color:#d1ab63;background:#08252b;color:#edcf89;font:15px Georgia,serif}
@media(max-width:1100px){.minimap.panel{width:220px;height:220px}#helm{width:390px}.chat.panel{width:310px}}
@media(max-width:680px){.minimap.panel{width:164px;height:164px;right:24px;top:20px}.compass-point{font-size:20px}.chat.panel{width:290px;right:12px;bottom:164px}.chat ol{height:110px;font-size:12px}#helm{width:330px;padding:8px;bottom:10px}.action-slots{gap:7px}.action-slots>button,.action-slots>span,.ammo-action,.action-slots button{width:40px;height:40px;flex-basis:40px}.helm-buttons button{font-size:12px;height:41px}#miniCoordinates{font-size:9px;bottom:20px}#ammoTip{left:0;transform:translateX(-40%)}.chat button[type=submit]{width:36px}.chat input{font-size:12px}#chatOpen{bottom:158px}}

@media(max-height:700px) and (min-width:681px){.minimap.panel{width:170px;height:170px}.chat ol{height:78px}.chat.panel{bottom:150px}}

#loading{z-index:100}
#ammoMenu{position:absolute;width:330px;max-width:calc(100% - 16px);overflow:auto;padding:10px;border:1px solid #dbb468;border-radius:5px;background:#061c23fa;box-shadow:0 0 0 2px #77623c,0 8px 22px #0009;z-index:40;color:#ecd7a6}#ammoMenu[hidden]{display:none}.ammo-menu-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;border-bottom:1px solid #876d3c;padding-bottom:7px;font:16px Georgia,serif}.ammo-menu-heading button{width:28px;height:28px;padding:0;font-size:22px;color:#efc879}#ammoMenu label{display:block;font-size:12px;margin:10px 0}#ammoMenu select{display:block;width:100%;padding:7px;background:#102a30;color:#efd9a7;border:1px solid #a18550}#ammoMenu label[hidden]{display:none}#ammoOptions{display:grid;gap:7px;margin:10px 0}.ammo-option{display:flex;gap:12px;align-items:center;text-align:left;width:100%;padding:8px;background:linear-gradient(#142f34,#071c23);border-color:#96763e;color:#ead7b0}.ammo-option[aria-pressed=true]{border-color:#f8d76d;box-shadow:inset 0 0 0 1px #d3ad54}.ammo-option:disabled{cursor:default}.ammo-option strong,.ammo-option small{display:block}.ammo-option strong{font:14px Georgia,serif}.ammo-option small{font-size:11px;margin-top:4px}.ammo-picture{flex:0 0 48px;width:48px;height:48px}.ammo-picture img,.ammo-picture svg{width:100%;height:100%;object-fit:contain}#ammoMenuStatus{font-size:12px;color:#c9c5a8;margin:9px 0 0}.ammo-action:has(button[aria-expanded=true]) #ammoTip{display:none}
#ammoMenuDrag{flex:1;padding:5px 0;cursor:grab;user-select:none;touch-action:none}#ammoMenuDrag:active{cursor:grabbing}#ammoMenuDrag:focus-visible{outline:2px solid #e4c37a}.ammo-menu-heading{gap:6px}#ammoMenuPin[aria-pressed=true]{color:#ffe38c;background:#3a4127;box-shadow:inset 0 0 0 1px #e0b857}

#ammoMenuPin svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}

/* Compact ammunition list: at most five complete entries before scrolling. */
#ammoMenu{width:270px;padding:7px}.ammo-menu-heading{font-size:14px;padding-bottom:5px}.ammo-menu-heading button{width:24px;height:24px;font-size:19px}#ammoMenuDrag{padding:3px 0}#ammoOptions{display:flex;flex-direction:column;gap:5px;margin:7px 0;overflow-y:auto;overflow-x:hidden;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#caa25b #0a2128}#ammoOptions::-webkit-scrollbar{width:7px}#ammoOptions::-webkit-scrollbar-track{background:#0a2128}#ammoOptions::-webkit-scrollbar-thumb{background:#b99451;border-radius:4px}.ammo-option{flex:0 0 auto;min-height:48px;padding:5px;gap:8px}.ammo-picture{flex-basis:34px;width:34px;height:34px}.ammo-option>span:not(.ammo-picture){min-width:0;flex:1}.ammo-option strong{font-size:12px;line-height:15px;overflow-wrap:anywhere}.ammo-option small{font-size:10px;line-height:12px;margin-top:2px}#ammoMenuStatus{font-size:10px;line-height:13px;margin-top:6px}#ammoMenu label{margin:6px 0}#ammoMenu select{padding:5px;font-size:11px}
/* Compact maritime top bar; counters are backed by the existing wallet. */
body>header.topbar{min-height:64px;height:auto;display:flex;flex-wrap:nowrap;gap:8px;padding:5px 8px;background:linear-gradient(#08252d,#03151c);border-bottom:1px solid #c7974d;box-shadow:inset 0 -3px #152a2d,0 3px 10px #0008;z-index:50}.topbar .brand{height:52px;display:flex;align-items:center;gap:8px;padding:0 15px 0 9px;color:#f2d293;font:29px Georgia,serif;letter-spacing:0;border:1px solid #b98f47;border-radius:4px;box-shadow:inset 0 0 0 2px #152c30}.topbar svg{width:32px;height:32px;fill:none;stroke:#ebbd69;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}.topbar .brand svg{width:37px;height:37px}.topbar-nav{display:flex;gap:7px}.topbar .topbar-icon{display:grid;place-items:center;width:56px;height:52px;margin:0;padding:7px;border:1px solid #aa8444;border-radius:4px;background:linear-gradient(#102e36,#061c23);box-shadow:inset 0 0 0 2px #10282e;color:#f1c97b;text-decoration:none}.topbar .topbar-icon:hover{border-color:#ffe19a;background:#183b3f}.topbar-space{flex:1}.topbar .wallet-bar{display:flex;flex-direction:row;align-items:center;gap:18px;height:52px;padding:0 15px;margin:0;color:#edc980;border:1px solid #b98f47;border-radius:7px 3px;box-shadow:inset 0 0 0 2px #13282b;font:20px Georgia,serif}.topbar .wallet-bar>span{display:flex;align-items:center;gap:8px}.topbar .wallet-bar output{font:20px Georgia,serif;color:#f0cb81}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.captain-menu{position:relative;font:13px Georgia,serif;color:#efd4a0}.captain-menu summary{cursor:pointer;list-style:none;padding:12px 6px;max-width:150px;white-space:nowrap}.captain-menu summary::-webkit-details-marker{display:none}.captain-menu-body{position:absolute;top:100%;right:0;width:210px;display:grid;gap:4px;padding:10px;background:#071f27;border:1px solid #b98f47;box-shadow:0 6px 16px #0009;z-index:60}.captain-menu-body a,.captain-menu-body button{margin:0;text-align:left;padding:8px;color:#f0d195;text-decoration:none;font:13px Georgia,serif;border:1px solid #6c603f;background:#10292e}.captain-menu-body small{padding:6px;font-size:10px;color:#b6b69f}
@media(max-width:1000px){body>header.topbar{gap:6px}.topbar .brand{font-size:23px;padding-right:10px}.topbar .topbar-icon{width:44px}.topbar-nav{gap:5px}.topbar .wallet-bar{gap:10px;padding:0 9px}.topbar .wallet-bar output{font-size:17px}.topbar svg{width:27px;height:27px}}
@media(max-width:680px){body>header.topbar{flex-wrap:wrap;min-height:90px;padding:4px 8px;gap:4px 8px}.topbar .brand{height:38px;font-size:21px;padding:0 8px 0 5px}.topbar .brand svg{width:27px;height:27px}.topbar .topbar-icon{width:35px;height:38px;padding:5px}.topbar-nav{gap:4px;margin-left:auto}.topbar-space{display:none}.topbar .wallet-bar{order:3;height:33px;font-size:15px;padding:0 8px;margin-left:auto}.topbar .wallet-bar output{font-size:15px}.topbar .wallet-bar svg{width:23px;height:23px}.captain-menu{order:2}.captain-menu summary{padding:8px 2px;font-size:12px}.captain-menu-body{right:auto;left:0}.topbar svg{width:24px;height:24px}}

.captain-menu #captainName{display:inline-block;max-width:120px;vertical-align:middle;overflow:hidden;text-overflow:ellipsis}

/* Eight actions keep the existing helm dimensions. */
.action-slots{gap:6px;justify-content:center}.action-slots>button,.action-slots>span,.action-slots .ammo-action,.action-slots button{width:38px;height:38px;flex-basis:38px}.action-slots #cannonStatus{font:bold 11px Georgia;color:#e4c580}.action-slots svg{width:30px;height:30px}
@media(max-width:680px){.action-slots{gap:4px}.action-slots>button,.action-slots>span,.action-slots .ammo-action,.action-slots button{width:32px;height:32px;flex-basis:32px}.action-slots svg{width:26px;height:26px}}

#attackShip{position:relative;overflow:hidden}#attackReload{position:absolute;left:3px;right:3px;bottom:2px;height:5px;background:#041216;border:1px solid #b08b4c;border-radius:2px;pointer-events:none}#attackReload b{display:block;height:100%;width:100%;background:#63c88a}#attackShip.reloading #attackReload b{background:#e9b557}

:is(#combatTarget,#combatAttacker){display:flex;align-items:center;gap:10px;width:280px;max-width:calc(100vw - 28px);padding:8px 10px;background:#071d23ed;border:1px solid #c79848;border-radius:5px;color:#e9c97e;pointer-events:none;z-index:20}:is(#combatTarget,#combatAttacker)[hidden]{display:none}:is(#combatTargetPortrait,#combatAttackerPortrait){width:72px;height:54px;flex:none}:is(#combatTarget,#combatAttacker) .target-info{display:flex;flex:1;min-width:0;flex-direction:column;gap:4px}:is(#combatTarget,#combatAttacker) small{color:#edb95e;font-weight:bold;letter-spacing:1px}:is(#combatTarget,#combatAttacker) strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}:is(#combatTargetHealth,#combatAttackerHealth){position:relative;height:18px;background:#0a2319;border:1px solid #3f9d61;border-radius:3px;overflow:hidden}:is(#combatTargetHealth,#combatAttackerHealth) b{position:absolute;inset:0 auto 0 0;background:#278b46;width:0}:is(#combatTargetHp,#combatAttackerHp){position:relative;display:block;text-align:center;color:#efffef;font-size:11px;line-height:16px;text-shadow:0 1px 2px #000}@media(max-width:680px){:is(#combatTarget,#combatAttacker){width:170px;padding:6px;gap:6px;font-size:11px}}

#anchor{position:relative;padding-bottom:9px}#anchorWait{position:absolute;bottom:3px;left:5px;right:5px;height:4px;border:1px solid #ae8949;background:#06161b;border-radius:2px}#anchorWait b{display:block;height:100%;background:#65c88c;width:100%}#anchor.waiting #anchorWait b{background:#e9b557}#anchorWaitSeconds{position:absolute;right:4px;top:2px;font:10px Arial;color:#f6d99a}

#combatStrips{position:fixed;top:90px;left:14px;display:flex;flex-direction:column;gap:8px;pointer-events:none;z-index:20}@media(max-width:680px){#combatStrips{top:78px;left:8px}}

@media(max-width:680px){:is(#combatTargetPortrait,#combatAttackerPortrait){width:42px;height:40px}}

#chooseAmmo .ammo-current-picture{display:block;width:100%;height:100%;margin:0;pointer-events:none}#chooseAmmo .ammo-current-picture img,#chooseAmmo .ammo-current-picture svg{display:block;width:100%;height:100%;object-fit:contain}

#chooseAmmo{position:relative}#chooseAmmo .ammo-current-picture{border:0;background:none;box-shadow:none;border-radius:0;flex:none}#chooseAmmo .ammo-current-count{position:absolute;right:1px;bottom:1px;padding:0 2px;max-width:100%;font:bold 9px/11px Arial,sans-serif;color:#fff2c4;background:#07191bd9;border-radius:2px;text-shadow:0 1px 2px #000;pointer-events:none}#chooseAmmo .ammo-current-count[hidden]{display:none}@media(max-width:680px){#chooseAmmo .ammo-current-count{font-size:8px;line-height:10px}}