* { margin:0; padding:0; box-sizing:border-box; }
html, body {
  width:100%; height:100%; overflow:hidden;
  background:#000; color:#fff;
  font-family:'VT323', monospace;
  -webkit-tap-highlight-color:transparent;
  touch-action:none; user-select:none;
}
#game-wrap { position:fixed; inset:0; }
#canvas { display:block; position:absolute; inset:0; cursor:crosshair; image-rendering:pixelated; }

/* CRT scanlines overlay */
#scanlines {
  pointer-events:none; position:fixed; inset:0; z-index:5;
  background:repeating-linear-gradient(
    to bottom,
    rgba(0,0,0,0) 0px,
    rgba(0,0,0,0) 2px,
    rgba(0,0,0,0.18) 3px,
    rgba(0,0,0,0.18) 4px
  );
  mix-blend-mode:multiply;
}
/* subtle CRT flicker + chromatic feel */
#crt-flicker {
  pointer-events:none; position:fixed; inset:0; z-index:6;
  background:radial-gradient(ellipse at center, rgba(255,0,0,0.03), rgba(0,0,0,0.12) 90%);
  animation:flick 0.15s steps(2) infinite;
}
@keyframes flick { 0%{opacity:0.9;} 50%{opacity:1;} 100%{opacity:0.92;} }

#footer {
  position:fixed; bottom:2px; left:0; width:100%; z-index:7;
  text-align:center; pointer-events:none;
}
#footer a {
  pointer-events:auto;
  color:#553; font-size:12px; text-decoration:none;
  font-family:'VT323', monospace; letter-spacing:1px;
  opacity:0.5; transition:opacity .2s, color .2s;
}
#footer a:hover { opacity:1; color:#ff3b3b; }

#controls { display:none; }
</parameter>