@import url('../playful_shared/style.css?v=20261002play1');
.backdrop{background-image:url('assets/background.webp?v=20261002play1')}.scene{max-width:770px}.bottom-row{max-width:450px;gap:5px;height:44px}.bottom-row .mini-button{flex:none;width:44px;height:42px}.bottom-row .story-button{width:52px;background:#dfb962;color:#fffdf1}.bottom-row #progress{gap:5px;min-width:39px}.bottom-row #progress i{width:7px;height:7px}.more-friends{min-width:49px!important;max-width:54px}#tools .tool{min-width:73px}.sticker-motion{transform-box:fill-box;transform-origin:center bottom}.sticker-motion.on{animation:sticker-sway 3s infinite ease-in-out}.sticker-motion.under{animation:sticker-peek 3.7s infinite ease-in-out}.sticker-motion.in{animation:sticker-bob 3.2s infinite ease-in-out}.story-focus{filter:drop-shadow(0 0 8px #fff3a7)}#play-mode[aria-pressed=true]{background:#89ad98;color:#fffdf2}@keyframes sticker-sway{50%{transform:rotate(3deg)}}@keyframes sticker-peek{50%{transform:translateX(7px) rotate(-3deg)}}@keyframes sticker-bob{50%{transform:translateY(-7px)}}@media(max-width:520px){#tools .tool{min-width:64px}.bottom-row{gap:4px}.bottom-row .mini-button{width:42px}}@media(orientation:landscape) and (max-height:560px){.bottom-row{flex-wrap:wrap;justify-content:center;gap:4px}.bottom-row #progress{order:6}#tools .tool{min-width:56px;height:53px}.tools{gap:5px}}
@media(prefers-reduced-motion:reduce){.sticker-motion{animation:none!important}}