/* BOOM_MASTER_POLISH_V1_CSS */

:root{
  --boom-core-cyan:#48e8ff;
  --boom-core-gold:#ffd85a;
  --boom-core-bg:rgba(2,10,24,.93);
}

/* Universal story/event overlays must always sit above WORLD. */
#fire-event-box.show,
#boom-sudo-v13.show,
#boom-sudo-hard-modal.show,
#boom-sudo-choice.show,
#boom-e4-journey.show,
#boom-elite-gate.show,
#fire-casino.show,
#battle.show{
  z-index:2147482000 !important;
}

/* Interaction radar, deliberately lightweight and non-blocking. */
#boom-interact-radar{
  position:fixed;
  left:50%;
  bottom:24px;
  transform:translateX(-50%) translateY(8px);
  z-index:2147481000;
  display:flex;
  align-items:center;
  gap:10px;
  min-width:220px;
  max-width:min(86vw,520px);
  padding:9px 13px;
  border:1px solid rgba(72,232,255,.34);
  border-radius:14px;
  background:linear-gradient(180deg,rgba(6,25,48,.96),rgba(2,10,24,.96));
  box-shadow:0 12px 34px rgba(0,0,0,.45),0 0 20px rgba(72,232,255,.08);
  color:#eaffff;
  opacity:0;
  pointer-events:none;
  transition:opacity .14s ease,transform .14s ease;
  backdrop-filter:blur(8px);
  -webkit-backdrop-filter:blur(8px);
  font-family:Orbitron,system-ui,sans-serif;
}
#boom-interact-radar.show{opacity:1;transform:translateX(-50%) translateY(0)}
#boom-interact-radar .key{
  flex:0 0 auto;
  min-width:34px;
  height:30px;
  display:grid;
  place-items:center;
  padding:0 8px;
  border-radius:9px;
  background:linear-gradient(180deg,#4fe9ff,#2a9dff);
  color:#03101e;
  font-weight:1000;
  font-size:11px;
  box-shadow:0 0 16px rgba(72,232,255,.24);
}
#boom-interact-radar .copy{min-width:0;line-height:1.1}
#boom-interact-radar .copy b{display:block;font-size:10px;letter-spacing:.05em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
#boom-interact-radar .copy small{display:block;margin-top:3px;color:#94bfcb;font-size:8px;letter-spacing:.03em}
#boom-interact-radar.gold{border-color:rgba(255,216,90,.42);box-shadow:0 12px 34px rgba(0,0,0,.45),0 0 22px rgba(255,216,90,.1)}
#boom-interact-radar.gold .key{background:linear-gradient(180deg,#ffe77f,#ffb632)}

/* Compact site health chip on HUB only. */
#boom-core-status{
  position:fixed;
  right:16px;
  bottom:16px;
  z-index:12000;
  width:min(330px,calc(100vw - 32px));
  padding:10px 12px;
  border-radius:14px;
  border:1px solid rgba(72,232,255,.25);
  background:var(--boom-core-bg);
  color:#dffcff;
  box-shadow:0 14px 38px rgba(0,0,0,.45);
  backdrop-filter:blur(10px);
  -webkit-backdrop-filter:blur(10px);
  font-family:Orbitron,system-ui,sans-serif;
}
#boom-core-status .row{display:flex;align-items:center;justify-content:space-between;gap:10px}
#boom-core-status .dot{width:8px;height:8px;border-radius:50%;background:#5cff9a;box-shadow:0 0 12px #5cff9a}
#boom-core-status b{font-size:9px;letter-spacing:.08em}
#boom-core-status small{font-size:8px;color:#8eb6c5}
#boom-core-status.offline .dot{background:#ff5d77;box-shadow:0 0 12px #ff5d77}
#boom-core-status .meta{margin-top:6px;font-family:Rajdhani,system-ui,sans-serif;font-weight:800;font-size:11px;color:#9cc6d0}

/* Help the browser on huge WORLD pages. */
@media (prefers-reduced-motion:reduce){
  #boom-interact-radar{transition:none}
}

@media(max-width:900px),(pointer:coarse){
  #boom-interact-radar{
    bottom:84px;
    min-width:190px;
    padding:7px 10px;
  }
  #boom-interact-radar .key{height:27px;min-width:30px}
  body.world-page #boom-core-status{display:none!important}
}