.shop-greeter{position:fixed;left:15px;bottom:calc(12px + env(safe-area-inset-bottom));z-index:7;display:flex;flex-direction:column;align-items:flex-start;gap:8px;pointer-events:none}.character-button{pointer-events:auto;position:relative;width:65px;height:81px;padding:0;border:0;background:transparent;filter:drop-shadow(0 3px 7px #304d4522);transition:transform .4s var(--ease)}.character-button:hover{transform:translateY(-4px)}.character-button svg{display:block;width:100%;height:100%}.character-wave{transform-origin:69px 61px}.is-greeting .character-wave{animation:characterHello .7s ease-in-out 6}.is-greeting .character-button{animation:characterBob 1.1s ease-in-out 4}.greeting-bubble{pointer-events:auto;position:relative;width:235px;padding:16px;background:#fbfdf9;border:1px solid #d6e1d7;border-radius:18px 18px 18px 5px;box-shadow:0 7px 25px #304d4518;animation:copyIn .5s var(--ease)}.greeting-bubble p{font-size:11px;line-height:1.8;margin:0 0 10px;color:var(--ink)}.greeting-bubble strong{font-size:13px}.greeting-bubble>div{display:flex;flex-direction:column;gap:6px}.greeting-bubble button[data-greet]{padding:8px 10px;font-size:10px;background:#e5eee3;text-align:left}.greeting-close{position:absolute;right:5px;top:5px;padding:1px 7px;border:0;font-size:19px;background:transparent}.store:has(dialog[open]) .shop-greeter{visibility:hidden}@keyframes characterHello{0%,100%{transform:rotate(-7deg)}50%{transform:rotate(15deg)}}@keyframes characterBob{0%,100%{transform:translateY(0)}50%{transform:translateY(-4px)}}@media(max-width:760px){.character-button{width:54px;height:68px}.shop-greeter{left:10px;bottom:calc(8px + env(safe-area-inset-bottom))}.greeting-bubble{width:220px}}@media(prefers-reduced-motion:reduce){.character-wave,.character-button,.greeting-bubble{animation:none!important;transition:none!important}}
.character-button{width:76px;height:152px;background:transparent;filter:drop-shadow(0 4px 5px #304d4514)}.human-model{position:relative;display:block;width:100%;height:100%;overflow:hidden}.model-pose{position:absolute;inset:0;display:block;background-image:url("assets/model-wave.png");background-size:300% 100%;background-repeat:no-repeat}.pose-one{background-position:0 0;transform:translateX(-11px);opacity:1}.pose-two{background-position:50% 0;opacity:0}.is-greeting .character-button{animation:none}.is-greeting .pose-one{animation:modelWaveOne 1.4s ease-in-out 3}.is-greeting .pose-two{animation:modelWaveTwo 1.4s ease-in-out 3}@keyframes modelWaveOne{0%,15%,85%,100%{opacity:1}40%,60%{opacity:0}}@keyframes modelWaveTwo{0%,15%,85%,100%{opacity:0}40%,60%{opacity:1}}@media(max-width:760px){.character-button{width:68px;height:136px}.pose-one{transform:translateX(-10px)}}@media(prefers-reduced-motion:reduce){.model-pose{animation:none!important}.pose-one{opacity:1}.pose-two{opacity:0}}