.puppy-play{width:100%;max-width:470px;margin:auto;color:#33234c;user-select:none;-webkit-user-select:none}.puppy-play .puppy-title{margin:0 0 10px;font-size:20px;line-height:1.2;color:#f6efff;text-align:center;letter-spacing:-.4px}.puppy-stage{height:278px;position:relative;isolation:isolate;overflow:hidden;border-radius:30px;background:#ece4fb;box-shadow:inset 0 -13px 0 #dcd1ed;border:1px solid #ffffff45}.puppy-stage:after{content:'';position:absolute;left:15%;right:15%;height:20px;bottom:65px;border-radius:50%;background:#c9b9dd55;z-index:-1}.puppy-play button{font:inherit;border:0;touch-action:manipulation;-webkit-touch-callout:none;cursor:pointer;color:inherit;transition:transform 120ms ease-out,background-color 160ms ease-out}.puppy-play button:active{transform:scale(.96)}.puppy-play button:focus-visible{outline:3px solid #f7bd5b;outline-offset:3px}.puppy-sprite{display:block;position:relative;flex:none;background-image:url('assets/barboskins-atlas.webp?v=4');background-repeat:no-repeat;background-size:200% 200%;border-radius:22px}.puppy-sprite-0{background-position:0 0}.puppy-sprite-1{background-position:100% 0}.puppy-sprite-2{background-position:0 100%}.puppy-sprite-3{background-position:100% 100%}.puppy-sprite.puppy-sprite-4,.phone-atlas-ready .phone-portrait.puppy-sprite-4{background-image:url('assets/gena-v6.png?v=6');background-size:100% 100%;background-position:center}.puppy-character{position:absolute;left:50%;top:30px;width:215px;height:215px;margin-left:-107.5px;background:transparent;padding:0;z-index:1}.puppy-portrait{width:100%;height:100%;transform-origin:50% 88%;pointer-events:none}.puppy-speech{position:absolute;top:10px;left:10px;right:10px;margin:0;padding:9px 12px;border-radius:15px;background:#fffaf2e8;text-align:center;font-size:15px;font-weight:800;line-height:1.2;z-index:5;pointer-events:none}.puppy-props{position:absolute;inset:0;pointer-events:none;z-index:2}.puppy-effects{position:absolute;inset:0;z-index:4;pointer-events:none}.puppy-controls{position:absolute;bottom:10px;left:12px;right:12px;display:flex;justify-content:center;gap:12px;z-index:6}.puppy-play .scene-action{height:68px;min-height:68px;width:82px;border-radius:22px;background:#fff9ed;box-shadow:0 4px 0 #c7b7d1;display:flex;align-items:center;justify-content:center;padding:7px}.scene-action svg{width:58px;height:58px;pointer-events:none}.puppy-play .scene-ball{background:transparent;box-shadow:none;width:106px;height:100px;padding:0}.scene-ball svg{width:100px;height:100px}.puppy-play .scene-color{background:color-mix(in srgb,var(--paint) 22%,white);border:3px solid #ffffffa8}.puppy-play .scene-color[aria-pressed=true]{border-color:var(--paint)}.color-drop{display:block;width:35px;height:43px;border-radius:55% 55% 60% 60%;background:var(--paint);box-shadow:inset 6px 5px 0 #ffffff33;pointer-events:none}.puppy-mode-lab .puppy-character,.puppy-mode-garden .puppy-character{left:5px;top:45px;margin:0;width:185px;height:185px}.puppy-jar{position:absolute;right:24px;top:78px;width:102px;height:112px;min-height:0;background:#f9ffffb3;border:4px solid #8fb9cf!important;border-radius:15px 15px 28px 28px;overflow:hidden;pointer-events:auto;padding:0;box-shadow:inset 0 0 0 5px #ffffff60}.puppy-liquid{position:absolute;inset:8px 4px 4px;background:#cde8f5;border-radius:5px 5px 20px 20px;transform:scaleY(.08);transform-origin:bottom;transition:transform 350ms ease-out,background-color 250ms ease-out}.jar-shine{position:absolute;left:12px;top:12px;width:8px;height:48px;border-radius:8px;background:#ffffff8c;pointer-events:none}.puppy-curtain{position:absolute;left:50%;top:43px;margin-left:-112px;width:224px;height:180px;display:flex;overflow:hidden;border:8px solid #d7b477;border-radius:24px;background:#e6d9f7;pointer-events:none}.puppy-curtain span{width:50%;height:100%;background:repeating-linear-gradient(90deg,#ffc76d 0 14px,#ffd88d 14px 28px);transition:transform 450ms cubic-bezier(.22,.68,.32,1)}.puppy-curtain span+span{border-left:3px solid #c38b52}.peek-open .puppy-curtain{background:transparent}.peek-open .puppy-curtain span:first-child{transform:translateX(-100%)}.peek-open .puppy-curtain span:last-child{transform:translateX(100%)}.puppy-mode-peek .puppy-portrait{opacity:0;transition:opacity 180ms ease-out}.puppy-mode-peek.peek-open .puppy-portrait{opacity:1}.puppy-particle{position:absolute;bottom:85px;width:17px;height:17px;border-radius:50%;border:2px solid #ffffffa0}.puppy-particle.star{clip-path:polygon(50% 0,62% 36%,100% 40%,70% 62%,80% 100%,50% 78%,20% 100%,30% 62%,0 40%,38% 36%);border:0}.puppy-particle.drop{width:9px;height:21px;border-radius:70% 70% 50% 50%}.puppy-particle.note{border-radius:3px 12px 8px 8px}.puppy-friends{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:6px;margin-top:12px}.puppy-play .puppy-friend{min-width:0;min-height:80px;padding:3px 0 5px;border-radius:18px;display:flex;flex-direction:column;align-items:center;gap:3px;background:#27334e;color:#dce4f6;border:2px solid transparent}.puppy-play .puppy-friend[aria-pressed=true]{border-color:#c5aff9;background:#41405f}.puppy-thumb{width:50px;height:50px;border-radius:14px;pointer-events:none}.puppy-thumb.puppy-sprite-4{background-size:145% 145%;background-position:50% 0}.puppy-friend-name{font-size:11px;font-weight:750;line-height:1.1}.puppy-actions{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-top:12px}.puppy-play .puppy-activity{min-height:74px;min-width:0;border-radius:21px;display:flex;align-items:center;justify-content:center;gap:3px;flex-direction:column;background:#28334d;color:#dce4f6;padding:7px 4px;border:2px solid transparent;font-size:12px;font-weight:750}.puppy-activity svg{width:36px;height:36px;pointer-events:none}.puppy-play .puppy-activity[aria-pressed=true]{background:#e6d9fc;color:#392a4e;border-color:#f6eeff;box-shadow:0 3px 0 #8c72af}.puppy-play .puppy-call{background:#294a48;color:#d7f6e8}.puppy-plant{position:absolute;right:27px;bottom:83px;width:98px;height:134px;--flower-color:#ff9ab6}.flower-pot{position:absolute;bottom:0;left:21px;width:65px;height:43px;background:#e7a77b;border-radius:5px 5px 22px 22px;border-top:8px solid #f5bb91;z-index:4}.flower-stem{position:absolute;bottom:28px;left:49px;width:7px;height:76px;background:#65a874;border-radius:7px;transform:scaleY(.07);transform-origin:bottom;transition:transform 500ms ease-out}.flower-leaf{position:absolute;bottom:49px;width:31px;height:16px;background:#83c48b;opacity:0;transition:transform 400ms ease-out,opacity 250ms ease-out}.leaf-left{left:23px;border-radius:20px 0;transform:rotate(30deg) scale(.5)}.leaf-right{left:54px;border-radius:0 20px;transform:rotate(-30deg) scale(.5)}.flower-head{position:absolute;left:18px;top:0;width:70px;height:70px;opacity:0;transform:scale(.65);transition:opacity 250ms ease-out,transform 500ms cubic-bezier(.22,.68,.32,1)}.flower-head i{position:absolute;width:31px;height:31px;border-radius:50%;background:var(--flower-color);left:20px;top:20px;transform:translateY(-20px)}.flower-head i:nth-child(2){transform:rotate(72deg) translateY(-20px)}.flower-head i:nth-child(3){transform:rotate(144deg) translateY(-20px)}.flower-head i:nth-child(4){transform:rotate(216deg) translateY(-20px)}.flower-head i:nth-child(5){transform:rotate(288deg) translateY(-20px)}.flower-head b{position:absolute;left:23px;top:23px;width:25px;height:25px;border-radius:50%;background:#ffe07c}.puppy-play[data-growth='1'] .flower-stem{transform:scaleY(.35)}.puppy-play[data-growth='2'] .flower-stem,.puppy-play[data-growth='3'] .flower-stem{transform:scaleY(1)}.puppy-play[data-growth='2'] .flower-leaf,.puppy-play[data-growth='3'] .flower-leaf{opacity:1;transform:rotate(0) scale(1)}.puppy-play[data-growth='3'] .flower-head{opacity:1;transform:scale(1)}
.contacts[data-group='heroes']{grid-template-columns:repeat(5,minmax(0,1fr));gap:6px}.contacts[data-group='heroes'] .phone-portrait{width:46px;height:46px}.incoming-call{width:100%;min-height:44px;background:#2b3855;color:#d5e6ff;border-radius:16px;margin-top:9px;font-size:14px;font-weight:750}.phone-stage.ringing .phone-friend{animation:ring-wiggle .25s ease-in-out 6 alternate}.phone-stage.ringing .call-button{background:#b2f4c5}.phone-stage .incoming-call:active{background:#435675}@keyframes ring-wiggle{to{transform:rotate(4deg)}}
@media(max-height:800px) and (orientation:portrait){.puppy-stage{height:248px}.puppy-play .puppy-title{font-size:18px;margin-bottom:8px}.puppy-character{width:190px;height:190px;margin-left:-95px;top:29px}.puppy-mode-lab .puppy-character,.puppy-mode-garden .puppy-character{width:168px;height:168px;top:41px}.puppy-jar{height:99px;top:67px;right:20px;width:90px}.puppy-plant{bottom:78px;right:20px;height:118px;transform:scale(.9);transform-origin:bottom}.puppy-controls{bottom:9px}.puppy-play .scene-action{height:62px;min-height:62px;width:76px}.scene-action svg{width:52px;height:52px}.puppy-play .scene-ball{height:90px;width:90px}.scene-ball svg{width:90px;height:90px}.puppy-curtain{height:165px;top:39px;width:204px;margin-left:-102px}.puppy-play .puppy-activity{min-height:64px;padding:4px}.puppy-activity svg{width:30px;height:30px}.puppy-friends{margin-top:10px}.puppy-actions{margin-top:10px;gap:7px}.puppy-play .puppy-friend{min-height:73px}.puppy-thumb{width:45px;height:45px}}
@media(max-width:360px){.puppy-thumb{width:41px;height:41px}.puppy-friend-name{font-size:10px}.puppy-friends{gap:4px}.puppy-mode-lab .puppy-character,.puppy-mode-garden .puppy-character{left:0;width:153px;height:153px;top:52px}.puppy-jar{right:16px;width:85px}.puppy-speech{font-size:13px}.puppy-controls{gap:8px}.puppy-play .scene-action{width:70px}.contacts[data-group='heroes'] .phone-portrait{width:38px;height:42px}.puppy-plant{right:8px}}
@media(orientation:landscape) and (max-height:550px){.puppy-play{display:grid;max-width:780px;grid-template-columns:1fr 1fr;gap:10px 18px}.puppy-title{grid-column:1/-1}.puppy-stage{grid-row:2/5;height:270px}.puppy-friends{grid-column:2;margin-top:0}.puppy-actions{grid-column:2;margin-top:0}.puppy-thumb{width:42px;height:42px}.puppy-play .puppy-friend{min-height:70px}}
@media(prefers-reduced-motion:reduce){.puppy-play *,.phone-stage.ringing *{animation:none!important;transition:none!important}}

.call-actions .incoming-call{width:68px;flex:none;min-height:52px;margin:0;display:flex;flex-direction:column;align-items:center;justify-content:center;font-size:24px;gap:3px}.incoming-call small{font-size:10px;line-height:1.2}.call-actions .call-button{min-width:0}.call-actions{gap:9px}