:root{color-scheme:dark;font-family:Arial,Helvetica,sans-serif;background:#000000;color:#b9b9b9}*{box-sizing:border-box}html,body{margin:0;width:100%;height:100%;overflow:hidden;overscroll-behavior:none}#stage{position:fixed;inset:0;height:100dvh;min-height:100%;background:#000000}canvas{display:block;width:100%;height:100%;touch-action:none;-webkit-tap-highlight-color:transparent;outline:none}canvas:focus-visible{outline:1px solid #999;outline-offset:-8px}button{appearance:none;border:0;background:none;color:inherit;font:400 14px/1.2 Arial,Helvetica,sans-serif;min-height:44px;cursor:pointer;-webkit-tap-highlight-color:transparent;padding:12px}button:focus-visible{outline:1px solid #777;outline-offset:2px}button[hidden],[hidden]{display:none!important}.top-controls{position:absolute;top:max(12px,env(safe-area-inset-top));left:max(12px,env(safe-area-inset-left));right:max(12px,env(safe-area-inset-right));display:flex;align-items:center;pointer-events:none}.top-controls button{pointer-events:auto}#sound{margin-left:auto;width:44px;opacity:.55}#sound svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.4;stroke-linecap:round;stroke-linejoin:round}#sound[aria-pressed=true]{opacity:.25}#motion{font-size:13px;color:#969696}#again{position:absolute;top:63%;left:50%;transform:translateX(-50%);padding:16px 24px;animation:appear .7s ease both;letter-spacing:normal}#loading{position:absolute;left:50%;top:49%;transform:translate(-50%,-50%);font-size:13px;color:#969696;white-space:nowrap}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@keyframes appear{from{opacity:0}to{opacity:1}}@media(prefers-reduced-motion:reduce){#again{animation:none}}

#again{min-width:112px;min-height:48px;padding:10px 20px;display:flex;align-items:center;justify-content:center;opacity:1}#again:focus-visible{outline-color:#aaa}

#again:active{opacity:.8}

#motion-hint{position:absolute;bottom:24%;left:50%;transform:translateX(-50%);display:flex;flex-direction:column;align-items:center;gap:5px;width:max-content;max-width:90%;color:rgba(255,255,255,.48);font-size:12px;line-height:1.4;pointer-events:none;text-align:center}#motion-hint svg{width:38px;height:23px;fill:none;stroke:currentColor;stroke-width:1;stroke-linecap:round;stroke-linejoin:round}#motion-hint #motion{pointer-events:auto;color:rgba(255,255,255,.65);font-size:12px;min-height:44px;padding:8px 14px;text-decoration:underline;text-underline-offset:4px}

#again,#motion-hint{font:400 12px/1.4 Arial,Helvetica,sans-serif;color:rgba(255,255,255,.48)}