:root { color-scheme: dark; background: #05070a; }
* { box-sizing: border-box; }
html, body { width: 100%; height: 100%; margin: 0; overflow: hidden; }
body { display: grid; place-items: center; background: #05070a; font-family: "Courier New", monospace; }
#stage { position: relative; width: min(100vw, 160vh); aspect-ratio: 8 / 5; box-shadow: 0 0 0 2px #283140, 0 0 24px #000; }
#stage::after { content: ""; position: absolute; inset: 0; pointer-events: none; background: repeating-linear-gradient(0deg, rgba(0,0,0,.11) 0, rgba(0,0,0,.11) 1px, transparent 1px, transparent 3px); mix-blend-mode: multiply; }
body.reading-file #stage::after { opacity: 0; }
canvas { display: block; width: 100%; height: 100%; image-rendering: pixelated; image-rendering: crisp-edges; cursor: crosshair; background: #080b10; outline: none; touch-action: none; }