:root { color-scheme: dark; background: #080c0b; font-family: ui-monospace, Consolas, monospace; }
* { box-sizing: border-box; }
html, body { margin: 0; width: 100%; height: 100%; overflow: hidden; overscroll-behavior: none; }
body { background: radial-gradient(ellipse, #202e26 0, #080c0b 76%); }
#viewport { position: fixed; inset: 0; overflow: hidden; touch-action: none; user-select: none; -webkit-user-select: none; }
#stage { position: absolute; left: 50%; top: 50%; width: 800px; height: 400px; transform-origin: 50% 50%; background: #030605; box-shadow: 0 0 0 1px #72876b44, 0 18px 100px #000; }
canvas { position: absolute; inset: 0; display: block; width: 800px; height: 400px; image-rendering: pixelated; pointer-events: none; }
#layer-interface { pointer-events: auto; touch-action: none; cursor: crosshair; }
#startup { position: absolute; inset: 0; z-index: 10; background: #101614; margin: 0; padding: 140px 60px; text-align: center; line-height: 2; font-size: 25px; font-weight: bold; color: #efcb78; }
#startup span { font-size: 13px; font-weight: normal; color: #becabd; }
noscript { position: fixed; z-index: 20; padding: 2rem; background: #171e19; color: white; }