.avatar-svg{overflow:visible;display:block}.avatar-idle .avatar-body{transform-box:view-box;transform-origin:50px 124px;animation:avatar-breathe 3.6s ease-in-out infinite;animation-delay:calc(var(--blink-delay, 0s) * -1)}.avatar-idle .avatar-eyes{transform-box:view-box;transform-origin:50px 51.5px;animation:avatar-blink 5.2s ease-in-out infinite;animation-delay:var(--blink-delay, 0s)}@keyframes avatar-breathe{0%,to{transform:scale(1)}50%{transform:scale(1.012,.988) translateY(.6px)}}@keyframes avatar-blink{0%,92%,to{transform:scaleY(1)}95%{transform:scaleY(.08)}}@media(prefers-reduced-motion:reduce){.avatar-idle .avatar-body,.avatar-idle .avatar-eyes{animation:none}}.shop-scene{container-type:inline-size;--vu: calc(100cqw / 110);--tint: 100%;--night: #2b2440;position:relative;aspect-ratio:1.1 / 1;overflow:hidden;isolation:isolate;background:var(--c-wall);--t-wall: #ebe2ff;--t-wall-2: #dfd2fb;--t-side: #d5c6f3;--t-trim: #f3c7a8;--t-floor: #f7d3b3;--t-floor-2: #edbf99;--t-out-a: #2b2440;--t-out-b: #5a4aa0;--t-leaf: #ffd6bd;--t-rug: #ffc9dd;--t-rug-2: #d9789d;--t-chair: #7a64c9;--t-accent: #ffeaa8;--t-cloth: #8a74d6;--t-cloth-2: #5a479f;--t-top: #e4d9ff;--t-top-2: #a993f0;--t-glow: #fff1b8;--t-ball: #a993f0;--t-pouf: #ffd6bd;--t-pouf-2: #f2b48f;--t-sea: #3f8fb0;--t-silhouette: #241f4a;--c-shade: #2b2440;--light: radial-gradient(ellipse 70% 70% at 62% 55%, transparent 55%, rgb(43 36 64 / .16));--c-wall: color-mix(in oklab, var(--t-wall) var(--tint), var(--paper));--c-wall-2: color-mix(in oklab, var(--t-wall-2) var(--tint), var(--paper));--c-side: color-mix(in oklab, var(--t-side) var(--tint), var(--paper));--c-trim: color-mix(in oklab, var(--t-trim) var(--tint), var(--paper));--c-floor: color-mix(in oklab, var(--t-floor) var(--tint), var(--paper));--c-floor-2: color-mix(in oklab, var(--t-floor-2) var(--tint), var(--paper));--c-out-a: color-mix(in oklab, var(--t-out-a) var(--tint), var(--paper));--c-out-b: color-mix(in oklab, var(--t-out-b) var(--tint), var(--paper));--c-leaf: color-mix(in oklab, var(--t-leaf) var(--tint), var(--paper));--c-rug: color-mix(in oklab, var(--t-rug) var(--tint), var(--paper));--c-rug-2: color-mix(in oklab, var(--t-rug-2) var(--tint), var(--paper));--c-chair: color-mix(in oklab, var(--t-chair) var(--tint), var(--paper));--c-accent: color-mix(in oklab, var(--t-accent) var(--tint), var(--paper));--c-cloth: color-mix(in oklab, var(--t-cloth) var(--tint), var(--paper));--c-cloth-2: color-mix(in oklab, var(--t-cloth-2) var(--tint), var(--paper));--c-top: color-mix(in oklab, var(--t-top) var(--tint), var(--paper));--c-top-2: color-mix(in oklab, var(--t-top-2) var(--tint), var(--paper));--c-glow: var(--t-glow);--c-ball: var(--t-ball);--c-pouf: color-mix(in oklab, var(--t-pouf) var(--tint), var(--paper));--c-pouf-2: color-mix(in oklab, var(--t-pouf-2) var(--tint), var(--paper));--c-sea: color-mix(in oklab, var(--t-sea) var(--tint), var(--paper));--c-silhouette: color-mix(in oklab, var(--t-silhouette) var(--tint), var(--paper));--q0-x: 21.5;--q0-b: 17;--q0-w: 17;--q1-x: 15.5;--q1-b: 26;--q1-w: 13.5;--q2-x: 10.5;--q2-b: 33.5;--q2-w: 10.5;--seat-x: 43.4;--seat-b: 11.8;--seat-w: 24.6}@media(min-width:768px){.shop-scene{--vu: calc(100cqw / 150);aspect-ratio:1.5 / 1}}:where(.dark) .shop-scene{--tint: 64%;--c-shade: #000}.shop-scene[data-theme=fair]{--t-wall: #2e2a5e;--t-wall-2: #f0d49a;--t-side: #c23a35;--t-trim: #8a5a3b;--t-floor: #cf835c;--t-floor-2: #b9694b;--t-out-a: #1c1944;--t-out-b: #7a4f9e;--t-leaf: #c23a35;--t-rug: #e9c46a;--t-rug-2: #a8781f;--t-chair: #8e3b2b;--t-accent: #ffc24a;--t-cloth: #c23a35;--t-cloth-2: #7f1f2a;--t-top: #f4cd78;--t-top-2: #b5862b;--t-glow: #ffb84a;--t-ball: #ff9e7a;--t-pouf: #e9c46a;--t-pouf-2: #c99a3a;--t-silhouette: #2a2452;--c-shade: #1a1230;--light: radial-gradient(ellipse 34% 40% at 42% 70%, rgb(255 190 90 / .16), transparent 70%), radial-gradient(ellipse 75% 80% at 55% 55%, transparent 50%, rgb(26 18 48 / .34))}.shop-scene[data-theme=stars]{--t-wall: #3d4286;--t-wall-2: #262a5a;--t-side: #33376f;--t-trim: #8a5a3b;--t-floor: #75503d;--t-floor-2: #5f4031;--t-out-a: #0f1035;--t-out-b: #3b3a8a;--t-leaf: #8a5a3b;--t-rug: #2e3470;--t-rug-2: #ffe08a;--t-chair: #5b4bb0;--t-accent: #ffe08a;--t-cloth: #313a86;--t-cloth-2: #1b2052;--t-top: #4d559f;--t-top-2: #ffe08a;--t-glow: #a9c8ff;--t-ball: #7fa2ff;--t-pouf: #6a5ac0;--t-pouf-2: #463a8e;--c-shade: #0a0b25;--light: radial-gradient(ellipse 30% 36% at 52% 52%, rgb(255 225 140 / .14), transparent 70%), radial-gradient(ellipse 75% 80% at 55% 50%, transparent 50%, rgb(10 11 37 / .34))}.shop-scene[data-theme=sea]{--t-wall: #fbf3e8;--t-wall-2: #f1e6d6;--t-side: #cfe6ee;--t-trim: #b07a4a;--t-floor: #eaa67b;--t-floor-2: #fbeee0;--t-out-a: #c7a4e6;--t-out-b: #ffc48a;--t-leaf: #5fb8c4;--t-rug: #e3c99a;--t-rug-2: #a88350;--t-chair: #d29a5f;--t-accent: #ffcf5a;--t-cloth: #2f8f9d;--t-cloth-2: #1d6a76;--t-top: #f7f0e4;--t-top-2: #5fb8c4;--t-glow: #ffd59a;--t-ball: #8fd3dc;--t-pouf: #5fb8c4;--t-pouf-2: #3f97a3;--t-sea: #4a90b8;--c-shade: #4a2a3a;--light: linear-gradient(200deg, rgb(255 170 110 / .2), transparent 45%), radial-gradient(ellipse 80% 80% at 55% 55%, transparent 60%, rgb(74 42 58 / .14))}:where(.dark) .shop-scene[data-theme=fair],:where(.dark) .shop-scene[data-theme=stars]{--tint: 82%}.shop-room{position:absolute;inset:0;width:100%;height:100%;z-index:0}.shop-sign{position:absolute;left:calc(2.4 * var(--vu));top:calc(33.5 * var(--vu));z-index:5;rotate:-9deg;border:2px solid var(--ink);border-radius:6px;background:var(--butter);padding:.1rem .35rem;font-family:var(--font-display);font-size:clamp(9px,2.6cqw,13px);font-weight:700;line-height:1.2;white-space:nowrap;box-shadow:2px 2px 0 var(--shadow)}.shop-person{position:absolute;left:calc(var(--x) * var(--vu));bottom:calc(var(--b) * var(--vu));width:calc(var(--w) * var(--vu));translate:-50% 0;transition:left 1s cubic-bezier(.3,.7,.2,1),bottom 1s cubic-bezier(.3,.7,.2,1),width 1s cubic-bezier(.3,.7,.2,1),opacity .6s ease,filter .6s ease}.shop-person[data-slot=q0]{--x: var(--q0-x);--b: var(--q0-b);--w: var(--q0-w);z-index:22}.shop-person[data-slot=q1]{--x: var(--q1-x);--b: var(--q1-b);--w: var(--q1-w);z-index:21;filter:saturate(.9) brightness(.96)}.shop-person[data-slot=q2]{--x: var(--q2-x);--b: var(--q2-b);--w: var(--q2-w);z-index:20;filter:saturate(.8) brightness(.9)}.shop-person[data-slot=seat]{--x: var(--seat-x);--b: var(--seat-b);--w: var(--seat-w);z-index:24}.shop-person[data-slot=exit]{--x: var(--q2-x);--b: var(--q2-b);--w: var(--q2-w);z-index:19;opacity:0}.shop-shadow{position:absolute;left:8%;right:8%;bottom:-5%;height:12%;border-radius:50%;background:radial-gradient(closest-side,color-mix(in srgb,var(--c-shade) 38%,transparent),transparent);transition:opacity .6s ease}.shop-legs{transition:opacity .5s ease .5s}.shop-person[data-slot=seat] .shop-legs,.shop-person[data-slot=seat] .shop-shadow{opacity:0}.shop-guest-hands{animation:shop-fade-in .5s ease both}.shop-bob{animation:shop-bob 2.8s ease-in-out infinite;transform-origin:50% 100%}.shop-walking{animation:shop-hop .25s ease-in-out 4;transform-origin:50% 100%}.shop-fidget{animation:shop-fidget 6s ease-in-out infinite;transform-origin:50% 100%}@keyframes shop-bob{0%,to{transform:translateY(0)}50%{transform:translateY(-2.5%)}}@keyframes shop-hop{0%,to{transform:translateY(0) rotate(0)}50%{transform:translateY(-7%) rotate(-2deg)}}@keyframes shop-fidget{0%,70%,to{transform:rotate(0)}76%{transform:rotate(-3deg)}84%{transform:rotate(2deg)}}@keyframes shop-fade-in{0%{opacity:0}}.shop-reader{position:absolute;left:calc(62.875 * var(--vu));bottom:calc(24.4 * var(--vu));width:calc(30.75 * var(--vu));z-index:23}.shop-table{position:absolute;left:calc(27 * var(--vu));bottom:0;width:calc(82 * var(--vu));height:auto;overflow:visible;z-index:30}.shop-light{position:absolute;inset:0;z-index:35;pointer-events:none;background:var(--light)}.shop-bubble{position:absolute;left:calc(58 * var(--vu));bottom:calc(53 * var(--vu));translate:-100% 0;z-index:40;width:max-content;max-width:calc(54 * var(--vu))}.shop-far{transform:translate(calc(var(--px, 0) * -2.4px),calc(var(--py, 0) * -1.4px));transition:transform .6s cubic-bezier(.16,1,.3,1)}.shop-glow{animation:shop-glow 3.4s ease-in-out infinite;transform-box:fill-box;transform-origin:center}.shop-breath{animation:shop-breath 5s ease-in-out infinite}.shop-flame{animation:shop-flame 1.1s ease-in-out infinite alternate;transform-box:fill-box;transform-origin:50% 100%}.shop-tail{animation:shop-tail 2.6s ease-in-out infinite;transform-box:fill-box;transform-origin:0% 100%}.shop-twinkle{animation:twinkle 3.2s ease-in-out infinite;transform-box:fill-box;transform-origin:center}.shop-sway{animation:shop-sway 4.2s ease-in-out infinite}.shop-sway-slow{animation:shop-sway-slow 6s ease-in-out infinite}.shop-spin{animation:shop-spin 40s linear infinite}.shop-float{animation:shop-float 4.6s ease-in-out infinite}.shop-drift{animation:shop-drift 14s ease-in-out infinite alternate}.shop-drift-slow{animation:shop-drift 22s ease-in-out infinite alternate}.shop-shimmer{animation:shop-shimmer 2.8s ease-in-out infinite}.shop-steam{animation:shop-steam 3s ease-in-out infinite;transform-box:fill-box;transform-origin:50% 100%}@keyframes shop-glow{0%,to{opacity:.35;transform:scale(.94)}50%{opacity:.75;transform:scale(1.06)}}@keyframes shop-breath{0%,to{opacity:.85}50%{opacity:1}}@keyframes shop-flame{0%{transform:scale(1) rotate(-3deg)}to{transform:scale(.9,1.12) rotate(3deg)}}@keyframes shop-tail{0%,to{transform:rotate(0)}50%{transform:rotate(-14deg)}}@keyframes shop-sway{0%,to{transform:rotate(-4deg)}50%{transform:rotate(4deg)}}@keyframes shop-sway-slow{0%,to{transform:translateY(0)}50%{transform:translateY(.6px)}}@keyframes shop-spin{to{transform:rotate(360deg)}}@keyframes shop-float{0%,to{transform:translateY(0)}50%{transform:translateY(-1.2px)}}@keyframes shop-drift{0%{transform:translate(-3px)}to{transform:translate(5px)}}@keyframes shop-shimmer{0%,to{opacity:.55}50%{opacity:1}}@keyframes shop-steam{0%,to{opacity:.2;transform:translateY(2px)}50%{opacity:.6;transform:translateY(-2px)}}.shop-dots span{animation:shop-dot 1.2s ease-in-out infinite}.shop-dots span:nth-child(2){animation-delay:.15s}.shop-dots span:nth-child(3){animation-delay:.3s}@keyframes shop-dot{0%,60%,to{transform:translateY(0);opacity:.4}30%{transform:translateY(-3px);opacity:1}}.shop-heart{animation:shop-heart .5s cubic-bezier(.16,1,.3,1) both}@keyframes shop-heart{0%{opacity:0;transform:scale(.2) translateY(6px)}to{opacity:1;transform:none}}@media(prefers-reduced-motion:reduce){.shop-person,.shop-far,.shop-legs,.shop-shadow{transition:none}.shop-bob,.shop-walking,.shop-fidget,.shop-glow,.shop-breath,.shop-flame,.shop-tail,.shop-twinkle,.shop-sway,.shop-sway-slow,.shop-spin,.shop-float,.shop-drift,.shop-drift-slow,.shop-shimmer,.shop-steam,.shop-dots span,.shop-heart,.shop-guest-hands{animation:none}.shop-far{transform:none}}
