/* Keep idle floating on the button, tap motion on the image. Hover no longer changes the image's resting transform. */
/* Game selection rarity colors: PawPlotsSelectionRarityGradient.cs. */
#buddy-rarity{font-size:9px;letter-spacing:.8px}.rarity-word{font-weight:800}#buddy-rarity[data-tier="Common"] .rarity-word{color:#ccd9db}#buddy-rarity[data-tier="Uncommon"] .rarity-word{color:#4fe66e}#buddy-rarity[data-tier="Rare"] .rarity-word{color:#3bb5ff}#buddy-rarity[data-tier="Epic"] .rarity-word{color:#bf6eff}#buddy-rarity[data-tier="Legendary"] .rarity-word{color:#ff961a}
.store-buttons{display:flex;gap:9px;align-items:center}.store-badge{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;background:#143f2d;color:#fff9e7;border:1px solid #143f2d;border-radius:8px;padding:6px 13px;min-height:44px;min-width:126px;font-family:inherit;opacity:1}.store-badge span{font-size:8px;font-weight:600;letter-spacing:.8px;line-height:1.3}.store-badge strong{font-size:18px;font-weight:700;line-height:1.3;white-space:nowrap}@media(max-width:760px){.header{gap:10px}.store-buttons{gap:6px}.store-badge{min-width:0;padding:5px 8px;min-height:40px;border-radius:7px}.store-badge strong{font-size:13px}.store-badge span{font-size:6px;letter-spacing:.4px}.header .brand-wordmark{width:135px}}@media(max-width:360px){.header .brand-wordmark{width:112px}.nav-shell{padding-left:12px;padding-right:12px}.store-badge{padding:5px 6px}}
.buddy-button img{transition:none}.buddy-button:hover img{transform:none}
.nav-shell{padding:4px 28px}.header .brand-wordmark{width:180px;height:50px}
.opening-grid{padding:22px 0 28px;gap:48px}.opening h1{font-size:clamp(46px,5.3vw,70px)}
.opening .eyebrow{margin-bottom:20px}.opening-description{margin-top:18px;line-height:1.7}.opening-actions{margin-top:22px}.sticker-row{margin-top:22px}
.buddy-playground{padding:18px 22px}.buddy-speech{height:54px;min-height:54px;margin-top:12px;font-size:14px}
.buddy-button{width:132px;height:132px;margin:15px auto 24px}.tap-badge{font-size:14px;padding:6px 12px}
.tap-hint{margin:5px 0 9px!important}.buddy-name strong{font-size:26px}.animal-picker{margin-top:10px}.shuffle-button{margin-top:10px;min-height:39px;padding:7px 16px}.playground-note{margin-top:10px}.play-ticker{padding:13px 0}
@media(min-width:761px){.opening-grid{min-height:calc(100svh - 120px);box-sizing:border-box}.opening-copy{align-self:center}}
@media(min-width:761px) and (max-height:620px){.opening-grid{padding:14px 0 19px}.buddy-playground{padding:12px 20px}.buddy-speech{height:46px;min-height:46px;margin-top:8px}.buddy-button{width:116px;height:116px;margin-top:10px;margin-bottom:23px}.playground-note{display:none}.buddy-name strong{font-size:23px}.opening h1{font-size:clamp(44px,5vw,62px)}}
@media(max-width:760px){.nav-shell{padding:3px 18px}.header .brand-wordmark{width:150px;height:44px}.opening-grid{padding:18px 0 20px;gap:19px}.opening .eyebrow{margin-bottom:12px}.opening h1{font-size:clamp(37px,10vw,55px);line-height:1.04}.opening-description{margin-top:12px;line-height:1.55;font-size:13px}.opening-actions{margin-top:13px;gap:13px}.opening-actions .button{padding:9px 13px}.opening-note{font-size:11px}.sticker-row{margin-top:13px}.sticker-row span{padding:4px 7px}.buddy-playground{padding:13px 16px}.buddy-speech{height:48px;min-height:48px;margin-top:9px;font-size:13px}.buddy-button{width:106px;height:106px;margin:11px auto 24px}.tap-hint{font-size:8px!important;letter-spacing:.2px!important}.buddy-name strong{font-size:23px}.animal-picker{margin-top:8px}.animal-picker select{min-height:34px;padding-top:4px;padding-bottom:4px}.shuffle-button{margin-top:9px;min-height:36px}.playground-note{display:none}.play-ticker{padding:10px 0}}

@media(max-width:760px){.header .brand-wordmark{width:125px}}@media(max-width:360px){.header .brand-wordmark{width:105px}}