/* HUD exclusively for Mar Aberto · Exploração Oceânica */
body.open-sea-exploration #gameShell{position:relative}

/* Topbar in exploration mode: transparent floating bar with glass badge and glass pills */
body.open-sea-exploration .topbar{
 position:fixed!important;z-index:55!important;top:max(12px,env(safe-area-inset-top))!important;
 left:max(14px,env(safe-area-inset-left))!important;right:max(14px,env(safe-area-inset-right))!important;
 height:auto!important;padding:0!important;border:0!important;background:transparent!important;
 backdrop-filter:none!important;pointer-events:none!important;
}
body.open-sea-exploration .topbar .brand{
 pointer-events:auto;gap:10px;padding:9px 15px;border:1px solid rgba(139,230,245,.28);
 border-radius:12px;background:rgba(6,22,38,.82);
 backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);
 box-shadow:0 8px 28px rgba(0,0,0,.52),inset 0 1px 0 rgba(255,255,255,.08);
}
body.open-sea-exploration .topbar .brand-mark{
 font-size:24px;color:#7bf3f0;text-shadow:0 0 16px rgba(123,243,240,.4);
}
body.open-sea-exploration .topbar .brand strong{
 font-family:'Manrope',Inter,system-ui,sans-serif;font-weight:800;font-size:13px;letter-spacing:.26em;color:#f0fdfa;
}
body.open-sea-exploration .topbar .brand small{
 font-family:'Manrope',Inter,system-ui,sans-serif;font-size:8px;font-weight:700;letter-spacing:.14em;color:#93c5d6;
}
body.open-sea-exploration .topbar .top-actions{
 pointer-events:auto;gap:8px;align-items:center;
}
body.open-sea-exploration .topbar .online-counter{
 border:1px solid rgba(139,230,245,.28);border-radius:999px;background:rgba(6,22,38,.82);
 backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);color:#99f6e4;
 font-family:'Manrope',Inter,system-ui,sans-serif;font-weight:800;font-size:10px;letter-spacing:.12em;
 padding:7px 14px;box-shadow:0 8px 24px rgba(0,0,0,.5);
}
body.open-sea-exploration .topbar .pulse-dot{
 width:7px;height:7px;background:#34d399;box-shadow:0 0 10px #34d399;
}
body.open-sea-exploration .topbar .icon-btn{
 width:38px;height:38px;border:1px solid rgba(139,230,245,.28);border-radius:50%;
 background:rgba(6,22,38,.82);color:#93c5d6;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);
 box-shadow:0 8px 24px rgba(0,0,0,.5);display:grid;place-items:center;
}

