.home-choice{text-align:center;margin:24px 0}.home-choice h1{font-size:42px}.activity-grid{display:grid;grid-template-columns:1fr 1fr;gap:26px;text-align:left}.activity-grid .card{display:flex;flex-direction:column}.activity-grid .scene{min-height:240px}.activity-grid .btn.primary{align-self:flex-start}.activity-grid .settings{margin-top:auto;padding-top:14px}.animal-preview{display:flex;align-items:center;justify-content:center;background:#e3ecd4;min-height:240px;border-radius:24px;padding:10px}.animal-preview svg{width:33%;height:auto}.animal-play{text-align:center;margin-top:25px}.animal-prompt{font-size:clamp(27px,3.3vw,40px);margin:12px 0}.animal-help{font-size:14px;color:#5f7566;margin:8px 0 18px}.animal-meadow{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;background:#dceacb;border-radius:30px;padding:20px;border-bottom:9px solid #c0d3a5}.animal-station{background:#ffffff77;border:3px solid transparent;border-radius:25px;min-width:0;padding:7px 8px 15px}.animal-station.target-hint{border-color:#59883d;background:#fffbe3}.animal-target{display:block;border:0;background:transparent;width:100%;padding:0;cursor:pointer;color:#294d3e;border-radius:18px}.animal-target:disabled{opacity:1}.animal-drawing{width:100%;max-width:185px;height:166px;display:block;margin:0 auto}.animal-target strong{display:block;font-size:22px;margin:0 0 12px}.treat-plate{position:relative;border-radius:22px;background:#fff9e6;min-height:125px;padding:10px 5px 7px;border:2px solid #e3d3a5}.plate-label{font-size:13px;color:#69785c;font-weight:700}.placed-treats{display:flex;justify-content:center;flex-wrap:wrap;gap:5px;margin-top:8px;min-height:45px}.empty-plate{font-size:12px;color:#7b806c;display:block;margin-top:4px}.treat{position:relative;display:inline-grid;place-items:center;width:48px;height:48px;min-width:48px;border-radius:15px;border:2px solid #b58239;background:#f4c96d;color:#84541d;cursor:grab;box-shadow:0 3px 0 #d4a45a;padding:0;touch-action:manipulation;user-select:none}.treat-star{font-size:33px;line-height:1}.treat.selected{outline:4px solid #285c91;outline-offset:3px;background:#ffe4a0}.treat.counted{border:3px solid #2a754c;background:#fbe0a0}.treat:disabled{opacity:1}.treat-number{position:absolute;bottom:-5px;right:-4px;width:23px;height:23px;background:#286745;color:#fff;border-radius:50%;font-size:13px;font-weight:800;display:grid;place-items:center}.treat-basket{display:flex;gap:25px;align-items:center;justify-content:center;background:#f0e7d3;border:2px solid #e2d3b6;border-radius:26px;padding:16px 22px;max-width:760px;margin:0 auto}.basket-return{border:0;background:transparent;color:#655132;cursor:pointer;min-width:150px;min-height:90px;border-radius:20px}.basket-return svg{width:105px;height:65px;display:block;margin:auto}.basket-return strong{display:block;font-size:18px}.basket-return span{font-size:11px;display:block;margin-top:4px}.basket-return:disabled{opacity:1}.basket-treats{display:flex;flex-wrap:wrap;gap:12px;justify-content:center;min-width:100px}.animal-feedback{display:grid;place-items:center;font-size:19px;line-height:1.4;font-weight:650;min-height:78px;margin:12px auto;max-width:850px}.animal-actions{display:flex;justify-content:center;gap:14px;margin:20px}.animal-actions .primary{min-width:180px}.animal-note{max-width:700px;margin:0 auto 20px}.animal-finish{text-align:center;padding:35px 25px}.animal-parade{display:flex;justify-content:center;gap:20px;margin:30px 0}.animal-parade>div{width:30%;max-width:200px}.animal-parade strong{font-size:20px}.animal-station.celebrating{background:#f7f4ce;border-color:#89aa60}.animal-turtle.celebrating .animal-head{transform-origin:100px 110px;animation:turtle-nod .7s ease-in-out 2}.animal-tiger.celebrating .tail{transform-origin:140px 149px;animation:tiger-tail .65s ease-in-out 2}.treat.eaten{animation:treat-nibble .8s ease-in forwards;pointer-events:none}.treat.eaten:nth-child(2){animation-delay:.1s}.treat.eaten:nth-child(3){animation-delay:.2s}.treat.eaten:nth-child(4){animation-delay:.3s}.treat.eaten:nth-child(5){animation-delay:.4s}
@keyframes turtle-nod{50%{transform:translateY(5px)}}@keyframes tiger-tail{50%{transform:rotate(15deg)}}@keyframes treat-nibble{40%{transform:translateY(-8px) scale(1.05)}100%{transform:translateY(-22px) scale(.1);opacity:0}}
@media(max-width:650px){.home-choice h1{font-size:32px}.activity-grid{grid-template-columns:1fr}.animal-preview{min-height:190px}.animal-meadow{gap:6px;padding:10px 5px;border-radius:22px}.animal-station{padding:5px 3px 10px;border-radius:17px;border-width:2px}.animal-drawing{height:100px}.animal-target strong{font-size:16px;margin-bottom:10px}.treat-plate{min-height:170px;border-radius:15px;padding:8px 2px}.placed-treats{gap:7px}.treat{width:44px;height:44px;min-width:44px}.treat-star{font-size:29px}.empty-plate{font-size:10px;padding:0 2px}.animal-help{font-size:12px}.treat-basket{padding:12px 8px;gap:8px}.basket-return{min-width:100px;width:100px}.basket-return svg{width:80px}.basket-return span{font-size:10px}.basket-treats{gap:9px}.animal-feedback{font-size:16px;min-height:85px}.animal-actions{margin:18px 0}.animal-note{font-size:11px}.animal-parade{gap:6px}.animal-parade strong{font-size:16px}}
@media(prefers-reduced-motion:reduce){.animal-station *,.treat.eaten{animation:none!important}.treat.eaten{opacity:.3}}

/* Rabbit parts move inside the illustration; the station and hit target stay still. */
.rabbit-body{transform-origin:100px 174px}.rabbit-shadow{transform-origin:100px 170px}.rabbit-ear-left{transform-origin:77px 78px}.rabbit-ear-right{transform-origin:123px 78px}.rabbit-eye-left{transform-origin:82px 88px}.rabbit-eye-right{transform-origin:118px 88px}.rabbit-jaw{transform-origin:100px 108px}.rabbit-chew-mouth{opacity:0;transform-origin:100px 111px}
.animal-play[data-phase="arranging"] .rabbit-eye{animation:rabbit-blink 6.4s ease-in-out 1.2s infinite}
.animal-play[data-phase="arranging"] .rabbit-ear-left{animation:rabbit-ear-listen 8.3s ease-in-out 2.1s infinite}
.animal-play[data-phase="arranging"] .rabbit-ear-right{animation:rabbit-ear-listen-right 10.7s ease-in-out 3.8s infinite}
.animal-rabbit.celebrating .rabbit-eye{transform:scaleY(.35)}
.animal-rabbit.celebrating .rabbit-cheeks{opacity:.7}
.animal-rabbit.celebrating .rabbit-jaw{animation:rabbit-chew .25s ease-in-out .12s 4}
.animal-rabbit.celebrating .rabbit-chew-mouth{animation:rabbit-mouth .25s ease-in-out .12s 4}
.animal-rabbit.celebrating .rabbit-smile{animation:rabbit-smile-chew 1.12s step-end}
.animal-rabbit.celebrating .rabbit-body{animation:rabbit-hop 1.35s cubic-bezier(.4,0,.3,1) 1.05s both}
.animal-rabbit.celebrating .rabbit-shadow{animation:rabbit-hop-shadow 1.35s ease-in-out 1.05s both}
.animal-rabbit.celebrating .rabbit-ear-left{animation:rabbit-ear-settle 1.45s ease-in-out 1.05s both}
.animal-rabbit.celebrating .rabbit-ear-right{animation:rabbit-ear-settle-right 1.55s ease-in-out 1.09s both}
.animal-rabbit.celebrating .treat.eaten{animation-delay:.65s}
@keyframes rabbit-blink{0%,3%,7%,100%{transform:scaleY(1)}5%{transform:scaleY(.08)}}
@keyframes rabbit-ear-listen{0%,5%,20%,100%{transform:rotate(0)}10%{transform:rotate(-4deg)}15%{transform:rotate(1deg)}}
@keyframes rabbit-ear-listen-right{0%,4%,19%,100%{transform:rotate(0)}9%{transform:rotate(3deg)}14%{transform:rotate(-.8deg)}}
@keyframes rabbit-chew{0%,100%{transform:translate(0,0) scale(1)}45%{transform:translate(1px,1px) scale(1.06,.88)}75%{transform:translate(-.6px,.4px) scale(.97,1.02)}}
@keyframes rabbit-mouth{0%,100%{opacity:0;transform:scaleY(.5)}35%,70%{opacity:1;transform:scaleY(1)}}
@keyframes rabbit-smile-chew{0%,100%{opacity:1}12%{opacity:0}}
@keyframes rabbit-hop{0%,100%{transform:translateY(0) scale(1)}18%{transform:translateY(2px) scale(1.035,.94)}42%{transform:translateY(-12px) scale(.98,1.025)}65%{transform:translateY(0) scale(1.025,.96)}81%{transform:translateY(-1px) scale(.995,1.01)}}
@keyframes rabbit-hop-shadow{0%,18%,65%,100%{transform:scaleX(1);opacity:1}42%{transform:scaleX(.82);opacity:.65}}
@keyframes rabbit-ear-settle{0%,100%{transform:rotate(0)}18%{transform:rotate(-4deg)}42%{transform:rotate(5deg)}65%{transform:rotate(-3deg)}82%{transform:rotate(1deg)}}
@keyframes rabbit-ear-settle-right{0%,100%{transform:rotate(0)}18%{transform:rotate(3deg)}42%{transform:rotate(-4deg)}65%{transform:rotate(3deg)}82%{transform:rotate(-1deg)}}
@media(prefers-reduced-motion:reduce){.animal-play .rabbit-body,.animal-play .rabbit-shadow,.animal-play .rabbit-ear,.animal-play .rabbit-eye,.animal-play .rabbit-jaw,.animal-play .rabbit-chew-mouth,.animal-play .rabbit-smile{animation:none!important;transform:none}.animal-rabbit.celebrating .rabbit-eye{transform:scaleY(.65)}.animal-rabbit.celebrating .rabbit-smile{opacity:1}.rabbit-chew-mouth{opacity:0}}
.animal-rabbit .animal-drawing{overflow:visible}