/* P12: sea controls stay at the edges, with view settings in the pause menu. */
body.clean-hud{--top:calc(8px + var(--header,0px));--el:max(14px,var(--safe-l));--er:max(14px,var(--safe-r));--eb:max(14px,var(--safe-b));--map:112px;--gun:58px}
body.clean-hud.short{--map:98px;--gun:54px}
body.clean-hud .identity{display:none}
body.clean-hud #hud{inset:0;pointer-events:none}
body.clean-hud #menuButton{position:absolute;right:var(--er);top:var(--top);width:44px;height:44px;padding:5px;pointer-events:auto}
body.clean-hud #map{top:var(--top);right:calc(var(--er) + 50px);width:var(--map);height:var(--map);border-radius:12px}
body.clean-hud .resources{position:absolute;top:calc(var(--top) + var(--map) + 4px);right:calc(var(--er) + 50px);left:auto;width:var(--map);min-height:24px;height:24px;padding:2px 3px;display:flex;justify-content:space-between;gap:5px;border-radius:6px;font-size:11px}
body.clean-hud .resources span{display:flex;align-items:center;gap:3px;font-size:11px}
body.clean-hud .resources b{font-size:11px}
body.clean-hud .resources i{display:flex;width:14px;height:16px;font-style:normal;color:#efd797}
body.clean-hud .resources svg{width:14px;height:16px}
body.clean-hud .hull{top:var(--top);left:var(--el);width:184px;padding:6px 8px;gap:3px 5px;font-size:11px}
body.clean-hud .hull small{font-size:11px;line-height:14px}
body.clean-hud #objective,body.clean-hud #rogue{left:var(--el);top:calc(var(--top) + 64px);max-width:184px;font-size:11px;line-height:14px}
body.clean-hud #objective{margin:0;padding:0;max-height:28px;-webkit-line-clamp:2}
body.clean-hud:not(.at-yard) #toast{top:calc(var(--top) + 101px);left:var(--el);right:auto;max-width:184px;width:max-content;max-height:48px;padding:5px 7px;font-size:11px;line-height:14px;transform:none;-webkit-line-clamp:3}
body.clean-hud #enemyHud{left:50%;top:var(--top);min-width:0;width:164px;max-width:164px;padding:5px 7px;border-radius:7px;letter-spacing:0;--enemy:#ff8576}
body.clean-hud.narrow #enemyHud{width:142px;max-width:142px}
body.clean-hud #enemyHud[data-faction=british][data-stance=neutral]{--enemy:#acd4ff}
body.clean-hud #enemyHud[data-faction=boss]{--enemy:#d3a2ff}
body.clean-hud #enemyName{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:12px;line-height:16px;color:var(--enemy)}
body.clean-hud #enemyHud .healthTrack{height:3px;margin-top:4px}
body.clean-hud #enemyHealth{background:var(--enemy)}
body.clean-hud:not(.at-yard) #cameraControls{position:absolute;top:calc(var(--top) + 48px);right:var(--er);left:auto;bottom:auto;width:44px;height:44px;display:block;visibility:visible}
body.clean-hud #cameraControls #lockButton{position:static;width:44px;height:44px;min-width:44px;min-height:44px;padding:4px 0;gap:0;font-size:11px;letter-spacing:0}
body.clean-hud #lockButton span{display:none}
body.clean-hud #lockButton b::before{display:block;margin:0 auto 3px;width:7px;height:7px}


body.clean-hud #controls{left:var(--el);right:var(--er);bottom:var(--eb)}
body.clean-hud #helm{width:87px;height:87px}
body.clean-hud #thumb{left:19px;top:19px}
body.clean-hud #helmHint{font-size:11px;bottom:5px}
body.clean-hud .actions{gap:6px}
body.clean-hud .actions .cannon{width:78px;height:var(--gun);min-width:44px;min-height:44px;padding:4px;color:#f3d997;--ready:100%;background:linear-gradient(to top,#68724dc9 var(--ready),#092e34ed var(--ready))}
body.clean-hud .cannon .gun-icon{display:flex;justify-content:center;align-items:center;margin:0}
body.clean-hud .cannon svg{width:44px;height:38px}
body.clean-hud #starboard svg{transform:scaleX(-1)}
body.clean-hud #repairButton{width:78px;min-width:78px;height:var(--gun);min-height:44px;padding:4px;font-size:11px}
body.clean-hud #repairButton span{font-size:11px;white-space:normal;line-height:12px;margin-top:3px}
body.clean-hud #specialWeapons{right:var(--er);left:auto;bottom:calc(var(--eb) + var(--gun) + 10px);display:flex;gap:6px}
body.clean-hud #specialWeapons button{width:70px;min-height:44px;font-size:11px;padding:4px}
body.clean-hud.narrow:not(.at-yard) #specialWeapons{display:grid;grid-template-columns:70px 70px;gap:6px;left:auto;right:var(--er)}
body.clean-hud #specialWeapons span{font-size:11px;margin-top:3px}
body.clean-hud:not(.at-yard) #contextActions{left:calc(var(--el) + 99px);right:auto;bottom:var(--eb);transform:none;width:auto;max-width:none}
body.clean-hud #dockButton{width:78px;min-height:44px;font-size:11px;padding:6px}
body.clean-hud #fleetOrders{left:var(--el);top:calc(var(--top) + 64px);width:150px}
body.clean-hud.has-fleet:not(.at-yard) #toast{left:var(--el);top:calc(var(--top) + 140px);max-width:184px;max-height:44px;padding:5px 7px}
body.clean-hud.narrow.has-fleet:not(.at-yard) #toast{left:var(--el);top:calc(var(--top) + 140px);max-width:min(184px,calc(33.333% - var(--el) - 4px));max-height:44px;padding:5px 7px}
body.clean-hud #surrenderPanel{left:var(--el);top:calc(var(--top) + 64px);transform:none;width:210px;padding:5px 6px}
body.clean-hud.narrow #surrenderPanel{width:158px}
body.clean-hud.has-offer #fleetOrders,body.clean-hud.has-offer #objective,body.clean-hud.has-offer #rogue{visibility:hidden}
body.clean-hud.has-offer #toast,body.clean-hud.has-offer #specialWeapons{visibility:hidden}
body.clean-hud.at-yard #cameraControls{display:none}
body.clean-hud .pause-toggles button{min-height:44px;min-width:44px;font-size:11px}
body.clean-hud.navy-notice:not(.at-yard) #toast{top:calc(var(--top) + 64px);max-width:calc(100% - var(--el) - var(--er) - var(--map) - 58px);max-height:28px;white-space:nowrap;display:block}
body.clean-hud.navy-notice.has-fleet:not(.at-yard) #toast{top:calc(var(--top) + 64px);max-width:calc(100% - var(--el) - var(--er) - var(--map) - 58px)}
body.clean-hud.navy-notice #objective,body.clean-hud.navy-notice #rogue{visibility:hidden}
body.clean-hud.navy-notice #fleetOrders{top:calc(var(--top) + 96px)}
body.clean-hud.room-off #pause .panel{max-height:calc(100% - var(--frame-top) - 16px)}
body.clean-hud.room-off #pause{padding-top:calc(var(--frame-top) + 8px);padding-bottom:8px}
@media(max-width:719px){body.clean-hud .actions .cannon,body.clean-hud #repairButton{width:66px;min-width:66px}}
@media(min-height:501px){body.clean-hud{--top:calc(14px + var(--header,0px));--gun:70px}body.clean-hud .hull{width:196px}body.clean-hud #helm{width:106px;height:106px}body.clean-hud #thumb{left:29px;top:29px}}