html, body { margin: 0; height: 100%; background: #1c1525; overflow: hidden; }
body { touch-action: none; -webkit-user-select: none; user-select: none; -webkit-tap-highlight-color: transparent; overscroll-behavior: none; }
#screen { display: block; position: fixed; left: 0; top: 0; image-rendering: pixelated; image-rendering: crisp-edges; touch-action: none; outline: none; }
.sr { position: absolute !important; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); clip-path: inset(50%); white-space: nowrap; }
.skip { position: absolute; left: 8px; top: -60px; z-index: 5; padding: 8px 12px; background: #fff8ea; color: #2e2438; font: 16px/1.2 system-ui, sans-serif; border: 2px solid #2e2438; }
.skip:focus { top: 8px; }
.noscript { color: #fff; font: 18px system-ui, sans-serif; padding: 24px; }
[hidden] { display: none !important; }
#layer { position: fixed; inset: 0; pointer-events: none; z-index: 3; }
.px-input { position: fixed; pointer-events: auto; margin: 0; padding: 0; border: 0; outline: 0; background: transparent; color: #2e2438; caret-color: #d05587; font-family: 'HNC Pixel', monospace; -webkit-font-smoothing: none; font-smooth: never; letter-spacing: 0; box-sizing: border-box; border-radius: 0; -webkit-appearance: none; appearance: none; }
.px-input::placeholder { color: #aaa6c2; }