html,body{overscroll-behavior:none;touch-action:none;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent;background:#4f8a3a;margin:0;position:fixed;inset:0;overflow:hidden}#stage{position:absolute;inset:0}#stage canvas{touch-action:none;display:block}#hud[hidden]{display:none}#hud{pointer-events:none;font:16px/1.5 system-ui,sans-serif;position:absolute;inset:0}#guide{top:calc(env(safe-area-inset-top) + 72px);color:#fff;text-align:center;text-shadow:0 1px 3px #000000b3;margin:0;font-weight:600;position:absolute;left:16px;right:16px}#guide.celebrate{font-size:20px;animation:.5s ease-out guide-pop}@keyframes guide-pop{0%{opacity:0;transform:scale(.85)}}@media (prefers-reduced-motion:reduce){#guide.celebrate{animation:none}}#hud button{color:#fff;min-height:44px;font:inherit;pointer-events:auto;cursor:pointer;background:#0000008c;border:0;border-radius:22px;padding:0 16px;position:absolute}#hud button[hidden]{display:none}#mute{top:calc(env(safe-area-inset-top) + 16px);left:16px}#reset{top:calc(env(safe-area-inset-top) + 16px);right:16px}#tool{bottom:calc(env(safe-area-inset-bottom) + 48px);white-space:nowrap;align-items:center;gap:6px;display:flex;left:50%;transform:translate(-50%)}#tool[aria-pressed=true]{color:#1f3d12;background:#fff;box-shadow:0 0 0 3px #ffffff73}#again{bottom:calc(env(safe-area-inset-bottom) + 48px);white-space:nowrap;left:50%;transform:translate(-50%)}#error{color:#fff;text-align:center;background:#000000b3;border-radius:8px;width:fit-content;max-width:80vw;height:fit-content;margin:auto;padding:16px;font:16px/1.5 system-ui,sans-serif;position:absolute;inset:0}#error[hidden]{display:none}