/* Heart Progress Bar Styles (Adapted for Header) */
.health-bar {
  display: flex;
  align-items: center;
}

#health-container {
  position: relative;
}

#health-canvas {
  width: 60px !important; /* Scaled for header */
  height: 45px !important; /* Proportional scale */
  background: transparent !important; /* No bg in header */
  overflow: visible;
}

#health-canvas #liquid {
  filter: url(#goo);
}

#health-canvas #liquid-bubbles circle {
  fill: rgba(255,255,255,0.2);
  animation: bubble 2s infinite ease-in-out;
}

@keyframes bubble {
  0%, 100% { transform: translateY(0px) scale(1); }
  50% { transform: translateY(-25px) scale(1.1); }
}

#health-canvas #ekg-outer {
  filter: drop-shadow(0 0 5px #F56476);
  animation: ekg 1.5s infinite ease-in-out;
}

@keyframes ekg {
  0%, 100% { opacity: 1; }
  50% { opacity: 0.5; }
}

/* Hide health on mobile if needed */
@media (max-width: 991.98px) {
  .health-bar {
    display: none;
  }
  .score-header {
    justify-content: center !important;
  }
}

/* Quick Add: Ensure dark theme overrides */
body { 
  background-color: #1e3a8a !important; 
}
/* HONKY TONK REBRAND - Feb 2026 */
.hero, .page-hero {
  background-image: url('img/hero-honkytonk.jpg') !important;
  background-size: cover;
  background-position: center 30%;
  background-attachment: fixed;
  min-height: 85vh;
  position: relative;
}

.hero::after {
  content: '';
  position: absolute;
  top: 0; left: 0; right: 0; bottom: 0;
  background: linear-gradient(rgba(255,50,50,0.18), rgba(30,30,255,0.18));
  pointer-events: none;
}

#game-canvas {
  background-image: url('img/shooter-bg.jpg') !important;
  background-size: cover;
  image-rendering: crisp-edges;
  max-width: 100%;
  height: auto;
}

.score-display {
  font-family: 'Courier New', monospace;
  letter-spacing: 4px;
  text-shadow: 0 0 10px #ffd700;
}

/* Your existing score & health animations stay untouched */