:root {
  --bg: #1c3a24;
  --panel: #24512f;
  --accent: #ffd24a;
  --accent-text: #3a2a04;
  --page-glow: rgba(143, 208, 94, 0.2);
}

body {
  background:
    radial-gradient(circle at 14% 8%, rgba(143, 208, 94, 0.18), transparent 24rem),
    radial-gradient(circle at 84% 13%, rgba(92, 152, 232, 0.15), transparent 24rem),
    linear-gradient(180deg, #1c3a24, #0b1a10);
}

#game-canvas {
  background: #20282e;
  image-rendering: pixelated;
}

.stage {
  background: rgba(24, 52, 32, 0.92);
}

.hud {
  position: absolute;
  top: 0.7rem;
  left: 50%;
  display: flex;
  gap: 0.6rem;
  transform: translateX(-50%);
  pointer-events: none;
}

.hud span {
  border: 1px solid rgba(255, 255, 255, 0.16);
  border-radius: 8px;
  background: rgba(10, 24, 14, 0.75);
  padding: 0.32rem 0.66rem;
  font-size: 0.82rem;
  font-weight: 800;
  white-space: nowrap;
  backdrop-filter: blur(6px);
}

@media (max-width: 620px) {
  .hud span { font-size: 0.7rem; padding: 0.24rem 0.45rem; }
}