#modal:has(.dog-bonus){width:min(760px,96vw);max-width:96vw;padding:clamp(12px,3vw,28px);max-height:94dvh;overflow:auto}.dog-bonus{text-align:center}.dog-bonus>svg,.bonus-dog-intro{width:120px;height:120px;margin:0 auto}.bonus-dog-intro svg{width:100%;height:100%}.dog-bonus h2{margin:4px 0 8px}.dog-bonus p{margin:8px 0}.bonus-stats{display:flex;justify-content:space-between;gap:20px;margin:12px}.bonus-track{height:250px;position:relative;overflow:hidden;border-radius:22px;background:linear-gradient(#e9f0e7 0 72%,#bdccaa 72% 78%,#d6c6a4 78%);touch-action:manipulation;cursor:pointer;container-type:inline-size}.bonus-scenery{position:absolute;inset:30% -10% 27%;border-radius:50%;background:#d2dfc6}.bonus-runner{position:absolute;width:18%;height:130px;bottom:39px;left:12%;will-change:transform;transform-origin:50% 90%}.bonus-runner svg{width:100%;height:100%;overflow:hidden}.bonus-hurdles{position:absolute;inset:0;pointer-events:none}.bonus-hurdles i{display:block;position:absolute;bottom:52px;width:4.5%;height:42px;box-shadow:2px 4px 3px #786b4733}.bonus-hurdle{border:8px solid #c3a47c;border-bottom:0;border-radius:7px 7px 0 0;background:linear-gradient(#ebd8af 10%,#d8bd94 22% 40%,transparent 40%)}.bonus-log{border-radius:14px;background:linear-gradient(90deg,#b99164,#d5b287 55%,#af875e);border:3px solid #c7a17a}.bonus-track-message{position:absolute;top:12px;left:0;right:0;font-weight:700;color:#52654e}.bonus-hidden-note{font-size:.8rem;color:#6c7866}.dog-bonus .actions{justify-content:center}.dog-bonus [data-bonus-payment]{font-size:1.1rem;font-weight:700;color:#4d695f}@media(max-height:600px){.bonus-track{height:190px}.dog-bonus>svg,.bonus-dog-intro{height:80px;width:80px}.bonus-runner{height:110px;bottom:26px}.bonus-hurdles i{bottom:38px}.dog-bonus .muted{font-size:.8rem}.dog-bonus h2{font-size:1.25rem}}
.bonus-playfield{height:260px;position:relative;overflow:hidden;border-radius:22px;background:radial-gradient(ellipse at 20% 10%,#fff8e9,#eceddf 60%,#d8e2d3);isolation:isolate}.bonus-stars{touch-action:none;cursor:ew-resize;background:linear-gradient(#e5eef0,#f7eedc)}.bonus-party-bunting{position:absolute;inset:0 0 auto;height:30px;border-top:3px solid #baa280;opacity:.65;background:repeating-conic-gradient(from 160deg at 50% 0%,#a0b69e 0deg 25deg,transparent 25deg 50deg,#dba58e 50deg 75deg,transparent 75deg 100deg);background-size:90px 25px;pointer-events:none}.bonus-collectibles{position:absolute;inset:0;pointer-events:none}.bonus-token{position:absolute;transform:translate(-50%,-50%);width:64px;height:76px;border:0;padding:0;margin:0;min-height:0;min-width:0;background:transparent;box-shadow:none;transition:none;pointer-events:auto;touch-action:manipulation;filter:drop-shadow(2px 4px 2px #a58b7024)}.bonus-token:hover{background:transparent;transform:translate(-50%,-50%) scale(1.04)}.bonus-token svg{display:block;width:100%;height:100%;margin:0}.bonus-stars .bonus-token{width:42px;height:42px;pointer-events:none}.bonus-basket{position:absolute;top:78%;width:22%;height:42px;transform:translateX(-50%);background:repeating-linear-gradient(0deg,#c5a172 0 3px,#d6b687 3px 8px);border:4px solid #b89465;border-radius:8px 8px 22px 22px;box-shadow:2px 4px 5px #806a4c33;pointer-events:none}.bonus-basket span{position:absolute;left:15%;right:15%;top:-20px;height:24px;border:5px solid #c3a271;border-bottom:0;border-radius:50px 50px 0 0}.bonus-collect-message{position:absolute;top:36px;left:0;right:0;font-weight:700;color:#52654e;pointer-events:none;font-size:.9rem}.bonus-steering{display:flex;justify-content:center;gap:20px;margin-top:8px}.bonus-steering button{min-height:44px;min-width:100px;touch-action:manipulation}.bonus-playfield button:focus-visible{outline:3px solid #4d695f;outline-offset:3px}@media(max-height:600px){.bonus-playfield{height:185px}.bonus-steering button{min-height:40px;padding:5px}.bonus-token{width:52px;height:63px}.bonus-basket{height:30px}.bonus-collect-message{top:29px;font-size:.8rem}}
.bonus-english-task{display:flex;align-items:center;justify-content:center;gap:12px;flex-wrap:wrap;background:#fff8e9;border:1px solid #dcd6bc;border-radius:14px;padding:8px;margin:0 0 10px}.bonus-english-task strong{font-family:Georgia,serif;color:#405b50;font-size:1.6rem}.bonus-english-task small,.bonus-english-task span{font-size:.8rem;color:#69725f}.bonus-balloons .bonus-token{width:76px;height:94px}.bonus-token b{position:absolute;top:16%;left:8%;right:8%;text-align:center;font-size:25px;color:#394d42;text-shadow:0 1px #fff4}.bonus-stars .bonus-token{width:clamp(64px,20vw,88px);height:70px;filter:drop-shadow(1px 3px 2px #a58b7024)}.bonus-stars .bonus-token b{top:33%;font-size:17px;left:0;right:0;background:#fff4dfd9;border-radius:12px;padding:2px 4px}.bonus-stars .bonus-token svg{height:70px}.bonus-collect-message{top:30px;z-index:-1;font-size:.8rem}@media(max-height:650px){.bonus-english-task{padding:5px;margin-bottom:5px;gap:6px}.bonus-english-task strong{font-size:1.3rem}.bonus-english-task span{display:none}.bonus-playfield{height:185px}}
.bonus-collect-message{z-index:0}.bonus-token{z-index:1}
/* Hidden result controls must override the shared button display rule. */
.dog-bonus [hidden]{display:none!important}.dog-bonus .bonus-token:active:not(:disabled),.dog-bonus .bonus-token:hover:not(:disabled){transform:translate(-50%,-50%);background:transparent}.bonus-token>*{pointer-events:none}.bonus-english-task{gap:10px}.bonus-english-task [data-bonus-prompt]{display:flex;align-items:center;justify-content:center;gap:9px;line-height:1.1}.bonus-command{font-size:clamp(20px,3vw,27px);font-weight:600}.bonus-target{display:inline-block;font-size:clamp(38px,6vw,56px);font-weight:800;line-height:1.1;background:#f1ddaa;color:#294f43;border:2px solid #c9b378;border-radius:14px;padding:5px 15px;box-shadow:0 3px 0 #c9b37855}.bonus-effects{position:absolute;inset:0;pointer-events:none;z-index:4}.bonus-effect{position:absolute;width:90px;height:90px;transform:translate(-50%,-50%);pointer-events:none}.bonus-effect b{position:absolute;inset:25px -10px auto;font-size:22px;color:#43634b;text-align:center;text-shadow:0 1px 3px #fff}.bonus-burst-ring{position:absolute;inset:12px;border:5px solid #e3b879;border-radius:50%;animation:bonus-pop-ring .7s ease-out both}.bonus-burst-ray{position:absolute;left:43px;top:38px;width:5px;height:13px;background:#d59681;border-radius:3px;transform:rotate(var(--ray)) translateY(-24px);animation:bonus-ray .7s ease-out both}.bonus-effect-sparkle .bonus-burst-ray{background:#d2b36d}.bonus-effect-miss b{font-size:14px;background:#fff5df;padding:5px;border-radius:10px;color:#936a4f;animation:bonus-soft-feedback .7s ease both}.bonus-basket.is-celebrating{box-shadow:0 0 0 6px #eddb9c99,0 0 25px #e5c56e}.bonus-collect-message{z-index:3;top:8px;background:#fff9e7e8;border-radius:12px;margin:0 12px;padding:4px 7px;font-size:.9rem}.bonus-collect-message.is-correct{color:#355f43;background:#e5eedbe8;font-weight:800}@keyframes bonus-pop-ring{from{transform:scale(.4);opacity:1}to{transform:scale(1.8);opacity:0}}@keyframes bonus-ray{from{transform:rotate(var(--ray)) translateY(-10px);opacity:1}to{transform:rotate(var(--ray)) translateY(-45px);opacity:0}}@keyframes bonus-soft-feedback{from{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-15px)}}@media(prefers-reduced-motion:reduce){.bonus-burst-ring,.bonus-burst-ray,.bonus-effect-miss b{animation:none}.bonus-burst-ring{opacity:.6}}@media(max-height:650px){.bonus-target{font-size:36px;padding:3px 12px}.bonus-command{font-size:20px}.bonus-collect-message{font-size:.8rem}}
.bonus-english-task .bonus-command{display:inline;font-size:clamp(20px,3vw,27px)}@media(max-height:650px){.bonus-english-task .bonus-command{display:inline;font-size:20px}}