:root{--page:#f9fcff;--text:#181b1e;--accent:#008cff;--panel:#0b0e11;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}*{box-sizing:border-box}html,body{height:100%;margin:0}body{background:var(--page);color:var(--text);font:16px/1.5 system-ui,-apple-system,Segoe UI,Roboto,sans-serif}main{flex-direction:column;gap:.75rem;min-height:100%;padding:.75rem;display:flex}#stage{background:var(--panel);border-radius:.75rem;flex:1;min-height:18rem;position:relative;overflow:hidden}#stage:focus-visible{outline:3px solid var(--accent);outline-offset:2px}#stage canvas,#poster{width:100%;height:100%;display:block;position:absolute;inset:0}#poster{object-fit:cover}#status{z-index:1;color:#e8eef4;background:#0b0e11bf;border-radius:.4rem;margin:0;padding:.15rem .5rem;font-size:.875rem;position:absolute;bottom:.5rem;left:.75rem}#status:empty{display:none}.info h1{margin:0 0 .25rem;font-size:1.25rem}.info p{max-width:68ch;margin:0 0 .5rem}.row{flex-wrap:wrap;align-items:center;gap:.5rem 1rem;display:flex}#hint{margin:0;font-size:.875rem}button{font:inherit;border:1px solid var(--text);background:var(--page);color:var(--text);cursor:pointer;border-radius:.5rem;padding:.4rem .9rem}button:hover{background:#e6f2ff}button:focus-visible{outline:3px solid var(--accent);outline-offset:2px}button[hidden]{display:none}body.poster main{padding:0}body.poster #stage{border-radius:0}body.poster .info,body.poster #status,body.poster #poster{display:none}
