:root { color-scheme: dark; }
html, body { margin: 0; height: 100%; background: #000; overflow: hidden; }
body { display: grid; place-items: center; }
/* a 4:3 picture, as large as the window allows, with crisp pixels */
#screen { width: min(100vw, 133.333vh); height: min(75vw, 100vh); image-rendering: pixelated; background: #000; }
#screen.smooth { image-rendering: auto; }
#wait { position: fixed; inset: 0; display: grid; place-items: center; color: #ccc; font: 20px system-ui, sans-serif; background: #000; }
#sound { position: fixed; right: 12px; bottom: 12px; padding: 8px 14px; border: 1px solid #888; border-radius: 6px; background: #222; color: #fff; font: 14px system-ui, sans-serif; cursor: pointer; opacity: .85; }
.hidden { display: none !important; }
body.idle { cursor: none; }