/* ZENITH — alpine dusk pixelcraft */
* { margin: 0; padding: 0; box-sizing: border-box; }

html, body {
  height: 100%;
  background: #07060d;
  overflow: hidden;
}

body {
  display: flex;
  align-items: center;
  justify-content: center;
  /* faint aurora wash behind the game frame */
  background:
    radial-gradient(120% 90% at 50% -10%, rgba(64, 38, 110, 0.35), transparent 60%),
    radial-gradient(90% 70% at 50% 110%, rgba(20, 60, 70, 0.3), transparent 60%),
    #07060d;
}

#frame {
  position: relative;
  line-height: 0;
  box-shadow:
    0 0 0 2px #1a1430,
    0 0 60px rgba(120, 80, 220, 0.18),
    0 30px 80px rgba(0, 0, 0, 0.8);
}

#game {
  image-rendering: pixelated;
  image-rendering: crisp-edges;
  display: block;
  background: #0e1626;
}

/* CRT overlay: scanlines + vignette, purely cosmetic */
#crt {
  position: absolute;
  inset: 0;
  pointer-events: none;
  background:
    repeating-linear-gradient(
      to bottom,
      rgba(0, 0, 0, 0) 0px,
      rgba(0, 0, 0, 0) 2px,
      rgba(0, 0, 0, 0.08) 3px
    );
}

#crt::after {
  content: "";
  position: absolute;
  inset: 0;
  background: radial-gradient(
    ellipse at center,
    transparent 55%,
    rgba(5, 3, 12, 0.35) 100%
  );
}