:root{color:#1e3120;background:#77a95b;font-family:Arial Rounded MT Bold,Trebuchet MS,system-ui,sans-serif}*{box-sizing:border-box}html,body,.field{width:100%;height:100%;min-height:100svh;margin:0;overflow:hidden}body{touch-action:none}.field{background:#77a95b;position:relative}canvas{touch-action:none;width:100%;height:100%;display:block}button{font:inherit}[hidden]{display:none!important}.hud{z-index:2;top:max(1rem, env(safe-area-inset-top));right:max(1rem, env(safe-area-inset-right));left:max(1rem, env(safe-area-inset-left));pointer-events:none;justify-content:space-between;align-items:center;display:flex;position:absolute}.hud>button,.hud-actions button{color:#1e3120;pointer-events:auto;cursor:pointer;background:#fffbe96b;border:0;border-radius:50%;width:2.75rem;height:2.75rem;font-size:1.45rem;line-height:1}.hud-actions{pointer-events:none;gap:.45rem;display:flex}.hud-actions button{pointer-events:auto}.hud-actions #sound{font-size:1.05rem}.hud-actions #sound[aria-pressed=true]{color:#fffbe9;background:#1e3120}.hud .progress{color:#1e3120;text-align:center;pointer-events:auto;cursor:pointer;background:#fffbe94d;border:0;border-radius:999px;width:auto;height:auto;padding:.48rem .85rem}.progress>span{letter-spacing:.1em;text-transform:lowercase;opacity:.62;margin-bottom:.35rem;font:700 .66rem/1 system-ui,sans-serif;display:block}.hud p{letter-spacing:.08em;margin:0;font:700 .85rem/1 system-ui,sans-serif}.hint{z-index:2;pointer-events:none;background:#fffbe9c2;border-radius:999px;padding:.7rem 1rem;transition:opacity .35s;position:absolute;top:15%;left:50%;transform:translate(-50%)}.hint p{white-space:nowrap;margin:0;font-size:.78rem}.hint.is-gone{opacity:0}.win{z-index:3;left:50%;bottom:max(2.2rem, env(safe-area-inset-bottom) + 1.2rem);text-align:center;background:#fffbe9;border-radius:1.4rem;min-width:13rem;padding:1.2rem;position:absolute;transform:translate(-50%);box-shadow:0 .6rem 1.5rem #1e31202e}.win p{margin:0 0 .8rem;font-size:1.5rem}.win div{justify-content:center;gap:.55rem;display:flex}.win button{color:#fffbe9;cursor:pointer;background:#1e3120;border:0;border-radius:999px;min-width:5.4rem;min-height:2.75rem}.win #again{color:#1e3120;background:#dfe6ca}.level-picker{z-index:5;align-items:end;display:grid;position:absolute;inset:0}.level-picker__backdrop{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);cursor:pointer;background:#182d1b5c;border:0;width:100%;position:absolute;inset:0}.level-picker__card{max-height:min(78svh,38rem);padding:1.5rem max(1.25rem, env(safe-area-inset-right)) max(1.5rem, env(safe-area-inset-bottom) + 1rem) max(1.25rem, env(safe-area-inset-left));background:#fffbe9;border-radius:1.7rem 1.7rem 0 0;position:relative;overflow:auto;box-shadow:0 -1rem 3rem #182d1b2e}.level-picker__eyebrow{letter-spacing:.16em;text-transform:uppercase;opacity:.5;margin:0 0 .4rem;font:700 .68rem/1 system-ui,sans-serif}.level-picker h1{letter-spacing:-.05em;margin:0 0 1.2rem;font-size:2rem;line-height:1}.level-list{gap:.65rem;display:grid}.level-option{color:#1e3120;text-align:left;cursor:pointer;background:#e8edda;border:0;border-radius:1rem;grid-template-columns:2rem 1fr auto;align-items:center;gap:.65rem;width:100%;min-height:4.5rem;padding:.8rem 1rem;display:grid}.level-option[aria-current=true]{color:#fffbe9;background:#1e3120}.level-option__number{opacity:.48;font:700 .7rem/1 system-ui,sans-serif}.level-option__copy strong{margin-bottom:.25rem;font-size:1rem;display:block}.level-option__copy small{opacity:.65;font:500 .7rem/1.25 system-ui,sans-serif;display:block}.level-option__animal{font-size:1.35rem}