#activity-dialog,#activity-menu{width:min(720px,96vw);max-height:94dvh;overflow:auto;padding:24px;color:#123d61}#activity-dialog h2,#activity-menu h2{padding-right:28px}#activity-hint{min-height:3em}.activity-options{display:flex;gap:10px;flex-wrap:wrap;margin:14px 0}.activity-options button{flex:1 1 120px;min-height:64px;padding:10px;border:3px solid #123d61;border-radius:13px;background:#ffcf24;color:#123d61;font-size:18px;font-weight:bold}.activity-options button[aria-pressed=true]{outline:4px solid #168ce5;outline-offset:2px}.activity-scene{position:relative;aspect-ratio:600/380;width:100%;overflow:hidden;border:3px solid #123d61;border-radius:18px;background:#fff4d4;touch-action:none;user-select:none}.activity-scene svg{display:block;width:100%;height:100%;pointer-events:none}#activity-pet{position:absolute;width:18%;height:28%;object-fit:cover;object-position:left;image-rendering:pixelated;pointer-events:none}#activity-marks{position:absolute;inset:0;pointer-events:none}.activity-mark{position:absolute;font-size:clamp(26px,6vw,52px);line-height:1;transform:translate(-50%,-50%) rotate(-8deg)}#activity-progress{width:100%;height:18px;margin:10px 0}#activity-primary,#activity-finish,#activity-retry{width:100%;min-height:58px;margin:6px 0}.flying-food{position:absolute;left:50%;top:85%;font-size:40px;color:#ffcf24;animation:feed-ducks 1s ease-out forwards}.meal-feedback{position:absolute;z-index:15;top:10%;left:10%;right:10%;text-align:center;padding:14px;border:3px solid #ef3340;border-radius:20px;background:#fff;color:#ef3340;font-size:clamp(20px,4vw,32px);font-weight:bold;pointer-events:none}#inline-star{position:fixed;z-index:200;bottom:max(30px,env(safe-area-inset-bottom));left:50%;transform:translateX(-50%);border:3px solid #123d61;border-radius:30px;padding:16px 26px;background:#ffcf24;color:#123d61;font-size:24px;font-weight:bold;pointer-events:none;box-shadow:0 5px 25px #123d6144;white-space:nowrap}.star-pop{animation:inline-star-pop 1.8s ease-out}.activity-reveal{animation:activity-reveal .5s ease-out}@keyframes feed-ducks{to{left:30%;top:35%;opacity:0;transform:scale(.3)}}@keyframes inline-star-pop{0%{opacity:0;translate:0 30px}20%,80%{opacity:1;translate:0 0}100%{opacity:0;translate:0 -20px}}@keyframes activity-reveal{from{opacity:0;transform:scale(.3)}to{opacity:1;transform:scale(1)}}.reduced .star-pop,.reduced .flying-food,.reduced .activity-reveal{animation:none}@media(prefers-reduced-motion:reduce){.star-pop,.flying-food,.activity-reveal{animation:none}}@media(max-width:600px){#activity-dialog,#activity-menu{padding:16px}.activity-options{gap:8px}.activity-options button{min-height:56px;font-size:15px;flex-basis:90px}#activity-hint{font-size:15px}.activity-mark{font-size:32px}}
#activity-pet{background-size:400% 100%;background-repeat:no-repeat;width:20%;height:auto;aspect-ratio:1}.heart-eyes:after{content:'♥ ♥';position:absolute;left:20%;top:32%;width:60%;font-size:clamp(16px,3vw,30px);line-height:1;letter-spacing:3px;text-align:center;color:#ef3340;text-shadow:1px 1px white}.play-options button:last-child{grid-column:1/-1;min-height:80px}.activity-scene[data-kind=ducks] #activity-pet{z-index:2}
#activity-hand{position:absolute;font-size:clamp(32px,7vw,60px);line-height:1;transform:translate(-50%,-50%);pointer-events:none;filter:drop-shadow(2px 3px 1px #123d6133)}.duck-arriving{animation:ducks-arrive 1s ease-out}.duck-pecking{animation:ducks-peck .5s ease-in-out}.cookie-tray-out{animation:tray-out .6s ease-out}@keyframes ducks-arrive{from{translate:-150px -25px}to{translate:0 0}}@keyframes ducks-peck{50%{translate:0 12px;rotate:2deg}}@keyframes tray-out{from{translate:0 -50px;scale:.8}to{translate:0 0;scale:1}}.reduced .duck-arriving,.reduced .duck-pecking,.reduced .cookie-tray-out{animation:none}@media(prefers-reduced-motion:reduce){.duck-arriving,.duck-pecking,.cookie-tray-out{animation:none}}
/* Keep the entire creative toolbar in reach on a small screen. */
#activity-dialog:has([data-kind=stamps]) .activity-options,#activity-dialog:has([data-kind=stickers]) .activity-options{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin:10px 0}#activity-dialog:has([data-kind=stamps]) .activity-options button,#activity-dialog:has([data-kind=stickers]) .activity-options button{font-size:14px;min-width:0;min-height:54px;margin:0;padding:5px;overflow-wrap:anywhere}.activity-scene[data-kind=stamps],.activity-scene[data-kind=stickers]{width:min(100%,330px);margin-inline:auto}#activity-dialog:has([data-kind=stamps]) #activity-hint,#activity-dialog:has([data-kind=stickers]) #activity-hint{font-size:14px;min-height:2.6em;margin-block:8px}#activity-dialog:has([data-kind=stamps]) #activity-progress,#activity-dialog:has([data-kind=stickers]) #activity-progress{margin:4px 0}.activity-reveal{animation:activity-enter .5s ease-out}@keyframes activity-enter{from{opacity:0;transform:translateX(var(--reveal-x,-80px)) scale(.5)}to{opacity:1;transform:translateX(0) scale(1)}}
#activity-dialog:has([data-kind=stamps]) .activity-options button:nth-child(-n+4),#activity-dialog:has([data-kind=stickers]) .activity-options button:nth-child(-n+6){font-size:30px;line-height:1.1}