/* src/hud-zone-state.css
 * HUD-CORE-11 (#2801) — Safe-zone vs danger-zone HUD state styles.
 * Applies ambient zone-tier treatment to #hud-root via CSS classes.
 * Per mmo-lite-loop-pivot.md §9: no "stabilization required" text.
 * Structural only — visual tokens deferred to Sprint 3B.
 */

/* ── Zone tier ambient treatments ────────────────────────────────────────── */

/* Safe (Haven, Lab, friendly zone): neutral — no extra decoration */
#hud-root.hud--safe {
  /* default appearance */
}

/* Caution: yellow-green edge */
#hud-root.hud--caution {
  box-shadow: inset 0 0 0 1px rgba(234, 179, 8, 0.25);
}

/* Danger: orange/red edge */
#hud-root.hud--danger {
  box-shadow: inset 0 0 0 1px rgba(239, 68, 68, 0.30);
}

/* Extreme (danger room): pulsing red edge */
@keyframes hud-zone-pulse {
  0%   { box-shadow: inset 0 0 0 1px rgba(239, 68, 68, 0.20); }
  50%  { box-shadow: inset 0 0 0 2px rgba(239, 68, 68, 0.55); }
  100% { box-shadow: inset 0 0 0 1px rgba(239, 68, 68, 0.20); }
}

#hud-root.hud--extreme {
  animation: hud-zone-pulse 1.6s ease-in-out infinite;
}

/* ── Cargo secured badge ─────────────────────────────────────────────────── */
/* Brief acknowledgment on Haven return. Never shows "stabilization required".*/

#hud-zone-badge {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%) scale(0.92);
  padding: 6px 14px;
  background: rgba(10, 20, 12, 0.90);
  border: 1px solid rgba(34, 197, 94, 0.40);
  border-radius: 6px;
  font-size: 12px;
  font-weight: 600;
  color: #22c55e;
  pointer-events: none;
  opacity: 0;
  transition: opacity 0.20s ease, transform 0.20s ease;
  z-index: 50;
}

.hud-zone-badge--visible {
  opacity: 1;
  transform: translate(-50%, -50%) scale(1);
}

.hud-zone-badge--leaving {
  opacity: 0;
  transform: translate(-50%, -50%) scale(0.92);
}