:root{color-scheme:dark;font:14px system-ui;background:#000;color:#ddd}body{margin:0}main{position:fixed;inset:0;display:flex;align-items:center;justify-content:center}canvas{display:block;width:100vw;height:56.25vw;max-height:100vh;max-width:177.777778vh}#status{position:absolute}nav{position:fixed;bottom:12px;right:12px;display:flex;gap:8px;opacity:.45}nav:hover,nav:focus-within{opacity:1}button{background:#151515;color:#ddd;border:1px solid #555;padding:7px 10px;cursor:pointer}dialog{max-width:720px;max-height:80vh;overflow:auto;background:#111;color:#ddd;border:1px solid #555}dialog::backdrop{background:#000b}a{color:#aad4ef}article{border-bottom:1px solid #333;padding:12px 0}h1{font-size:20px}h2{font-size:14px}p{line-height:1.6}