:root {
  --blue-neon: #1f8fff;
  --hud: #f7f1c7;
  --pacman-vignette: radial-gradient(ellipse at center, rgba(0,0,0,0) 55%, rgba(0,0,0,0.4) 75%, rgba(0,0,0,0.75) 100%);
}

.screen {
  --screen-width: min(92vw, 896px);
  --screen-aspect: 224 / 248;
  --crt-radius: 12px;
  --crt-scanline-spacing: 4px;
  --crt-scanline-thickness: 1px;
  --crt-scanline-alpha: 0.03;
  --crt-scanline-opacity: 0.6;
  --crt-scanline-animation: none;
  --crt-aperture-opacity: 0;
  --crt-vignette-gradient: var(--pacman-vignette);
  --crt-vignette-opacity: 1;
  --crt-vignette-blend: normal;
  --crt-flicker-animation: pacman-flicker 3s steps(60, end) infinite;
  --crt-glow-shadow: inset 0 0 80px rgba(0, 140, 255, 0.15);
  --screen-text: var(--hud);
}

@keyframes pacman-flicker {
  0%, 100% { opacity: 0.62; }
  22% { opacity: 0.58; }
  24% { opacity: 0.66; }
  50% { opacity: 0.6; }
  70% { opacity: 0.64; }
  72% { opacity: 0.57; }
}

.pacman-hud {
  padding: 6px 10px;
  font-size: clamp(10px, 1.6vw, 14px);
  letter-spacing: 1px;
  text-shadow: 0 0 6px rgba(255,255,255,0.2);
}

.pacman-hud .retro-controls {
  justify-content: space-between;
  align-items: flex-start;
}

.pacman-hud .title { color: var(--blue-neon); font-weight: 700; }
.pacman-hud .score { opacity: 0.95; }
.pacman-hud .retro-hud-footer {
  justify-content: flex-start;
  padding-bottom: 6px;
}
.pacman-hud .lives { display: flex; gap: 6px; }
.pacman-hud .lives::before { content: 'LIVES:'; margin-right: 8px; opacity: 0.9; }

/* HUD styles stay unique to Pac-Man */