.toys-app{max-width:1280px}.toys-modes{justify-content:center;gap:var(--control-gap);border:0;min-height:60px;margin:0;padding:0;display:flex}.toys-modes .room-action{align-self:start;min-height:52px;padding:10px 18px;font-size:16px}.toys-modes [aria-pressed=true]{color:#fffdf0;background:#206f70;border-color:#206f70}.toys-tools{--play-slot:216px;--play-slots:4;max-width:960px}@media (min-width:1000px) and (min-height:721px) and (orientation:landscape){main.adventure-ui.toys-app{column-gap:var(--control-gap);grid-template-rows:72px calc(100svh - 240px) 64px 76px;grid-template-columns:repeat(6,minmax(0,1fr));display:grid}.toys-app>.play-header,.toys-app>.toys-scene,.toys-app>.scene-caption{grid-column:1/-1}.toys-app>.scene-caption{grid-row:3}.toys-app .room-header{height:72px;min-height:72px}main.adventure-ui .toys-modes{grid-area:4/3/auto/span 2;grid-template-columns:repeat(2,minmax(0,1fr));margin:12px 0 0;display:grid}main.adventure-ui .toys-tools{display:contents}main.adventure-ui .toys-modes .room-action,main.adventure-ui .toys-tools>.play-control{white-space:normal;gap:6px;height:64px;min-height:64px;padding:8px;font-size:16px}main.adventure-ui .toys-tools>.play-control{grid-row:4;align-self:start;margin-top:12px}.toys-tools>.room-listen{grid-column:1}.toys-tools>.toys-help{grid-column:2}.toys-tools>.play-control-end,.toys-tools>a{grid-column:6}.toys-app .toys-scene{container-type:size}.toys-app .toys-scene .toys-toy:not(.is-packed){width:min(12%,20cqh)}.toys-app .toys-box{width:min(37%,58cqh)}}.toys-help{min-height:var(--child-tap);padding:10px 18px;font-size:16px}.toys-scene{aspect-ratio:3/2;isolation:isolate;background:#f4d598;border-radius:28px;width:min(100%,150svh - 456px);margin:auto;position:relative;overflow:hidden;box-shadow:0 5px #d8c197}.toys-background{background:-webkit-image-set(url(/art/toys-room.avif) 1x type("image/avif"),url(/art/toys-room.png) 1x type("image/png")) 50%/cover;background:image-set("/art/toys-room.avif" 1x type("image/avif"),"/art/toys-room.png" 1x type("image/png")) 50%/cover;position:absolute;inset:0}.toys-art{background:image-set(url(/art/toys-sprites.avif) type("image/avif"), url(/art/toys-sprites.png) type("image/png")) var(--sprite-x,0%) var(--sprite-y,0%) / 300% 300% no-repeat;pointer-events:none;width:100%;height:100%;display:block}.toys-toy{left:var(--toy-x);top:var(--toy-y);aspect-ratio:1;touch-action:none;z-index:3;background:0 0;border:0;border-radius:18px;width:18%;min-width:66px;min-height:66px;padding:0;transition:left .4s,top .4s,width .4s;position:absolute;transform:translate(-50%,-50%)}.toys-toy:active .toys-art{transform:scale(1.08)}.toys-toy.is-packed{left:var(--packed-x);top:var(--packed-y);z-index:2;pointer-events:none;width:9%;min-width:44px;min-height:44px}.toys-toy.is-dragging{z-index:5;transition:none}.toys-toy:before{content:"";z-index:-1;border-radius:inherit;pointer-events:none;position:absolute;inset:0}.toys-toy.is-helped:before{outline-offset:3px;background:#fffbe650;outline:5px solid #fffbea;box-shadow:0 0 0 9px #256f70}.room-app .toys-toy:focus-visible{outline:none}.toys-toy:focus-visible:before{outline-offset:4px;outline:4px solid #914513}.toys-box{aspect-ratio:1;z-index:1;touch-action:manipulation;background:0 0;border:0;border-radius:20px;width:37%;padding:0;position:absolute;top:38%;left:59%}.toys-box-art{--sprite-x:100%;--sprite-y:50%;clip-path:inset(0 0 12%)}.toys-block .toys-art{clip-path:inset(0 0 9%)}.toys-box.is-closed .toys-box-art{--sprite-x:50%;--sprite-y:100%;clip-path:none;transform:translate(-1.44%,8.85%)}.toys-box.is-drop-target{outline-offset:4px;outline:4px dashed #fffbea}.toys-box.is-receiving .toys-box-art{animation:.6s ease-out toys-receive}@keyframes toys-receive{0%{scale:.97}35%{filter:drop-shadow(0 0 10px #fffbea);scale:1.04}}@keyframes toys-receive-glow{0%{filter:drop-shadow(0 0 10px #fffbea)brightness(1.12)}}@media (prefers-reduced-motion:reduce){.toys-box.is-receiving .toys-box-art{animation:.6s ease-out toys-receive-glow!important}}.toys-box-label{white-space:nowrap;color:#285457;background:#fffbed;border-radius:30px;justify-content:center;align-items:center;gap:8px;padding:12px 16px;font-size:clamp(16px,2vw,24px);font-weight:750;display:flex;position:absolute;bottom:-8%;right:0;box-shadow:0 3px #bb986a}@media (max-width:600px){.toys-app .room-header h1{font-size:23px}.toys-scene{aspect-ratio:3/4;width:100%}.toys-background{background-size:auto 100%}.toys-toy{width:24%}.toys-ball{--toy-x:18%!important;--toy-y:54%!important}.toys-bear{--toy-x:46%!important;--toy-y:50%!important}.toys-car{--toy-x:22%!important;--toy-y:72%!important}.toys-block{--toy-x:49%!important;--toy-y:86%!important}.toys-ring{--toy-x:21%!important;--toy-y:90%!important}.toys-box{width:42%;top:56%;left:57%}.toys-toy.is-packed{left:calc(var(--packed-x) - 2%);top:calc(var(--packed-y) + 8%);width:11%}}@media (min-width:601px) and (min-height:501px){.toys-modes{min-height:0;margin-bottom:var(--control-gap)}.toys-scene,.toys-tools{width:min(100%,150svh - 510px)}.toys-toy{width:12%}.toys-toy.is-packed{width:6%;min-width:0;min-height:0}.toys-toy>.toys-art{scale:1.5}.toys-toy:before{inset:-25%}.toys-bear{--toy-x:33%!important}.toys-ring{--toy-x:49%!important}}@media (max-height:500px) and (orientation:landscape){.toys-tools{min-height:48px}.toys-scene,.toys-tools{width:min(100%,150svh - 277.5px)}}@media (prefers-reduced-motion:reduce){.toys-toy{transition:none}}.toys-toy:disabled{opacity:1}.toys-toy.is-spilling:not(.is-packed):not(.is-dragging){animation:.65s ease-out toys-spill}@keyframes toys-spill{0%{top:62%;left:77%;scale:.45}to{left:var(--toy-x);top:var(--toy-y);scale:1}}.toys-toy.is-noticed .toys-art{filter:drop-shadow(0 0 7px #fffbea);animation:.35s ease-out toys-notice}@keyframes toys-notice{50%{transform:scale(1.12)}}@media (prefers-reduced-motion:reduce){.toys-toy.is-spilling,.toys-toy.is-noticed .toys-art{animation:none}}