:root{--void:#0a0812;--surface:#141020;--ink:#e8e2f4;--ink-dim:#9a90b4;--primary:#b48cff;--accent:#ffd27a;--good:#8fe3c0;--sat:env(safe-area-inset-top,0px);--sab:env(safe-area-inset-bottom,0px)}*{box-sizing:border-box}html,body{background:var(--void);height:100%;color:var(--ink);overscroll-behavior:none;-webkit-user-select:none;user-select:none;touch-action:manipulation;margin:0;font-family:system-ui,-apple-system,sans-serif}#app{place-items:center;display:grid;position:fixed;inset:0}.stage{width:min(100vw,62dvh);max-width:560px;height:100dvh;position:relative}.stage canvas{width:100%;height:100%;display:block;position:absolute;inset:0}button.pb{font:inherit;letter-spacing:.2em;border:1px solid var(--primary);color:var(--ink);cursor:pointer;background:0 0;border-radius:999px;padding:.8em 2.4em}button.pb:active{background:var(--surface)}button.pb:focus-visible{outline:2px solid var(--primary);outline-offset:3px}@media (prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}}