:root{--shell:#e9d8f4;--shell-edge:#b79fcc;--button-edge:#8f77a6;--screen:#9bbc8f;--ghost:#90b084;--ink:#233a20;--page:#2b2440;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box}html,body{margin:0}body{min-height:100dvh;padding:max(16px, env(safe-area-inset-top)) max(16px, env(safe-area-inset-right)) max(16px, env(safe-area-inset-bottom)) max(16px, env(safe-area-inset-left));background:var(--page);-webkit-tap-highlight-color:transparent;place-items:center;font-family:Courier New,monospace;display:grid;overflow-x:hidden}#app{place-items:center;width:100%;display:grid}.handheld{background:var(--shell);border:4px solid var(--shell-edge);-webkit-user-select:none;user-select:none;border-radius:48px 48px 64px 64px;width:min(360px,100%);padding:28px 20px 36px}.screen{background:var(--screen);border:6px solid var(--ink);border-radius:8px;padding:8px}.lcd{aspect-ratio:1;width:100%;image-rendering:pixelated;display:block}.sr-only{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;margin:-1px;position:absolute;overflow:hidden}.buttons{justify-content:center;gap:28px;margin-top:28px;display:flex}.button{background:var(--shell-edge);border:3px solid var(--button-edge);cursor:pointer;touch-action:manipulation;border-radius:50%;width:52px;height:52px;padding:0}.button:active{transform:translateY(2px)}.button:focus-visible{outline:3px solid var(--ink);outline-offset:2px}