.animation-column{min-width:0}.animation-column .hero-art{width:100%;margin:0}.character-player{position:absolute;bottom:2%;height:100%;width:57%;opacity:0;pointer-events:none}.grandma-player{left:-2%}.grandpa-player{right:-5%}.hero-art.animation-ready .character-player{opacity:1}.hero-art.animation-ready>.standing-fallback{visibility:hidden}.character-player .spine-player{background:transparent!important;border:0!important;width:100%;height:100%}.character-player canvas{width:100%!important;height:100%!important;display:block}.animation-controls{display:flex;justify-content:center;align-items:center;gap:12px;margin-top:16px;flex-wrap:wrap;font-size:12px}.animation-controls button{min-height:44px;border:1px solid #b4a7ce;border-radius:6px;background:#ffffffb8;color:#30205f;padding:8px 14px;font:inherit;cursor:pointer}.animation-controls button:disabled{opacity:.55;cursor:default}.animation-controls button:focus-visible{outline:3px solid #b9472d;outline-offset:3px}#animation-status{width:100%;text-align:center;min-height:18px;font-size:11px;color:#61566d}@media(max-width:760px){.animation-column{width:min(450px,100%);justify-self:center}.animation-controls{gap:8px;margin-top:10px}}
.character-touch{position:absolute;z-index:3;bottom:3%;height:96%;width:40%;border:0;border-radius:35% 35% 12% 12%;padding:0;background:transparent;cursor:pointer;touch-action:manipulation;-webkit-tap-highlight-color:transparent;visibility:hidden}.grandma-touch{left:5%}.grandpa-touch{right:0}.animation-ready .character-touch{visibility:visible}.character-touch:focus-visible{outline:3px solid #b9472d;outline-offset:3px;background:#ffffff12}.character-touch:disabled{cursor:default}.character-touch:not(:disabled):hover{background:#ffffff08}
#mute{display:inline-flex;align-items:center;justify-content:center;min-width:44px;padding:8px}#mute .sound-slash{display:none}#mute[data-muted="true"] .sound-slash{display:block}#mute[data-muted="true"] .sound-waves{display:none}

.standing-fallback{position:absolute;bottom:2%;height:100%;width:57%;max-width:none;object-fit:contain;pointer-events:none}.grandma-fallback{left:-2%}.grandpa-fallback{right:-5%}