:root { color-scheme: dark; background: #292c33; font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace; }
* { box-sizing: border-box; }
html, body { margin: 0; width: 100%; min-height: 100%; }
body { overflow: hidden; }
main { position: relative; width: 100%; height: 100svh; min-height: 240px; }
#stage { border: 0; margin: 0; padding: 0; width: 100%; height: 100%; display: grid; place-items: center; background: transparent; cursor: pointer; -webkit-tap-highlight-color: transparent; touch-action: manipulation; }
#stage:focus-visible { outline: 1px solid #7d8490; outline-offset: -12px; border-radius: 18px; }
#stage:disabled { cursor: default; }
#wordmark, #fallback { grid-area: 1 / 1; display: block; width: min(90vw, 1160px, 130svh); height: auto; aspect-ratio: 800 / 550; pointer-events: none; }
#wordmark { visibility: hidden; }
.ready #wordmark { visibility: visible; }
.ready #fallback { visibility: hidden; }
.sr-only { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip-path: inset(50%); white-space: nowrap; border: 0; }