* { margin: 0; padding: 0; box-sizing: border-box; }
html, body { height: 100%; overflow: hidden; background: #0B0B0F; }

#game-wrapper {
  position: relative;
  width: 800px;
  height: 500px;
  max-width: 100vw;
  max-height: 100vh;
  margin: 0 auto;
  border: 2px solid #1a1a1a;
  border-radius: 4px;
  background: #0B0B0F;
  box-shadow: 0 0 30px rgba(0,200,80,.1);
  overflow: hidden;
}

#gameCanvas {
  display: block;
  width: 100%;
  height: 100%;
  image-rendering: pixelated;
}

#scanlines {
  position: absolute;
  inset: 0;
  pointer-events: none;
  background: repeating-linear-gradient(
    0deg,
    transparent 0px,
    transparent 1px,
    rgba(0,0,0,0.06) 1px,
    rgba(0,0,0,0.06) 2px
  );
  z-index: 10;
}

#vignette {
  position: absolute;
  inset: 0;
  pointer-events: none;
  background: radial-gradient(
    ellipse at center,
    transparent 60%,
    rgba(0,0,0,0.35) 100%
  );
  z-index: 11;
}