:root{--ink:#3c514e;--accent:#368879;--cream:#fff9ee;--shadow:0 7px 0 #00000010,0 12px 28px #56412b10;font-family:ui-rounded,'Arial Rounded MT Bold','PingFang SC','Microsoft YaHei',system-ui,sans-serif;color:var(--ink)}*{box-sizing:border-box}body{margin:0;background:#faf7ee;min-height:100svh;overflow-x:hidden;touch-action:manipulation;-webkit-tap-highlight-color:transparent;user-select:none}button,a{touch-action:manipulation}button{font:inherit;color:inherit;cursor:pointer}button:disabled{opacity:.62;cursor:default}button:focus-visible,a:focus-visible{outline:4px solid #d99d25;outline-offset:4px}button svg,a svg{width:28px;height:28px;fill:none;stroke:currentColor;stroke-width:2.7;stroke-linecap:round;stroke-linejoin:round;flex:none}[hidden]{display:none!important}.game-shell{max-width:1120px;margin:auto;padding:max(12px,env(safe-area-inset-top)) max(14px,env(safe-area-inset-right)) max(10px,env(safe-area-inset-bottom));display:flex;flex-direction:column;gap:10px;min-height:100svh}.topbar{display:grid;grid-template-columns:58px 1fr 58px;align-items:center;gap:12px}.round-button{height:56px;width:56px;border:2px solid #fff;background:#fffdf6;border-radius:50%;box-shadow:0 4px 0 #dfe8df;display:grid;place-items:center;color:#42796e;text-decoration:none}.heading{text-align:center}.heading h1{font-size:clamp(18px,3vw,26px);margin:0;line-height:1.25;font-weight:800}.heading p{font-size:12px;letter-spacing:.07em;margin:5px 0 0;color:#77877b}.progress{display:flex;gap:8px;justify-content:center;height:12px}.progress span{width:10px;height:10px;border-radius:50%;background:#dadfd5}.progress .filled{background:#62ab91}.scene{position:relative;border-radius:30px;overflow:hidden;background-color:#e7eade;background-size:cover;background-position:center;box-shadow:inset 0 0 0 3px #ffffff99;min-height:285px;height:clamp(285px,48svh,460px);isolation:isolate}.scene-peekaboo_house{background-image:url('assets/peekaboo-bg.webp')}.scene-jelly_colors{background-image:url('assets/jelly-bg.webp')}.scene-build_tumble{background-image:url('assets/blocks-bg.webp')}.scene-move_with_pip{background-image:url('assets/pip-bg.webp')}.scene-hello_teddy{background-image:url('assets/teddy-bg.webp')}.word-card{display:flex;align-items:center;justify-content:center;gap:15px;min-height:65px;padding:6px 18px;border-radius:22px;background:#fff;box-shadow:0 3px 0 #e7eadf;align-self:center;min-width:190px;max-width:100%;transition:background .2s,transform .2s}.word-card strong{font-size:clamp(27px,5vw,38px);line-height:1.2;color:#315f56;font-weight:800}.gloss{font-size:15px;color:#7b8b80}.word-card.speaking{background:#fff1cc;transform:scale(1.025)}html[lang=en] .gloss{display:none}.hint{text-align:center;font-size:15px;min-height:23px;margin:0;color:#687970}.controls{display:flex;gap:14px;justify-content:center;align-items:center;flex-wrap:wrap;min-height:62px}.primary,.quiet{border:none;display:inline-flex;align-items:center;justify-content:center;gap:10px;border-radius:22px;font-size:17px;font-weight:750;min-height:60px;padding:12px 26px;text-decoration:none}.primary{background:#3c8b76;color:white;box-shadow:0 5px 0 #276854}.primary:active{transform:translateY(3px);box-shadow:0 2px 0 #276854}.quiet{background:#e9eee2;color:#4d6c5d;box-shadow:0 4px 0 #d5dfcf}.controls .quiet svg{width:25px}.overlay{position:fixed;z-index:20;inset:0;background:#f9f7edb3;backdrop-filter:blur(6px);display:grid;place-items:center;padding:20px;overflow:auto}.panel{background:#fffdf6;border:3px solid #fff;border-radius:32px;padding:27px 30px;text-align:center;width:min(440px,100%);box-shadow:0 24px 80px #33483826}.panel h2{font-size:clamp(21px,5vw,29px);margin:12px 0;color:#3c6357}.panel p{line-height:1.7;color:#788478;font-size:15px}.panel .eyebrow{font-size:10px;letter-spacing:.17em;margin:7px 0;color:#b5914d}.welcome-icon,.finish-art{font-size:54px;line-height:1.15}.big-start{min-width:200px;margin-top:10px}.small-note{font-size:12px!important}.panel .quiet{font-size:13px;padding:10px 12px;min-height:44px}.finish-actions{display:flex;flex-direction:column;gap:15px;margin-top:20px}.parent-toggle{background:none;border:none;font-size:12px;color:#879487;padding:8px 16px;min-height:38px}footer{text-align:center}footer p{font-size:12px;margin:0 auto;max-width:650px;line-height:1.6;color:#778477}.audio-notice{text-align:center;background:#fff1d8;border-radius:14px;padding:5px 12px;font-size:12px;display:flex;justify-content:center;align-items:center;gap:8px}.audio-notice button{border:0;border-radius:50%;width:42px;height:42px;background:#fff}.audio-notice svg{width:22px}.sprite{aspect-ratio:1;background-size:300% 200%;background-position:var(--pose-x,0%) var(--pose-y,0%);background-repeat:no-repeat;pointer-events:none}.sprite.pip{background-image:url('assets/pip-poses.webp')}.sprite.teddy{background-image:url('assets/teddy-poses.webp')}.bob{animation:bob .5s ease-in-out}.soft-bounce{animation:soft-bounce .7s ease-in-out}.nudge{animation:nudge .7s ease-in-out 1}.scene button{font:inherit}.pill{position:absolute;top:15px;left:50%;transform:translateX(-50%);padding:7px 18px;background:#ffffffdc;border-radius:99px;font-size:13px;white-space:nowrap;color:#68766b}.choice-label{font-size:16px;font-weight:700;display:block}
/* Two operable curtains, with generous animal-shaped clues. */
.windows{display:flex;justify-content:center;gap:5%;height:100%;align-items:center;padding:35px 9% 27px}.window{width:44%;max-width:290px;height:80%;max-height:315px;border:10px solid #fff4d9;border-radius:80px 80px 20px 20px;background:#eedabc;position:relative;overflow:hidden;box-shadow:0 10px 0 #b6915c,0 12px 15px #745b3330;padding:0;touch-action:none}.window .animal{position:absolute;width:100%;height:100%;object-fit:contain;bottom:-8%;left:0;pointer-events:none;transition:transform .65s}.curtain{position:absolute;top:0;bottom:0;width:44%;background:repeating-linear-gradient(90deg,#6daeb5 0%,#a8d4d2 35%,#74b6bb 65%,#619ea9 100%);transition:transform .65s cubic-bezier(.24,.68,.3,1);border-bottom:7px solid #b7e0d5;pointer-events:none;z-index:2}.curtain.left{left:0;border-radius:0 0 30px 0}.curtain.right{right:0;border-radius:0 0 0 30px}.window:nth-child(2) .curtain{filter:hue-rotate(40deg)}.window.open .left{transform:translateX(-88%)}.window.open .right{transform:translateX(88%)}.window.found{border-color:#fff0a8}.window.found .animal{animation:soft-bounce .7s}.window[data-variant="1"].found .animal{animation:peek-sway .9s}.window-word{position:absolute;left:20%;right:20%;bottom:3%;background:#fff6dfed;border-radius:14px;padding:4px 8px;font-size:18px;z-index:3;opacity:0}.window.open .window-word{opacity:1}.window.hinting .left{animation:curtain-hint 1.2s}.scene-peekaboo_house.autumn{filter:none;background-color:#e5c88f}.autumn .window:nth-child(1) .curtain{filter:hue-rotate(170deg)}
/* Color pumps and jelly are vector-like CSS objects with exact semantic colors. */
.pumps{display:flex;justify-content:center;gap:clamp(15px,5vw,65px);position:absolute;left:12%;right:12%;top:10%;z-index:4}.pump{border:0;background:transparent;padding:0;width:clamp(64px,11vw,110px);height:130px;position:relative;display:flex;align-items:center;flex-direction:column;touch-action:none}.pump-cap{height:34px;width:92%;background:var(--color);border-radius:18px;box-shadow:inset 0 5px 0 #ffffff65,0 5px 0 #00000022;transition:transform .15s}.pump-neck{width:24%;height:14px;background:#e5c6a1}.pump-body{width:83%;height:67px;border-radius:16px 16px 24px 24px;background:var(--color);box-shadow:inset 7px 0 0 #ffffff3b,0 4px 0 #00000015}.pump-body:before{content:'';position:absolute;width:25%;height:26%;left:38%;top:45%;background:#fff5;border-radius:50%}.pump-nozzle{height:14px;width:22px;background:var(--color);border-radius:0 0 8px 8px}.pump.pouring .pump-cap{transform:translateY(8px)}.pump.pouring:after{content:'';position:absolute;top:125px;width:13px;height:60px;border-radius:9px;background:var(--color);animation:pour .65s}.pump.used{opacity:.68}.jelly-dish{position:absolute;left:50%;bottom:10%;transform:translateX(-50%);width:240px;height:160px;display:flex;justify-content:center;align-items:flex-end;border:0;background:transparent;padding:0}.jelly-dish:after{content:'';position:absolute;bottom:0;width:100%;height:40px;border-radius:50%;background:#fffaf0;box-shadow:0 6px 0 #d8c9a5;z-index:-1}.jelly{position:relative;width:155px;height:116px;background:var(--jelly-color,#f0eee2);border-radius:65% 65% 32% 32% / 42% 42% 34% 34%;box-shadow:inset 14px 7px 0 #ffffff55,inset -15px -10px 0 #0000000e,0 4px 0 #0001;transform-origin:bottom;transition:background .45s}.jelly:before{content:'';position:absolute;top:19%;left:22%;width:26%;height:13%;background:#fff9;border-radius:50%;transform:rotate(-20deg)}.jelly:after{content:'• ᴗ •';position:absolute;bottom:22%;left:0;width:100%;font-size:25px;color:#273e487d;text-align:center}.wobble-0{animation:jelly-wobble .8s}.wobble-1{animation:jelly-hop .8s}.wobble-2{animation:peek-sway .8s}.jelly-shelf{display:flex;justify-content:center;align-items:flex-end;gap:15px;width:100%;height:100%;padding:20px}.jelly-piece{width:29%;max-width:160px;border:0;border-radius:24px;background:#fff8;padding:20px 10px;display:flex;flex-direction:column;align-items:center;gap:17px;min-height:160px}.jelly-piece .jelly{width:100%;max-width:120px;height:90px}.jelly-piece strong{font-size:20px;color:#365e57}.side-pip{position:absolute;width:120px;height:120px;right:1%;bottom:1%;z-index:-1}
/* Building blocks: same shape and color, genuinely different dimensions. */
.build-platform{position:absolute;left:10%;right:10%;top:12%;bottom:9%;border:0;border-radius:24px;background:transparent;display:flex;align-items:center;justify-content:flex-end;flex-direction:column;touch-action:none;padding-bottom:20px}.build-platform:after{content:'';height:24px;width:86%;position:absolute;bottom:0;background:#dfba83;border-radius:50%;box-shadow:0 7px 0 #c09258;z-index:-1}.tower{display:flex;flex-direction:column-reverse;align-items:center;gap:3px;min-height:70px;justify-content:flex-start}.block{width:130px;height:68px;border-radius:13px;background:var(--block-color,#63b4c6);box-shadow:inset 7px 5px 0 #ffffff55,inset -7px -7px 0 #00000014,0 4px 0 #4c7a841f;border:2px solid #ffffff4d;flex:none;position:relative}.block:after{content:'';width:30%;height:8%;position:absolute;top:17%;left:15%;background:#fff7;border-radius:5px}.block.small{width:76px;height:40px;border-radius:9px}.block.enter{animation:block-in .5s}.block-choice{width:160px;height:104px;display:flex;align-items:center;justify-content:center;gap:5px;flex-direction:column;border:2px solid #e2e7da;background:#fffcf5;border-radius:22px;box-shadow:0 5px 0 #dfe3d7;padding:8px;touch-action:none}.block-choice.selected{border-color:#509987;background:#e0f0e3}.block-choice .block{width:104px;height:53px}.block-choice .small{width:62px;height:32px}.block-choice .choice-label{font-size:14px;color:#72857b}.build-platform.ready{background:#fff3;outline:3px dashed #fff8;outline-offset:-10px}.build-arrow{position:absolute;left:50%;top:12%;color:#fff;font-size:48px;opacity:.65;transform:translateX(-50%)}.tumbling .block{animation:tumble .75s ease-in forwards;--dir:1}.tumbling .block:nth-child(2){--dir:-1;animation-delay:.04s}.tumbling.variant-1 .block{animation-name:tumble-soft}.tumbling.variant-2 .block{animation-name:tumble-spin}.drag-ghost{position:fixed;z-index:100;pointer-events:none;opacity:.9;transform:translate(-50%,-50%)}
/* Full-body motion on an uncluttered stage. */
.pip-center{position:absolute;width:min(64%,310px);height:auto;left:50%;bottom:7%;transform:translateX(-50%);transform-origin:bottom}.action-tiles{display:flex;justify-content:center;gap:18px}.action-tile{width:110px;min-height:100px;padding:7px;background:#fffef7;border:3px solid #e2e8dc;border-radius:22px;box-shadow:0 5px 0 #d6dfcd}.action-tile .sprite{width:70px;height:70px;margin:auto}.action-tile span{font-size:17px;color:#567360;font-weight:700}.action-tile.active{border-color:#a7c99c;background:#f0f7df}.pip-center.jumping{animation:pip-jump 1.1s}.pip-center.waving{animation:pip-wave 1.3s}.pip-center.clapping{animation:pip-clap 1.15s}.pip-center.stomping{animation:pip-stomp 1.1s}.your-turn{position:absolute;top:8%;left:50%;transform:translateX(-50%);background:#fff9e9eb;padding:8px 20px;border-radius:20px;display:flex;align-items:center;gap:10px;font-size:18px;font-weight:650;white-space:nowrap}.your-turn svg{width:29px;height:35px}.stomp-ring{position:absolute;left:46%;bottom:10%;width:90px;height:20px;border:5px solid #e6bb74;border-radius:50%;opacity:0}.stomp-ring.show{animation:stomp-ring .7s}
/* Pretend calls: bubble tracks the actual speaker. */
.phone-frame{position:absolute;inset:5% 20% 4%;border:13px solid #f2c26f;border-bottom-width:22px;border-radius:38px;background:#e7edd650;box-shadow:0 8px 0 #bd9957;overflow:visible}.teddy-center{position:absolute;width:clamp(160px,28vw,290px);left:50%;bottom:0;transform:translateX(-50%)}.speech-bubble{position:absolute;top:6%;left:50%;transform:translateX(-50%);padding:8px 17px;border:2px solid #f0dfba;border-radius:20px;background:#fffdf4;font-size:clamp(18px,3vw,26px);font-weight:700;white-space:nowrap;z-index:3;box-shadow:0 4px 0 #b49b5b10}.speech-bubble:after{content:'';position:absolute;left:43%;bottom:-10px;border-style:solid;border-width:10px 9px 0;border-color:#fffdf4 transparent transparent}.caller-avatar{display:flex;align-items:center;gap:9px;background:#e6eddf;border-radius:30px;padding:5px 15px;min-height:52px}.caller-avatar .child-face{font-size:28px}.caller-avatar.speaking{background:#fff0bb}.child-bubble{font-size:18px;font-weight:700}.phone-action{min-width:130px;min-height:78px;padding:8px 28px;border-radius:28px}.phone-action svg{width:53px;height:53px;stroke-width:0}.phone-action svg path[stroke]{stroke-width:3}.toy-ball{width:75px;height:75px;position:absolute;left:18%;bottom:5%;pointer-events:none}.toy-ball svg{width:100%;height:100%}.toy-ball.delivering{animation:deliver .8s forwards}.call-ended .phone-frame{animation:phone-close .7s forwards}.game-shell[data-busy="true"] .controls{opacity:.7}
@keyframes bob{50%{transform:translateY(-7px)}}@keyframes soft-bounce{40%{transform:translateY(-15px) scale(1.04)}70%{transform:translateY(2px) scale(.98)}}@keyframes nudge{25%,75%{transform:rotate(-9deg)}50%{transform:rotate(9deg)}}@keyframes peek-sway{25%{transform:rotate(-7deg)}65%{transform:rotate(7deg)}}@keyframes curtain-hint{50%{transform:translateX(-25%)}}@keyframes pour{from{transform:scaleY(0);transform-origin:top}50%{transform:scaleY(1);transform-origin:top}to{opacity:0}}@keyframes jelly-wobble{20%{transform:scale(1.2,.78)}45%{transform:scale(.86,1.14)}70%{transform:scale(1.06,.94)}}@keyframes jelly-hop{40%{transform:translateY(-30px) rotate(-5deg)}70%{transform:scale(1.12,.9)}}@keyframes block-in{from{transform:translateY(-45px);opacity:.2}to{transform:translateY(0);opacity:1}}@keyframes tumble{to{transform:translate(calc(var(--dir)*90px),130px) rotate(calc(var(--dir)*75deg));opacity:0}}@keyframes tumble-soft{to{transform:translate(calc(var(--dir)*120px),65px) rotate(calc(var(--dir)*35deg));opacity:0}}@keyframes tumble-spin{to{transform:translate(calc(var(--dir)*90px),120px) rotate(calc(var(--dir)*145deg));opacity:0}}@keyframes pip-jump{15%{transform:translateX(-50%) scale(1.07,.9)}45%{transform:translate(-50%,-65px)}75%{transform:translateX(-50%) scale(1.06,.94)}}@keyframes pip-wave{25%,75%{transform:translateX(-50%) rotate(-5deg)}50%{transform:translateX(-50%) rotate(4deg)}}@keyframes pip-clap{30%,65%{transform:translateX(-50%) scale(1.04,.97)}}@keyframes pip-stomp{25%{transform:translateX(-50%) rotate(4deg)}55%{transform:translateX(-50%) translateY(7px)}70%{transform:translateX(-50%) translateY(-2px)}}@keyframes stomp-ring{30%{opacity:1}to{transform:scale(1.6);opacity:0}}@keyframes deliver{to{transform:translate(150px,-55px) scale(.65);opacity:0}}@keyframes phone-close{to{transform:scale(.85);opacity:.5}}
@media(min-width:900px){.game-shell{gap:12px}.scene{height:min(49svh,480px)}.controls{min-height:70px}}
@media(max-width:500px){.game-shell{gap:8px;padding-left:12px;padding-right:12px}.topbar{gap:7px;grid-template-columns:54px 1fr 54px}.round-button{width:52px;height:52px}.heading h1{font-size:18px}.heading p{font-size:10px;letter-spacing:0}.scene{height:clamp(260px,41svh,380px);min-height:260px;border-radius:23px}.word-card{min-height:57px}.hint{font-size:13px;min-height:20px}.controls{gap:12px}.primary,.quiet{font-size:15px;min-height:54px;padding:10px 18px}.windows{padding:30px 5% 35px;gap:5%}.window{height:82%;width:47%;border-width:7px;border-radius:50px 50px 15px 15px}.window-word{font-size:15px;left:12%;right:12%}.jelly-dish{bottom:7%;width:195px;height:128px}.jelly{width:130px;height:98px}.pumps{top:9%;left:7%;right:7%;gap:24px}.pump{width:75px;height:120px}.pump-body{height:57px}.pump.pouring:after{top:112px;height:44px}.side-pip{width:86px;height:86px}.jelly-piece{padding:16px 7px;min-height:155px}.jelly-piece .jelly{height:69px}.jelly-piece strong{font-size:16px}.block-choice{width:130px;height:99px}.block{width:113px;height:60px}.block.small{width:67px;height:36px}.pip-center{width:240px;max-width:88%;bottom:3%}.your-turn{font-size:15px;top:5%}.action-tile{min-height:93px;width:100px}.action-tile .sprite{height:62px;width:62px}.phone-frame{inset:5% 12% 5%;border-width:9px;border-bottom-width:17px}.teddy-center{width:220px;max-width:120%}.speech-bubble{font-size:21px;top:7%;padding:7px 13px}.phone-action{min-height:74px}.panel{padding:24px 20px}.finish-art,.welcome-icon{font-size:45px}.panel p{font-size:14px}.toy-ball{left:8%}}
@media(max-width:350px){.heading h1{font-size:16px}.heading p{font-size:9px}.game-shell{padding-left:8px;padding-right:8px}.scene{min-height:250px;height:36svh}.word-card strong{font-size:29px}.gloss{font-size:13px}.primary,.quiet{padding:10px 15px}.block-choice{width:120px}.phone-frame{inset-left:8%;inset-right:8%}.teddy-center{width:195px}.speech-bubble{font-size:18px}.pip-center{width:214px}.your-turn{top:4%}.pumps{top:7%}.jelly-dish{bottom:5%}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important}.pip-center.jumping{transform:translate(-50%,-20px)}}

.color-stream{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;z-index:3;animation:stream-in .45s ease-out}.pump.pouring:after{display:none}.pump.pressing .pump-cap{transform:translateY(8px)}@keyframes stream-in{from{opacity:0}to{opacity:1}}
/* Home remains reachable on the welcome, loading, and finish overlays. */
.home-button{position:relative;z-index:30}

/* The content library keeps all 30 choices reachable without crowding play. */
.collection-bar{display:flex;align-items:center;justify-content:center;gap:12px;min-height:42px;flex-wrap:wrap}.collection-button{border:1px solid #c8d9c7;border-radius:20px;background:#edf3e6;color:#477465;min-height:42px;padding:7px 16px;font-size:13px;font-weight:700}.collection-bar>span{font-size:14px;color:#758270}.library-overlay{z-index:25;padding:76px 16px 24px;align-items:start}.library-panel{width:min(610px,100%);margin:auto;padding:20px 24px 24px}.library-panel h2{margin:0 0 5px;font-size:24px}.library-panel>p{font-size:13px;margin:0 0 16px}.library-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.library-item{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;border:2px solid #e4e9da;background:#fffdf7;border-radius:20px;min-height:135px;min-width:0;padding:8px;box-shadow:0 4px 0 #dfe5d5}.library-item.chosen{border-color:#77ad98;background:#eaf3e4}.library-item img,.library-item>.object-art{width:100%;height:92px;object-fit:contain;pointer-events:none}.library-item strong{font-size:16px;font-weight:700;line-height:1.2}.library-item .gloss{font-size:12px}.library-pager{display:flex;align-items:center;justify-content:center;gap:24px;margin:20px 0 14px}.library-pager button{min-width:56px;min-height:46px;font-size:22px;padding:3px 13px}.library-pager span{font-size:14px;font-variant-numeric:tabular-nums;color:#677b6d}.library-actions{display:flex;justify-content:center;gap:14px;flex-wrap:wrap}.library-actions button{min-height:47px;font-size:15px;padding:10px 18px}.object-art{display:block;width:100%;height:100%;pointer-events:none;filter:drop-shadow(0 3px 1px #6c63492a)}.word-card{text-align:center;min-width:0;max-width:100%;flex-wrap:wrap;gap:5px 12px}.word-card strong{overflow-wrap:anywhere;font-size:clamp(23px,4.2vw,35px)}
.mold-jelly{display:block;width:150px;height:140px;transform-origin:center bottom;transition:filter .3s}.mold-jelly>.object-art{width:100%;height:100%;filter:drop-shadow(3px 5px 0 #73654425)}.jelly-dish{height:172px}.jelly-piece .mold-jelly{width:100%;height:102px}.jelly-piece strong{line-height:1.3}.jelly-piece{gap:8px}.block.toy-block{background:transparent;box-shadow:none;border:0;border-radius:0;width:110px;height:77px}.block.toy-block:after{display:none}.block.toy-block.small{width:70px;height:48px}.tower .toy-block.big{height:clamp(49px,8svh,77px);width:clamp(75px,11svh,110px)}.tower .toy-block.small{height:clamp(30px,5svh,48px);width:clamp(48px,7svh,70px)}.block-choice .toy-block{width:95px;height:60px}.block-choice .toy-block.big{width:100px;height:64px}.block-choice .toy-block.small{width:62px;height:40px}.block-choice{height:117px}.down-arrow{font-size:34px}.toy-block .object-art{filter:drop-shadow(0 4px 0 #856b4235)}.pip-center.with-buddy{left:36%;width:min(52%,280px)}.animal-buddy{position:absolute;right:3%;bottom:6%;width:29%;max-width:180px;text-align:center}.animal-buddy img{display:block;width:100%;height:160px;object-fit:contain;transform-origin:center bottom}.animal-buddy strong{display:inline-block;font-size:16px;color:#567165;background:#fff9e9e8;border-radius:14px;padding:3px 10px}.animal-buddy[data-motion=jump] img{animation:buddy-jump 1.2s}.animal-buddy[data-motion=wave] img{animation:buddy-wave 1.3s}.animal-buddy[data-motion=clap] img{animation:soft-bounce 1.1s}.animal-buddy[data-motion=stomp] img{animation:buddy-stomp 1.1s}.animal-buddy[data-motion=walk] img{animation:buddy-walk 1.6s}.animal-buddy[data-motion=run] img{animation:buddy-run 1.6s}.animal-buddy[data-motion=fly] img{animation:buddy-fly 1.3s}.animal-buddy[data-motion=swim] img{animation:buddy-swim 1.3s}.pip-center.walking{animation:pip-walk 1.6s}.pip-center.running{animation:pip-run 1.6s}.pip-center.flying{animation:pip-fly 1.3s}.pip-center.swimming{animation:pip-swim 1.3s}.call-object{position:absolute;left:4%;bottom:8%;width:100px;height:116px;background:#fff8eac9;border:2px solid #fff9e9;border-radius:24px;padding:7px;display:flex;flex-direction:column;align-items:center;z-index:4}.call-object .object-art{height:84px}.call-object span{font-size:13px;color:#557369}.call-object.gift{left:auto;right:4%}.call-object.delivering{animation:deliver .8s forwards}.call-object.receiving{animation:receive .7s forwards}.speech-bubble{white-space:normal;text-align:center;width:max-content;min-width:125px;max-width:min(270px,90%);line-height:1.25}.phone-action>.object-art{width:65px;height:65px;flex:none}.phone-action span{max-width:210px}.caller-avatar{max-width:100%}.child-bubble{overflow-wrap:anywhere}
@keyframes buddy-jump{35%{transform:translateY(-45px)}75%{transform:scale(1.06,.94)}}@keyframes buddy-wave{25%,75%{transform:rotate(-9deg)}50%{transform:rotate(7deg)}}@keyframes buddy-stomp{30%{transform:rotate(-5deg)}60%{transform:translateY(8px)}}@keyframes buddy-walk{25%{transform:translateX(-10px) rotate(-4deg)}50%{transform:translateX(-17px) rotate(4deg)}75%{transform:translateX(-9px) rotate(-4deg)}}@keyframes buddy-run{20%,60%{transform:translate(-24px,-8px) rotate(-5deg)}40%,80%{transform:translate(-10px,0) rotate(6deg)}}@keyframes buddy-fly{25%,75%{transform:translateY(-30px) rotate(-5deg)}50%{transform:translate(-15px,-50px) rotate(5deg)}}@keyframes buddy-swim{25%{transform:translate(-17px,0) rotate(-8deg)}65%{transform:translate(7px,-10px) rotate(8deg)}}@keyframes pip-walk{25%{transform:translateX(calc(-50% - 15px)) rotate(-4deg)}50%{transform:translateX(calc(-50% - 25px)) rotate(4deg)}75%{transform:translateX(calc(-50% - 10px)) rotate(-4deg)}}@keyframes pip-run{20%,60%{transform:translate(calc(-50% - 32px),-10px) rotate(-7deg)}40%,80%{transform:translate(calc(-50% - 8px),0) rotate(7deg)}}@keyframes pip-fly{25%,75%{transform:translate(-50%,-35px) rotate(-4deg)}50%{transform:translate(-50%,-55px) rotate(4deg)}}@keyframes pip-swim{25%{transform:translate(calc(-50% - 15px),0) rotate(-45deg)}65%{transform:translate(calc(-50% + 15px),-15px) rotate(-55deg)}}@keyframes receive{to{transform:translateY(65px) scale(1.15);opacity:0}}
@media(max-width:500px){.collection-bar{gap:7px;min-height:39px}.collection-button{min-height:39px;font-size:12px;padding:6px 12px}.library-overlay{padding:72px 12px 18px}.library-panel{padding:18px 12px 22px}.library-panel h2{font-size:21px}.library-grid{gap:9px}.library-item{min-height:116px;padding:6px;border-radius:16px}.library-item img,.library-item>.object-art{height:75px}.library-item strong{font-size:13px}.library-panel>p{font-size:12px}.library-pager{margin:16px 0;gap:22px}.mold-jelly{width:132px;height:117px}.jelly-dish{height:145px;bottom:6%}.jelly-piece .mold-jelly{height:84px}.jelly-piece strong{font-size:13px}.jelly-shelf{padding:12px;gap:9px}.animal-buddy img{height:116px}.animal-buddy strong{font-size:13px;padding:3px 7px}.call-object{width:78px;height:94px;left:1%;bottom:7%;padding:5px;border-radius:18px}.call-object .object-art{height:62px}.call-object span{font-size:11px}.call-object.gift{right:1%}.speech-bubble{font-size:18px;padding:7px 12px;max-width:94%}.phone-action span{max-width:180px}.phone-action>.object-art{height:56px;width:56px}.block-choice{height:110px}}
@media(prefers-reduced-motion:reduce){.animal-buddy img,.pip-center{animation-duration:.01ms!important}}