:root{color-scheme:dark}
html,body{margin:0;height:100%;width:100%;background-color:#07080d;background-size:cover;background-position:center;background-attachment:fixed;overflow:hidden}
body{display:flex;align-items:center;justify-content:center}
main{width:100%;height:100%;min-width:0;min-height:0;display:flex;align-items:center;justify-content:center}
canvas{display:block;max-width:100%;max-height:100%;image-rendering:pixelated;background:transparent;touch-action:none}
canvas:focus-visible{outline:3px solid #8fa3ff;outline-offset:4px}
.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
#quitbar{position:fixed;inset-inline:0;bottom:0;height:0;display:none;align-items:center;justify-content:center;background:#e53232;border-top:3px solid #ff8a7a;box-shadow:0 -4px 24px rgba(255,45,45,.8);color:#fff;font:700 20px "Space Grotesk",ui-monospace,monospace;letter-spacing:2px;pointer-events:none;z-index:10}