.bunny-position{--hot:#f76c9f;--deep:#bc3d70;--sky:#7fdcff}.bunny-scene{position:relative;height:360px;overflow:hidden;border:4px solid #fff;border-radius:28px;background:#95e6ff;box-shadow:inset 0 -8px #70b75e,0 6px #66468d}.bunny-scene:after{content:"";position:absolute;z-index:1;right:0;bottom:0;left:0;height:30%;background:linear-gradient(180deg,transparent,#69b95e2b);pointer-events:none}.bunny-pair{z-index:2;bottom:0;left:50%;width:min(540px,96%);height:330px;transform:translateX(-50%);animation:bunny-scene-enter .56s cubic-bezier(.2,.9,.25,1.18) both;will-change:transform,opacity}.bunny-composite,.bunny-pair{position:absolute;transform-origin:50% 88%}.bunny-composite{inset:0;display:block;width:100%;height:100%;filter:drop-shadow(0 12px 10px #3852392c);animation:bunny-soft-breathe 4.8s ease-in-out .6s infinite;will-change:transform}.bunny-composite img{object-fit:contain;object-position:center bottom}.bunny-pair.is-correct .bunny-composite{animation:bunny-scene-correct .8s cubic-bezier(.18,.82,.24,1) both}.bunny-pair.is-trying .bunny-composite{animation:bunny-scene-try .48s ease-in-out both}.bunny-sentence{margin:10px auto 8px;text-align:center;font-size:clamp(17px,3.5vw,24px);font-weight:900}.bunny-sentence strong{display:inline-block;min-width:70px;padding:2px 8px;border:3px dashed #a9539b;border-radius:12px;color:#7c43af;background:#fff}.bunny-answers{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;max-width:720px;margin:0 auto}.bunny-answers button{min-height:66px;cursor:pointer;border:4px solid #fff;border-radius:20px;color:#fff;background:linear-gradient(#9b82ee,#7454ca);box-shadow:0 7px #52359b;font-size:clamp(17px,3.6vw,25px);font-weight:1000;touch-action:manipulation}.bunny-answers button:nth-child(2n){background:linear-gradient(#ff9b76,#ec6c4d);box-shadow:0 7px #b74335}.bunny-answers button:active:not(:disabled){transform:translateY(4px)}.bunny-answers button.is-wrong{animation:bunny-shake .45s}.bunny-answers button.is-correct{background:linear-gradient(#77db82,#43ad58);box-shadow:0 7px #27843a;animation:bunny-correct .65s ease-in-out infinite alternate}@keyframes bunny-shake{25%{transform:translateX(-10px) rotate(-4deg)}60%{transform:translateX(9px) rotate(4deg)}}@keyframes bunny-correct{to{transform:translateY(-8px)}}@keyframes bunny-scene-enter{0%{opacity:0;transform:translateX(-50%) translateY(22px) scale(.92)}70%{opacity:1;transform:translateX(-50%) translateY(-4px) scale(1.015)}to{opacity:1;transform:translateX(-50%) translateY(0) scale(1)}}@keyframes bunny-soft-breathe{0%,to{transform:translateY(0) rotate(-.25deg) scale(1)}48%{transform:translateY(-5px) rotate(.3deg) scale(1.008,.994)}52%{transform:translateY(-5px) rotate(.3deg) scale(1.008,.994)}}@keyframes bunny-scene-correct{0%{transform:translateY(0) scale(1)}18%{transform:translateY(4px) scale(1.035,.965)}52%{transform:translateY(-24px) rotate(1.3deg) scale(.975,1.035)}76%{transform:translateY(2px) rotate(-.5deg) scale(1.025,.98)}to{transform:translateY(0) rotate(0) scale(1)}}@keyframes bunny-scene-try{0%,to{transform:translateX(0) rotate(0)}28%{transform:translateX(-7px) rotate(-1.2deg)}58%{transform:translateX(6px) rotate(1deg)}78%{transform:translateX(-2px) rotate(-.35deg)}}@media (max-width:560px){.bunny-scene{height:330px}.bunny-pair{bottom:0;width:98%;height:310px}.bunny-answers{grid-template-columns:repeat(2,1fr)}.bunny-answers button{min-height:58px}}@media (prefers-reduced-motion:reduce){.bunny-answers button,.bunny-composite,.bunny-pair{animation:none!important}}.bunny-position.is-immersive .bunny-scene{position:absolute;inset:0;height:auto;border:0;border-radius:0;background:transparent;box-shadow:none}.bunny-position.is-immersive .bunny-pair{bottom:96px;width:min(620px,96%);height:min(440px,calc(100% - 190px))}.bunny-position.is-immersive .bunny-sentence{position:absolute;z-index:5;top:94px;left:50%;width:max-content;max-width:90%;margin:0;padding:7px 14px;border-radius:16px;background:#fffce5e8;box-shadow:0 6px 15px #50326925;transform:translateX(-50%)}.bunny-position.is-immersive .bunny-answers{position:absolute;z-index:6;right:4%;bottom:24px;left:4%;max-width:850px;margin:auto}.bunny-position.is-immersive .bunny-answers button{min-height:68px}@media(max-width:560px){.bunny-position.is-immersive .bunny-sentence{top:140px;font-size:16px}.bunny-position.is-immersive .bunny-pair{bottom:138px;width:100%;height:min(350px,calc(100% - 245px))}.bunny-position.is-immersive .bunny-answers{bottom:14px}.bunny-position.is-immersive .bunny-answers button{min-height:55px}}