:root{color-scheme:dark;font-family:system-ui,sans-serif;background:#101820;color:#e8edf0}body{margin:0;padding:20px}main{max-width:1024px;margin:auto}h1{margin-bottom:0}p{line-height:1.5;color:#c5d1d9}a{color:#9edcff}button{font:inherit;padding:.65em 1.1em;border:1px solid #9edcff;border-radius:6px;background:#18374b;color:#fff;cursor:pointer}button:disabled{opacity:.5;cursor:wait}#stage{position:relative;width:100%;aspect-ratio:4/3;background:#000}canvas{display:block;width:100%;height:100%;object-fit:contain;outline-offset:3px}#overlay{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;background:#102335;text-align:center;padding:20px}#overlay[hidden]{display:none}#stage:fullscreen{width:100vw;height:100vh;display:flex;align-items:center;justify-content:center}#stage:fullscreen canvas{width:min(100vw,133.333vh);height:min(100vh,75vw)}footer{padding:16px 0;font-size:.9em}#storage{margin-left:12px}