.play-head{align-items:center;margin-bottom:12px}.play-head>div:nth-child(2){flex:1}.play-head h1{font-size:1.65rem}.play-score{background:#fff;border-radius:15px;padding:9px 11px;color:#ef5c69;box-shadow:0 5px 14px #332c6617}.play-modes{display:flex;gap:8px;margin-bottom:10px}.play-modes button{flex:1;border:0;border-radius:15px;padding:9px;background:#fff;color:var(--ink);font:800 .76rem "Nunito";box-shadow:0 5px 13px #3b346d12}.play-modes button.active{background:#282248;color:#fff}.interactive-yard{position:relative;height:470px;border-radius:28px;overflow:hidden;background:linear-gradient(#86d8f4 0 55%,#7bd17a 55% 100%);box-shadow:var(--shadow);border:4px solid #fff;touch-action:none;user-select:none}.interactive-yard:after{content:"";position:absolute;left:-10%;right:-10%;bottom:0;height:38%;background:linear-gradient(12deg,#62b966,#8cdb82);clip-path:polygon(0 30%,35% 8%,67% 28%,100% 0,100% 100%,0 100%)}.yard-sun{position:absolute;width:58px;height:58px;background:#ffe86b;border-radius:50%;right:28px;top:25px;box-shadow:0 0 35px #fff59b}.yard-cloud{position:absolute;width:75px;height:24px;border-radius:20px;background:#ffffffb8;top:55px;left:34px}.yard-cloud:before,.yard-cloud:after{content:"";position:absolute;background:inherit;border-radius:50%;width:35px;height:35px;bottom:0}.yard-cloud:before{left:10px}.yard-cloud:after{right:8px;width:46px;height:46px}.yard-cloud.c2{left:50%;top:120px;transform:scale(.65)}#playPet{position:absolute;z-index:4;width:210px;height:210px;object-fit:contain;left:50%;bottom:42px;transform:translateX(-50%);transition:left .55s cubic-bezier(.2,.8,.3,1),bottom .35s,transform .25s;filter:drop-shadow(0 14px 10px #21452e44)}#playPet.chasing{transform:translateX(-50%) rotate(-5deg) scale(1.06)}#playPet.jumping{transform:translateX(-50%) translateY(-70px) rotate(8deg) scale(1.04)}.play-toy{position:absolute;z-index:7;width:64px;height:64px;border:0;border-radius:50%;right:22px;bottom:20px;background:#fff;box-shadow:0 8px 18px #3335;font-size:2rem;touch-action:none;transition:left .35s ease-out,top .35s ease-out,transform .35s;display:grid;place-items:center}.play-toy.dragging{transform:scale(1.14);transition:none}.play-target{display:none;position:absolute;z-index:6;width:22px;height:22px;border-radius:50%;background:#f22;box-shadow:0 0 8px 3px #ff3d3d,0 0 22px 7px #ff000066;pointer-events:none}.play-callout{position:absolute;z-index:8;left:50%;top:18px;transform:translateX(-50%);background:#282248dd;color:#fff;border-radius:15px;padding:7px 12px;font-size:.72rem;font-weight:900}.play-progress{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:8px;margin-top:11px;background:#fff;border-radius:17px;padding:10px 12px;font-size:.68rem;box-shadow:0 6px 15px #362e6714}.play-progress>div{height:7px;background:#e7e4f4;border-radius:8px;overflow:hidden}.play-progress i{display:block;height:100%;width:0;background:linear-gradient(90deg,#ff716d,#ffba46);transition:.3s}.play-progress b{color:var(--purple)}@media(max-width:390px){.interactive-yard{height:420px}#playPet{width:185px;height:185px}}