:root{font-family:Inter,ui-rounded,Segoe UI,sans-serif;color:#fff7e8;background:#16111e;font-synthesis:none}*{box-sizing:border-box}html,body,#app{width:100%;height:100%;margin:0;overflow:hidden}body{background:radial-gradient(circle at 50% 30%,#44304f 0,#1b1424 55%,#0d0a11)}#app{position:relative;background:#16111e}#app:fullscreen{width:100vw;height:100vh}canvas{display:block;max-width:100%;max-height:100%;image-rendering:pixelated;image-rendering:crisp-edges}canvas:focus-visible{outline:4px solid #ffd66b;outline-offset:-4px}#fullscreen-button{position:absolute;right:12px;top:12px;z-index:10;display:flex;align-items:center;gap:7px;min-height:38px;padding:7px 11px;border:3px solid #211315;outline:2px solid #a46b36;outline-offset:-6px;background:#2a1d20;color:#fff2cc;font:700 11px/1 monospace;cursor:pointer;box-shadow:3px 4px #110b0d99}#fullscreen-button:hover{background:#513651;color:#ffd66b}#fullscreen-button:focus-visible{outline:3px solid #ffd66b;outline-offset:2px}#fullscreen-button span[aria-hidden=true]{font-size:19px;line-height:.7}@media(max-width:700px){#fullscreen-button{right:8px;top:8px;min-height:34px;padding:6px 8px;font-size:10px}#fullscreen-button .fullscreen-label{display:none}}