.lode-screen {
  --screen-aspect: 28 / 16; /* Phaser scene is 896x512 */
  --screen-padding: clamp(10px, 2vw, 26px);
  --crt-radius: 14px;
  --crt-scanline-spacing: 4px;
  --crt-scanline-thickness: 1px;
  --crt-scanline-alpha: 0.04;
  --crt-scanline-opacity: 0.62;
  --crt-aperture-opacity: 0.08;
  --crt-vignette-gradient: radial-gradient(ellipse at center, rgba(12, 24, 42, 0.4) 0%, rgba(2, 5, 10, 0.98) 80%, rgba(0, 0, 0, 1) 100%);
  --crt-vignette-opacity: 1;
  --crt-flicker-animation: lode-flicker 2.4s steps(2, end) infinite;
  --crt-glow-shadow: inset 0 0 70px rgba(100, 205, 255, 0.18);
  --screen-canvas-saturate: 1.12;
  --screen-canvas-contrast: 1.07;
}

.lode-screen #game-root {
  width: 100%;
  height: 100%;
  position: relative;
  overflow: hidden;
  border-radius: inherit;
}

.lode-hud {
  display: grid;
  align-content: flex-end;
  padding: 12px 14px;
  color: #8fe5ff;
  text-shadow: 0 0 12px rgba(110, 200, 255, 0.4);
  font-size: clamp(11px, 1.8vw, 15px);
}

.lode-hud .retro-controls {
  justify-content: space-between;
  gap: clamp(8px, 1.2vw, 18px);
}

.lode-hud .title {
  letter-spacing: 1px;
  font-weight: 700;
  text-transform: uppercase;
}

.lode-hud .subtitle {
  opacity: 0.7;
  font-size: 0.85em;
}

.lode-hud .retro-hud-footer {
  justify-content: flex-start;
  font-size: clamp(10px, 1.4vw, 13px);
  opacity: 0.92;
}

@keyframes lode-flicker {
  0%, 100% { opacity: 0.7; }
  35% { opacity: 0.64; }
  55% { opacity: 0.74; }
  70% { opacity: 0.68; }
}