*{box-sizing:border-box}body{margin:0;background:#f6eddd;color:#403224;font:18px system-ui}main{width:min(1500px,100%);margin:auto;padding:clamp(8px,2vw,24px)}.picture{position:relative;aspect-ratio:1672/941;overflow:hidden;border-radius:18px;background:#fff8ec;box-shadow:0 10px 34px #6b4d2b33}.picture img,.picture canvas,.picture svg{position:absolute;inset:0;width:100%;height:100%}#selection{pointer-events:none;filter:brightness(1.17) saturate(1.3) drop-shadow(0 0 8px #ffe191);animation:shine .9s ease-in-out infinite alternate}@keyframes shine{from{opacity:.8}to{opacity:1;filter:brightness(1.3) saturate(1.45) drop-shadow(0 0 15px #ffe191)}}@media(prefers-reduced-motion:reduce){#selection{animation:none}}#start{position:absolute;left:50%;top:82%;transform:translate(-50%,-50%);font:600 21px system-ui;color:white;background:#475d43;border:1px solid #ffffffa0;border-radius:999px;padding:14px 52px;box-shadow:0 5px 20px #28271e77;cursor:pointer}#choices{text-align:center;padding:18px}#choices button{border:1px solid #c9b08a;border-radius:18px;background:#fffaf0;color:#56422d;font:600 25px system-ui;width:68px;height:54px;margin:0 8px;cursor:pointer}#animals{position:absolute;inset:0}#animals button{position:absolute;top:44%;height:43%;border:0;background:transparent;cursor:pointer}#animals button:focus-visible{outline:2px dashed white;outline-offset:-4px}#animals [data-animal=mouse]{left:29%;width:13%}#animals [data-animal=frog]{left:45%;width:12%}#animals [data-animal=hare]{left:59%;width:16%}#animals [data-animal=fox]{left:78%;width:18%}.accessible{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}[hidden]{display:none!important}
 .voice-controls{text-align:center}#voice-answer{width:70px;height:54px;border:1px solid #ffffffa0;border-radius:18px;background:#475d43;box-shadow:0 4px 14px #493d2933;cursor:pointer}#voice-answer svg{width:48px;height:36px}#voice-answer.listening{background:#a65446;box-shadow:0 0 0 6px #d7a69388}#mic-status{margin:6px;color:#624833;font-size:14px}#mic-status:empty{display:none}
#animals button::after{content:'✦';position:absolute;top:2%;right:2%;font-size:clamp(15px,2vw,25px);color:#fff9d6;text-shadow:0 0 6px #b8762b,0 0 15px #ffe89f;animation:invite-glow 1.6s ease-in-out infinite alternate;pointer-events:none}#animals button:nth-child(2)::after{animation-delay:-.4s}#animals button:nth-child(3)::after{animation-delay:-.8s}#animals button:nth-child(4)::after{animation-delay:-1.2s}@keyframes invite-glow{from{opacity:.5;transform:scale(.8)}to{opacity:1;transform:scale(1.12)}}@media(prefers-reduced-motion:reduce){#animals button::after{animation:none}}