:root{color-scheme:dark;font-family:system-ui,sans-serif;background:#121b2c;color:#e2ebfa}body{margin:0}main{max-width:960px;margin:0 auto;padding:24px 16px}h1{font-size:24px;font-weight:600}#connection{min-height:1.5em}[data-state=ok]{color:#87d4b0}[data-state=error]{color:#faa}button{font:inherit;color:inherit;padding:10px 16px;border:1px solid #607a9e;border-radius:6px;background:#263855;cursor:pointer}button:focus-visible{outline:2px solid #87d4b0;outline-offset:3px}button:disabled{opacity:.5;cursor:wait}#game{margin-top:20px;aspect-ratio:16 / 9}canvas{display:block}