:root {
  --ui-scale: 1;
  --navy: #0b1a3a;
  --white: #ffffff;
  --yellow: #ffd93b;
  --red: #e0322f;
}

.screen {
  position: absolute;
  inset: 0;
  overflow: hidden;
  color: var(--white);
  background: transparent;
  user-select: none;
  -webkit-user-select: none;
}

.pixel-layer {
  position: absolute;
  left: 0;
  top: 0;
  image-rendering: pixelated;
  image-rendering: crisp-edges;
  image-rendering: pixelated;
  pointer-events: none;
}

.transition-layer {
  z-index: 50;
}

.hud-layer {
  z-index: 5;
}

.debug-overlay {
  position: absolute;
  left: 8px;
  bottom: 8px;
  z-index: 60;
  padding: 4px 6px;
  font: 11px/1.3 'Courier New', monospace;
  color: #9dffb0;
  background: rgba(0, 0, 0, 0.6);
  white-space: pre;
  pointer-events: none;
}