*{box-sizing:border-box}html,body{margin:0;width:100%;height:100%;overflow:hidden;background:#17162e}body{overscroll-behavior:none}canvas{display:block;width:100%;height:100%;touch-action:none;cursor:crosshair}.vignette{position:fixed;inset:0;pointer-events:none;box-shadow:inset 0 0 14vw 3vw #0a0b1d70}nav{position:fixed;z-index:2;bottom:max(28px,env(safe-area-inset-bottom));left:50%;transform:translateX(-50%);display:flex;align-items:center;gap:10px;padding:8px 12px;border:1px solid #f5d8ed24;border-radius:100px;background:#19172a70;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);box-shadow:0 8px 36px #08091740}button{width:42px;height:42px;padding:10px;color:#f7e6e4bb;background:none;border:0;border-radius:50%;display:grid;place-items:center;cursor:pointer;transition:background .25s,color .25s,transform .25s;touch-action:manipulation}button:hover,button:focus-visible{background:#f9d9e915;color:#fff3eb}button:focus-visible{outline:1px solid #edd7d7;outline-offset:3px}button:active{transform:scale(.9)}button svg{width:22px;height:22px}.divider{height:18px;width:1px;background:#f5d8ed20;margin:0 1px}.sound-on,.play{display:none}#sound[aria-pressed=true] .sound-on,#motion[aria-pressed=true] .play{display:block}#sound[aria-pressed=true] .sound-off,#motion[aria-pressed=true] .pause{display:none}@media(prefers-reduced-motion:reduce){button{transition:none}}@media(max-width:500px){nav{bottom:max(22px,env(safe-area-inset-bottom));gap:7px}}