/* Exploration stats panel on top-left, positioned beneath the brand badge */
body.open-sea-exploration #gameShell>.exploration-overlay:not([hidden]){
 position:absolute;z-index:52;top:max(68px,calc(env(safe-area-inset-top) + 64px));
 left:max(14px,env(safe-area-inset-left));width:min(260px,calc(100% - 28px));
 display:flex;flex-direction:column;gap:6px;pointer-events:none
}
body.open-sea-exploration .exploration-stat{
 display:flex;flex-direction:column;gap:4px;padding:10px 14px;min-width:0;
 color:#e3f4f4;font:700 11px/1.25 'Manrope',Inter,system-ui,sans-serif;letter-spacing:.02em;
 border:1px solid rgba(139,230,245,.28);border-radius:12px;
 background:rgba(6,22,38,.82);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);
 box-shadow:0 8px 28px rgba(0,0,0,.52),inset 0 1px 0 rgba(255,255,255,.08)
}
body.open-sea-exploration .exploration-tag{
 font-size:9px;font-weight:800;letter-spacing:.14em;color:#94b8c7;margin-bottom:2px;
 text-transform:uppercase;border-bottom:1px solid rgba(139,230,245,.15);padding-bottom:5px;
}
body.open-sea-exploration #explorationDepth,
body.open-sea-exploration #explorationPressure{
 font:800 13px/1.3 'Manrope',Inter,system-ui,sans-serif;color:#f0fdfa;letter-spacing:.03em;
}
body.open-sea-exploration .exploration-oxygen-row{
 display:flex;align-items:center;justify-content:space-between;margin-top:2px;
}
body.open-sea-exploration .metric-oxy-label{
 font-size:10px;font-weight:700;letter-spacing:.08em;color:#a8c4ce;
}
body.open-sea-exploration #explorationGas.metric-oxygen{
 font:800 12px/1.2 'Manrope',Inter,system-ui,sans-serif;color:#ff9690;
}
body.open-sea-exploration .exploration-track{
 height:4px;width:100%;border-radius:4px;background:#051420;overflow:hidden;border:1px solid rgba(64,110,130,.4);margin-top:2px;
}
body.open-sea-exploration .exploration-track>i{
 display:block;height:100%;width:100%;background:linear-gradient(90deg,#ff7b72,#f6d365);
 transition:width .2s linear;
}
body.open-sea-exploration .exploration-overlay.oxygen-critical #explorationGas,
body.open-sea-exploration .exploration-overlay.oxygen-critical #explorationPressureWarning{color:#ff9690}
body.open-sea-exploration .exploration-overlay.oxygen-critical .exploration-track>i{background:#d64e56}

/* Vitality card below the instruments */
body.open-sea-exploration #hud.hud:not([hidden]){
 position:absolute!important;z-index:51!important;top:var(--abyss-vitals-top,215px)!important;
 left:max(14px,env(safe-area-inset-left))!important;right:auto!important;bottom:auto!important;
 width:min(260px,calc(100% - 28px))!important;min-height:0!important;height:auto!important;
 transform:none!important;margin:0!important;padding:9px 14px!important;
 display:block!important;pointer-events:none!important;border-radius:12px!important;
 border:1px solid rgba(139,230,245,.28)!important;
 background:rgba(6,22,38,.82)!important;backdrop-filter:blur(12px)!important;-webkit-backdrop-filter:blur(12px)!important;
 box-shadow:0 8px 28px rgba(0,0,0,.52),inset 0 1px 0 rgba(255,255,255,.08)!important
}
body.open-sea-exploration #hud .bars{display:block!important;width:100%!important;max-width:none!important;margin:0!important}
body.open-sea-exploration #hud .bar-label:not(.xp-label){
 display:flex!important;justify-content:space-between;font-size:10px!important;font-weight:800!important;
 letter-spacing:.08em!important;margin:0 0 5px!important;color:#94b8c7!important
}
body.open-sea-exploration #hud .bar:not(.xp-bar){
 display:block!important;height:8px!important;margin:0!important;border-radius:4px!important;
 background:#051420!important;border:1px solid rgba(64,110,130,.4)!important;overflow:hidden!important
}
body.open-sea-exploration #hud .bar-fill{
 background:linear-gradient(90deg,#14b8a6,#5eead4)!important;
 box-shadow:0 0 12px rgba(94,234,212,.45)!important;
}
body.open-sea-exploration #hud .hud-top,
body.open-sea-exploration #hud .xp-label,
body.open-sea-exploration #hud .xp-bar,
body.open-sea-exploration #bossProgressionTrack,
body.open-sea-exploration #selectedSkillsPanel,
body.open-sea-exploration #skillDescriptionTooltip,
body.open-sea-exploration #runEnergyRanking,
body.open-sea-exploration #activeAbilities,
body.open-sea-exploration #toggleHudBtn,
body.open-sea-exploration #hud .mobile-tip{display:none!important}
/* Gathering interaction remains available, away from the instrument stack. */
body.open-sea-exploration .exploration-overlay .exploration-collect:not([hidden]){
 position:fixed;left:max(12px,env(safe-area-inset-left));
 bottom:calc(max(12px,env(safe-area-inset-bottom)) + 10px);
 width:min(274px,calc(100vw - 28px));pointer-events:auto
}
body.open-sea-exploration .exploration-collect>small{font-size:10px;line-height:1.35;color:#b2d0d8}
body.open-sea-exploration .exploration-collect>button{
 cursor:pointer;min-height:34px;padding:7px;border-radius:7px;border:1px solid #689caa;
 background:#164a60;color:#edf9f5;font:700 10px Inter,system-ui,sans-serif
}
body.open-sea-exploration .exploration-collect>button:disabled{opacity:.65;cursor:default}
@media(max-width:700px){
 body.open-sea-exploration #gameShell>.exploration-overlay:not([hidden]){
  width:min(208px,calc(100% - 20px));top:max(8px,env(safe-area-inset-top));
  left:max(8px,env(safe-area-inset-left));gap:5px
 }
 body.open-sea-exploration .exploration-stat{padding:6px 8px;gap:3px}
 body.open-sea-exploration .exploration-stat>span{font-size:8px}
 body.open-sea-exploration .exploration-stat>strong{font-size:13px}
 body.open-sea-exploration #explorationPressure{font-size:10px}
 body.open-sea-exploration #explorationPressureWarning{font-size:8px}
 body.open-sea-exploration #hud.hud:not([hidden]){
  top:var(--abyss-vitals-top,148px)!important;left:max(8px,env(safe-area-inset-left))!important;
  width:min(208px,calc(100% - 20px))!important;padding:7px 8px!important
 }
 body.open-sea-exploration .exploration-overlay .exploration-collect:not([hidden]){
  left:auto;right:max(8px,env(safe-area-inset-right));
  bottom:calc(max(8px,env(safe-area-inset-bottom)) + 98px);width:min(196px,45vw)
 }
 body.open-sea-exploration .exploration-collect>span{font-size:8px}
 body.open-sea-exploration .exploration-collect>strong{font-size:10px}
 body.open-sea-exploration .exploration-collect>small{font-size:8px}
}
@media(max-height:490px) and (max-width:900px){
 body.open-sea-exploration #gameShell>.exploration-overlay:not([hidden]){gap:3px}
 body.open-sea-exploration .exploration-stat{padding:4px 6px}
 body.open-sea-exploration #hud.hud:not([hidden]){top:var(--abyss-vitals-top,130px)!important}
}

body.open-sea-exploration #explorationBiome{display:block;border-top:1px solid rgba(110,176,194,.23);padding-top:5px;color:#d0bd8e;font:700 9px/1.35 Inter,system-ui,sans-serif;letter-spacing:.075em}
@media(max-width:700px){body.open-sea-exploration #explorationBiome{font-size:8px;padding-top:3px}}