@layer screens{.game{position:relative;display:flex;flex-direction:column;max-width:520px;height:100dvh;margin:0 auto}.scene{position:relative;flex:none;height:auto;aspect-ratio:4 / 3;overflow:hidden;border-radius:0 0 var(--r-xl) var(--r-xl);box-shadow:0 6px 0 var(--pink-300),0 14px 20px -10px #a82e6880;contain:layout paint;--sky-top: var(--sky-sang-top);--sky-bottom: var(--sky-sang-bottom);--sun: var(--sky-sang-sun)}.scene[data-gio=sang]{--sky-top: var(--sky-sang-top);--sky-bottom: var(--sky-sang-bottom);--sun: var(--sky-sang-sun)}.scene[data-gio=trua]{--sky-top: var(--sky-trua-top);--sky-bottom: var(--sky-trua-bottom);--sun: var(--sky-trua-sun)}.scene[data-gio=chieu]{--sky-top: var(--sky-chieu-top);--sky-bottom: var(--sky-chieu-bottom);--sun: var(--sky-chieu-sun)}.scene[data-gio=chieu] .lantern,.scene[data-gio=chieu] .bulb{filter:drop-shadow(0 0 6px var(--butter-300)) drop-shadow(0 0 12px var(--peach-500))}.scene .bg{position:absolute;inset:0;width:100%;height:100%}.scene .wx-particles{position:absolute;inset:0;z-index:2;pointer-events:none;overflow:hidden;contain:strict}.scene .awning{position:absolute;top:0;left:0;z-index:4;width:100%;height:auto;aspect-ratio:400 / 44;overflow:visible;pointer-events:none}.scene .counter{position:absolute;bottom:0;left:0;z-index:3;width:100%;height:auto;aspect-ratio:400 / 140;overflow:visible;pointer-events:none}.walkers{position:absolute;left:0;right:0;bottom:33%;height:20%;z-index:1;pointer-events:none;overflow:hidden}.walker{position:absolute;bottom:0;width:6.5%;opacity:.6;filter:saturate(.7);animation:walk-ltr 10s linear forwards}.walker svg{display:block;width:100%;animation:bob .32s ease-in-out infinite alternate}.walker.rtl{animation-name:walk-rtl}.walker.rtl svg{transform:scaleX(-1)}@keyframes walk-ltr{0%{left:-15%}to{left:105%}}@keyframes walk-rtl{0%{left:105%}to{left:-15%}}@keyframes bob{0%{translate:0 0}to{translate:0 -5%}}.shop-sign{position:absolute;left:50%;top:34%;z-index:2;padding:1px var(--sp-4);border:var(--bw) solid var(--butter-500);border-radius:var(--r-md);background:linear-gradient(180deg,var(--butter-100),var(--butter-300));color:var(--pink-700);font-family:var(--font-display);font-weight:800;font-size:var(--fs-xl);line-height:1.3;white-space:nowrap;box-shadow:0 4px 0 var(--butter-700);transform:translate(-50%) rotate(-2deg)}.crowd{position:absolute;left:0;right:0;bottom:27%;height:66%;z-index:2;pointer-events:none}.guest{position:absolute;bottom:0;display:flex;flex-direction:column;align-items:center;width:25%;max-width:140px;padding:0;border:0;background:none;cursor:pointer;pointer-events:auto;touch-action:manipulation;transform:translate(-50%)}.guest:disabled{cursor:default}.guest:disabled:not(.leave-happy):not(.leave-angry) .guest-body{filter:saturate(.6) brightness(.95)}.guest-body,.guest-body svg{display:block;width:100%}.guest.active .guest-body svg{filter:drop-shadow(0 0 7px var(--butter-500))}.guest:nth-child(odd) .guest-bubble{z-index:1}.face-layer{display:none}.guest.mood-ok .face-ok,.guest[data-mood=thuong] .face-ok,.guest:not(.mood-mid):not(.mood-low):not(.mood-vui):not([data-mood=cau]):not([data-mood=gian]):not([data-mood=vui]) .face-ok{display:inline}.guest.mood-mid .face-mid,.guest[data-mood=cau] .face-mid,.guest.mood-low .face-low,.guest[data-mood=gian] .face-low,.guest.mood-vui .face-vui,.guest[data-mood=vui] .face-vui{display:inline}.guest.leave-angry .guest-body{transform:scaleX(-1)}.guest-bubble{position:relative;display:flex;align-items:center;gap:var(--sp-1);margin-bottom:6px;padding:2px var(--sp-3) 2px var(--sp-1);border:2.5px solid var(--pink-300);border-radius:16px;background:var(--paper-50);font-weight:800;font-size:var(--fs-sm);line-height:1.15;white-space:nowrap;box-shadow:0 4px 0 var(--berry-300),0 6px 14px #b4325a24;transition:transform var(--t-fast) var(--ease-out),background-color var(--t-fast)}.guest-bubble img{display:block;width:30px;height:30px;object-fit:contain;background:var(--pink-50);border-radius:9px;padding:1.5px;box-shadow:inset 0 1px 2px #dc507824}.gb-text{padding-left:2px}.guest-bubble:after{content:"";position:absolute;left:50%;bottom:-7px;width:10px;height:10px;border-right:2.5px solid var(--pink-300);border-bottom:2.5px solid var(--pink-300);background:var(--paper-50);transform:translate(-50%) rotate(45deg)}.guest.active .guest-bubble,.guest.active .guest-bubble:after{background:var(--cream);border-color:var(--butter-500)}.guest.active .guest-bubble{z-index:2;box-shadow:0 4px 0 var(--butter-edge),0 8px 18px #f6c45152;transform:scale(1.04)}.guest.active .guest-bubble img{background:var(--paper-100);box-shadow:inset 0 1px 2px #e6aa2833}.guest-bar{width:70%;height:9px;margin-bottom:4px;overflow:hidden;border:1.5px solid var(--white);border-radius:var(--r-pill);background:#3b214040}.guest-fill{display:block;width:100%;height:100%;border-radius:var(--r-pill);background:var(--butter-500);transform-origin:left center;will-change:transform}.guest-fill[data-level=mid]{background:var(--pink-500)}.guest-fill[data-level=low]{background:var(--berry)}.guest.enter{animation:guest-in 1.4s ease-out both}.guest.enter .guest-body svg{animation:bob var(--dur-nhe) ease-in-out 4 alternate}.guest.enter .guest-bubble,.guest.enter .guest-bar{animation:fade-in var(--dur-nhe) 1.3s both}@keyframes guest-in{0%{transform:translate(calc(-50% + var(--from, -300%)),-14%) scale(.72);opacity:0}15%{opacity:1}75%{transform:translate(-50%,-14%) scale(.78)}to{transform:translate(-50%) scale(1)}}@keyframes fade-in{0%{opacity:0}to{opacity:1}}.guest.leave-happy{animation:guest-out 1.4s ease-in both}.guest.leave-angry{animation:shake var(--dur-vua) 2,guest-out 1s .8s ease-in both}.guest.leave-happy .guest-bubble,.guest.leave-angry .guest-bubble,.guest.leave-happy .guest-bar,.guest.leave-angry .guest-bar{visibility:hidden}@keyframes guest-out{0%{transform:translate(-50%) scale(1)}25%{transform:translate(-50%,-10%) scale(.95)}to{transform:translate(calc(-50% + var(--to, 300%)),-14%) scale(.72);opacity:0}}@keyframes shake{0%,to{translate:0 0}25%{translate:-4px 0}75%{translate:4px 0}}.coin-pop{position:absolute;bottom:70%;z-index:6;padding:0 var(--sp-3);border:2.5px solid var(--butter-700);border-radius:var(--r-pill);background:linear-gradient(180deg,var(--butter-100),var(--butter-300));color:var(--text);font-family:var(--font-display);font-weight:800;font-size:var(--fs-md);white-space:nowrap;transform:translate(-50%);animation:pop-up 1.4s ease-out forwards}@keyframes pop-up{0%{opacity:0;translate:0 10px}15%{opacity:1}to{opacity:0;translate:0 -50px}}.diba-spot{position:absolute;left:1%;bottom:-3%;z-index:5;width:17%;max-width:92px;pointer-events:none}.diba-spot svg{display:block;width:100%}.diba.in-scene{position:absolute;inset:14% auto auto 4%;z-index:7;max-width:66%}.diba.in-scene .diba-face{display:none}.diba.in-scene .diba-bubble{border-radius:var(--r-md) var(--r-md) var(--r-md) var(--r-xs)}@media(prefers-reduced-motion:reduce){.guest.enter,.guest.leave-happy,.guest.leave-angry,.walker,.coin-pop,.guest.enter .guest-body svg{animation:none!important}.guest.enter .guest-bubble,.guest.enter .guest-bar{animation:none!important;opacity:1}}.scene.brewing .guest:not(.active){opacity:.55}.scene[data-station=pot] .st-pot,.scene[data-station=jar] .st-jar,.scene[data-station=machine] .st-machine{filter:drop-shadow(0 0 4px var(--white)) drop-shadow(0 0 9px var(--pink-500));animation:station-bob 1s ease-in-out infinite alternate}.scene[data-station=cup] .st-cup{filter:drop-shadow(0 0 3px var(--white)) drop-shadow(0 0 7px var(--pink-400))}.scene.counter-view .shop-sign{transition:opacity var(--t-med) var(--ease-out)}.scene.counter-view.brewing .shop-sign{opacity:0}@keyframes station-bob{0%{transform:translateY(0)}to{transform:translateY(-4px)}}.st{transform-box:fill-box}@media(prefers-reduced-motion:reduce){.scene[data-station] .st{animation:none!important}}.scene.counter-view{height:min(38dvh,70vw);min-height:210px;aspect-ratio:auto;background:var(--cream);box-shadow:var(--sh-soft)}.counter-view .walkers{display:none}.scene.counter-view .counter{height:100%;aspect-ratio:auto;z-index:4}.scene.counter-view .shop-sign{top:auto;bottom:5%;z-index:5;max-width:46%;padding:1px var(--sp-2);overflow:hidden;text-overflow:ellipsis;border:2px solid var(--peach-300);background:var(--cream);box-shadow:var(--sh-soft);font-size:var(--fs-xs);color:var(--text-soft);transform:translate(-50%)}.counter-view .hud-row{position:absolute;top:3%;left:50%;z-index:6;max-width:90%;transform:translate(-50%)}.counter-notice{display:block;padding:var(--sp-1) var(--sp-3);border:2px solid var(--peach-300);border-radius:var(--r-pill);background:var(--cream);box-shadow:var(--sh-soft);font-size:var(--fs-xs);font-weight:800;white-space:nowrap}.counter-view .crowd{bottom:30%;height:66%;z-index:3}.counter-view .guest{display:block;width:19%;max-width:138px;z-index:1;transition:left var(--t-slow) var(--ease-out),width var(--t-slow) var(--ease-out),opacity var(--t-med)}.counter-view .guest.lead{left:45%!important;width:30%;max-width:200px;z-index:3}.counter-view .guest:not(.lead):not(.departing){opacity:.8}.counter-view .guest-bubble{position:absolute;left:50%;top:-27%;display:grid;grid-template-columns:1fr;width:max-content;max-width:min(76vw,276px);gap:var(--sp-1);padding:var(--sp-2);border:2.5px solid var(--peach-300);border-radius:14px;background:var(--paper-50);box-shadow:0 4px 0 var(--berry-300),0 8px 18px #a82e681f;white-space:normal;text-align:left;transform:translate(-50%)}.counter-view .guest.lead .guest-bubble{left:70%;top:4%;width:176px;max-width:42vw;grid-template-columns:34px minmax(0,1fr);transform:none}.counter-view .guest-bubble:after{border-width:2.5px;border-color:var(--peach-300);background:var(--paper-50)}.counter-view .guest-bubble img{width:32px;height:42px;object-fit:contain;background:var(--pink-50);border-radius:8px;padding:2px;box-shadow:inset 0 1px 2px #dc50781f}.counter-view .guest.lead .guest-bubble img{width:34px;height:44px}.counter-view .gb-copy{display:grid;gap:var(--sp-1);min-width:0}.counter-view .gb-text{padding:0;line-height:1.25;font-size:var(--fs-sm)}.counter-view .gb-detail{color:var(--text-soft);font-size:var(--fs-xs);font-weight:700;line-height:1.35}.counter-view .guest:not(.lead):not(.departing) .gb-copy{display:none}.counter-view .guest:not(.lead):not(.departing) .guest-bubble{padding:2px var(--sp-1);border-radius:var(--r-pill)}.counter-view .guest:not(.lead):not(.departing) .guest-bubble img{width:28px;height:32px;padding:1px}.counter-view .guest-bar{grid-column:1 / -1;width:100%;height:6px;margin:0;border-width:1px}.counter-view .guest.active .guest-bubble{background:var(--cream);border-color:var(--butter-500);box-shadow:0 4px 0 var(--butter-500),0 8px 18px #f6c45147}.counter-view .guest.active .guest-bubble:after{background:var(--cream);border-color:var(--butter-500)}.counter-view .guest.active .guest-body svg{filter:drop-shadow(0 3px 5px var(--butter-300))}.counter-view .guest.departing{left:var(--review-x)!important;width:26%;z-index:4}.counter-view .guest.departing .guest-bubble{left:50%;top:-35%;display:grid;grid-template-columns:1fr;justify-items:center;width:160px;max-width:43vw;text-align:center;transform:translate(-50%)}.counter-view .guest.departing .gb-detail{display:none}.counter-view .guest.reacting .guest-bubble{animation-name:counter-bubble-pop}@keyframes counter-bubble-pop{0%{transform:translate(-50%) scale(.8)}to{transform:translate(-50%) scale(1)}}.counter-view .guest-rating{display:flex;gap:1px;font-size:var(--fs-lg);line-height:1}.guest-star{color:var(--line-strong)}.guest-star.filled{color:var(--butter-700)}.scene.counter-view.brewing{height:min(23dvh,45vw);min-height:130px}.counter-view.brewing .guest.active.lead{width:24%}.counter-view.brewing .guest.active.lead .guest-bubble{left:100%;top:12%;width:50px;grid-template-columns:1fr}.counter-view.brewing .guest.active.lead .gb-copy{display:none}.counter-view .held-cup{bottom:50%;left:68%;width:20%}.counter-view .diba-spot{left:2.5%;bottom:3%;width:12%;max-width:78px}.counter-view .diba.in-scene{left:14%;bottom:4%;max-width:72%}.counter-view .fly-cup{bottom:26%}.counter-view .coin{animation-name:counter-coin}@keyframes counter-coin{0%{opacity:1}40%{bottom:60%}to{left:86%;bottom:44%;opacity:1;transform:scale(.8)}}.counter-view .coin-pop{bottom:61%;font-size:var(--fs-sm)}@media(max-height:600px)and (max-width:959px){.scene.counter-view{height:clamp(160px,33dvh,215px);min-height:0}.scene.counter-view.brewing{height:clamp(100px,20dvh,130px);min-height:0}}@media(max-width:599px){.counter-view .guest.lead:not(.departing) .gb-detail{display:none}}@media(prefers-reduced-motion:reduce){.counter-view .guest{transition:none}}}@layer screens{.scene{container-type:inline-size}.scene .shop-sign{top:22%}.cloud{animation:drift 60s linear infinite}.cloud.c2{animation-duration:85s;animation-delay:-30s}@keyframes drift{0%{transform:translate(-120px)}to{transform:translate(460px)}}.tree{transform-box:fill-box;transform-origin:50% 100%;animation:sway 4.5s ease-in-out infinite alternate}@keyframes sway{0%{transform:rotate(-1.5deg)}to{transform:rotate(1.5deg)}}.bulb{animation:twinkle 1.6s ease-in-out infinite alternate}@keyframes twinkle{0%{fill:var(--butter-300)}to{fill:var(--butter-100)}}.steam path,.steam-p{animation:steam 2.4s ease-out infinite;opacity:0}.steam .s2{animation-delay:1.2s}@keyframes steam{0%{transform:translateY(6px);opacity:0}30%{opacity:.9}to{transform:translateY(-14px);opacity:0}}.led{animation:led 1.2s steps(2) infinite}@keyframes led{50%{fill:var(--pink-400)}}.leaf{transform-box:fill-box;transform-origin:50% 100%;animation:sway 3s ease-in-out infinite alternate}.steam-wisp{opacity:0;transform-box:fill-box;transform-origin:50% 100%}.steam-wisp-1{animation:pot-steam-1 2.8s ease-out infinite}.steam-wisp-2{animation:pot-steam-2 2.8s ease-out -1.4s infinite}@keyframes pot-steam-1{0%{transform:translateY(4px) scale(.7);opacity:0}25%{opacity:.85}70%{opacity:.5}to{transform:translate(-3px,-18px) scale(1.15);opacity:0}}@keyframes pot-steam-2{0%{transform:translateY(4px) scale(.6);opacity:0}25%{opacity:.75}70%{opacity:.4}to{transform:translate(4px,-16px) scale(1.1);opacity:0}}.pot-gauge-bubble{animation:gauge-bubble 3.2s ease-in-out infinite}@keyframes gauge-bubble{0%,to{transform:translateY(0);opacity:.4}50%{transform:translateY(-7px);opacity:.95}}.plant-leaf{transform-box:fill-box;transform-origin:50% 50%}.plant-leaf-l{animation:plant-sway-l 4.8s ease-in-out infinite alternate}.plant-leaf-r{animation:plant-sway-r 5.2s ease-in-out -1.2s infinite alternate}.plant-leaf-c{animation:plant-sway-c 4s ease-in-out -2.4s infinite alternate}@keyframes plant-sway-l{0%{transform:rotate(-4deg)}to{transform:rotate(3.5deg)}}@keyframes plant-sway-r{0%{transform:rotate(-3.5deg)}to{transform:rotate(4.5deg)}}@keyframes plant-sway-c{0%{transform:rotate(-2.5deg)}to{transform:rotate(2.5deg)}}.jar-scoop{transform-box:fill-box;transform-origin:50% 50%;animation:jar-scoop 6s ease-in-out infinite alternate}@keyframes jar-scoop{0%{transform:rotate(-3deg)}to{transform:rotate(3deg)}}.coaster-ring{animation:coaster-glow 3.4s ease-in-out infinite alternate}@keyframes coaster-glow{0%{stroke-opacity:.4}to{stroke-opacity:.95}}.machine-reel{transform-box:fill-box;transform-origin:50% 50%}.machine-reel-l,.machine-reel-r{animation:reel-turn 9s linear infinite}@keyframes reel-turn{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.machine-screen .screen-wave{animation:screen-pulse 2.2s ease-in-out infinite alternate}@keyframes screen-pulse{0%{stroke:var(--butter-300);opacity:.7}to{stroke:var(--butter-500);opacity:1}}.machine-screen .screen-dot{animation:screen-blink 1.2s steps(2) infinite}@keyframes screen-blink{50%{opacity:0}}.machine-led{animation:led-breathe 2.4s ease-in-out infinite alternate}@keyframes led-breathe{0%{fill:var(--pink-400);filter:drop-shadow(0 0 1px var(--pink-400))}to{fill:var(--pink-600);filter:drop-shadow(0 0 3px var(--pink-600))}}.machine-lever{transform-box:fill-box;transform-origin:50% 50%;animation:lever-bob 5.4s ease-in-out infinite}@keyframes lever-bob{0%,82%,to{transform:rotate(0)}88%{transform:rotate(5deg)}93%{transform:rotate(-2deg)}}.tip-heart{transform-box:fill-box;transform-origin:50% 50%;animation:tip-heartbeat 3.8s ease-in-out infinite}@keyframes tip-heartbeat{0%,75%,to{transform:scale(1)}80%{transform:scale(1.12)}86%{transform:scale(.96)}92%{transform:scale(1.08)}}@keyframes spin{to{transform:rotate(360deg)}}.walker-fig{display:block}.walker-fig svg{display:block;width:100%;animation:bob .32s ease-in-out infinite alternate}.walker.rtl .walker-fig svg{transform:scaleX(-1)}.walker.talker{width:12%;opacity:1;filter:none}.walker-say{position:absolute;bottom:100%;left:50%;transform:translate(-50%);background:var(--white);border:2px solid var(--pink-300);border-radius:12px;padding:0 6px;font-size:var(--fs-xs);font-weight:800;white-space:nowrap}.guest:not(.enter):not(.leave-happy):not(.leave-angry) .guest-body svg{animation:breathe 2.6s ease-in-out infinite;animation-delay:var(--d, 0s);transform-origin:50% 100%}.guest[data-mood=cau]:not(.enter):not(.leave-happy):not(.leave-angry) .guest-body svg{animation:tap-foot .7s ease-in-out infinite alternate}.guest[data-mood=gian]:not(.enter):not(.leave-happy):not(.leave-angry) .guest-body svg{animation:fume .25s linear infinite alternate}@keyframes breathe{0%,to{transform:scale(1)}50%{transform:scale(1.015,.985)}}@keyframes tap-foot{0%{transform:rotate(-2deg)}to{transform:rotate(2deg) translateY(-2%)}}@keyframes fume{0%{transform:translate(-1.5px)}to{transform:translate(1.5px)}}.guest .eyes-open{transform-box:fill-box;transform-origin:center;animation:blink 4.2s infinite;animation-delay:var(--d, 0s)}@keyframes blink{0%,94%,to{transform:scaleY(1)}97%{transform:scaleY(.1)}}.guest.reacting .guest-bubble{animation:bubble-pop .3s ease-out;background:var(--white);visibility:visible}.guest.reacting .guest-bar{visibility:hidden}@keyframes bubble-pop{0%{transform:scale(.6)}to{transform:scale(1)}}.guest.leave-happy .guest-bubble,.guest.leave-angry .guest-bubble{visibility:visible}.guest.leave-happy{animation:guest-out 1.4s ease-in both}.guest.leave-angry{animation:stomp .2s 4 alternate,guest-out 1s .8s ease-in both}@keyframes stomp{0%{translate:0 0}to{translate:0 -6px}}.held-cup{position:absolute;left:58%;bottom:8%;width:18%;aspect-ratio:3 / 4;border:2.5px solid var(--outline);border-radius:2px 2px 8px 8px;background:linear-gradient(to top,var(--c) 78%,var(--white) 78%);z-index:2}.held-cup:before{content:"";position:absolute;left:55%;top:-40%;width:3px;height:50%;background:var(--pink-500);border:1.5px solid var(--outline);transform:rotate(8deg)}.guest.leave-happy .held-cup{animation:sip .5s ease-in-out 2 alternate}@keyframes sip{to{transform:translateY(-14%) rotate(-8deg)}}.fly-cup{position:absolute;left:50%;bottom:31%;z-index:8;width:9%;max-width:44px;aspect-ratio:3 / 4;border:2.5px solid var(--outline);border-radius:3px 3px 10px 10px;background:linear-gradient(to top,var(--c) 78%,var(--white) 78%);transform:translate(-50%);animation:fly-cup .45s ease-in forwards}@keyframes fly-cup{50%{bottom:52%}to{left:var(--x);bottom:40%;transform:translate(-50%) scale(.9)}}.coin{position:absolute;left:var(--x);bottom:40%;width:12px;height:12px;border-radius:50%;background:var(--butter-500);border:2px solid var(--outline);z-index:8;opacity:0;animation:coin-fly .7s ease-in forwards}@keyframes coin-fly{0%{opacity:1}40%{bottom:58%}to{left:83.5%;bottom:32%;opacity:1;transform:scale(.8)}}.heart{position:absolute;bottom:62%;width:14px;height:14px;z-index:6;opacity:0;animation:heart-up 1.3s ease-out forwards}.heart:before,.heart:after{content:"";position:absolute;top:0;width:8px;height:12px;background:var(--pink-500);border-radius:8px 8px 0 0}.heart:before{left:6px;transform:rotate(-45deg);transform-origin:0 100%}.heart:after{left:0;transform:rotate(45deg);transform-origin:100% 100%}@keyframes heart-up{0%{opacity:0;transform:translateY(0) scale(.5)}20%{opacity:1;transform:scale(1)}to{opacity:0;transform:translateY(-46px) scale(1)}}.brew-cup-pos{transition:transform var(--dur-nang) var(--ease-out)}.brew-cup-pos.instant{transition:none}.brew-cup-hop{transform-box:fill-box;transform-origin:50% 100%}.brew-cup-hop.hop{animation:brew-cup-hop var(--dur-nang) var(--ease-out)}.brew-cup-hop.pop{animation:brew-cup-pop var(--dur-vua) var(--ease-bounce)}.brew-cup-breathe{transform-box:fill-box;transform-origin:50% 100%}.brew-cup-halo{transform-box:fill-box;transform-origin:50% 50%;opacity:0}.scene[data-station=cup] .brew-cup-halo{animation:brew-cup-halo var(--dur-nhau) ease-in-out infinite}.scene[data-station=cup] .brew-cup-breathe{animation:brew-cup-breathe var(--dur-nhau) ease-in-out infinite}@keyframes brew-cup-halo{0%,to{opacity:.35;transform:scale(.85)}50%{opacity:.75;transform:scale(1.15)}}@keyframes brew-cup-breathe{0%,to{transform:scale(1)}50%{transform:scale(1.03,.97)}}.brew-cup-liq{transform-box:fill-box;transform-origin:50% 100%;transform:scaleY(0);transition:transform var(--dur-vua) var(--ease-out)}@keyframes brew-cup-hop{35%{transform:translateY(-9px)}70%{transform:translateY(0) scale(1.06,.94)}}@keyframes brew-cup-pop{40%{transform:scale(1.15,.88)}}.diba-spot svg{animation:diba-breathe 4.2s ease-in-out infinite;transform-origin:50% 100%}.diba-spot.talk svg{animation:diba-talk .24s ease-in-out 6 alternate}@keyframes diba-breathe{0%,to{transform:scale(1) rotate(0)}50%{transform:scale(1.018,1.03) rotate(-.8deg)}}@keyframes diba-talk{0%{transform:translateY(0) rotate(0)}to{transform:translateY(-3%) rotate(-1.5deg)}}.chimney-smoke{transform-box:fill-box;transform-origin:50% 100%;animation:chimney-puff 3.6s ease-out infinite}@keyframes chimney-puff{0%{transform:translateY(0) scale(.8);opacity:0}25%{opacity:.75}75%{opacity:.35}to{transform:translateY(-16px) translate(6px) scale(1.3);opacity:0}}.scene.paused *,.scene.paused *:before,.scene.paused *:after,.scene.tab-hidden *,.scene.tab-hidden *:before,.scene.tab-hidden *:after{animation-play-state:paused}@media(prefers-reduced-motion:reduce){.cloud,.tree,.bulb,.steam path,.led,.leaf,.steam-p,.walker-fig svg,.guest .guest-body svg,.guest .eyes-open,.held-cup,.fly-cup,.coin,.heart,.brew-cup-hop,.brew-cup-breathe,.brew-cup-halo,.diba-spot svg,.steam-wisp,.pot-gauge-bubble,.plant-leaf,.jar-scoop,.coaster-ring,.machine-reel,.screen-wave,.screen-dot,.machine-led,.machine-lever,.tip-heart,.chimney-smoke,.wx-particles *,.wx-p,.wx-puddle,.wx-mist{animation:none!important}.steam path,.steam-wisp,.chimney-smoke{opacity:0}.brew-cup-pos,.brew-cup-liq{transition:none}}.lantern{transform-box:fill-box;transform-origin:50% 0;animation:lantern-sway 4.2s ease-in-out infinite alternate;animation-delay:var(--d, 0s)}@keyframes lantern-sway{0%{transform:rotate(-4deg)}to{transform:rotate(4deg)}}.cat .cat-body{transform-box:fill-box;transform-origin:50% 100%;animation:cat-breathe 3.6s ease-in-out infinite}@keyframes cat-breathe{0%,to{transform:scale(1)}50%{transform:scale(1.015,1.04)}}.cat .cat-bob{animation:cat-bob 3.6s ease-in-out infinite}@keyframes cat-bob{0%,to{transform:translateY(0)}50%{transform:translateY(-.7px)}}.cat .cat-tail,.cat .cat-tail-tip,.cat .cat-head{transform-box:fill-box;transform-origin:50% 50%}.cat .cat-tail{animation:cat-tail 4.6s ease-in-out infinite alternate}@keyframes cat-tail{0%{transform:rotate(-7deg)}to{transform:rotate(11deg)}}.cat .cat-tail-tip{animation:cat-tail-tip 4.6s ease-in-out -1.1s infinite alternate}@keyframes cat-tail-tip{0%{transform:rotate(14deg)}to{transform:rotate(-20deg)}}.cat .cat-head{animation:cat-head 9s ease-in-out infinite}@keyframes cat-head{0%,22%{transform:rotate(0)}30%,48%{transform:rotate(-6deg)}56%,70%{transform:rotate(0)}76%,86%{transform:rotate(4deg)}94%,to{transform:rotate(0)}}.cat .cat-bell{transform-box:fill-box;transform-origin:50% 0;animation:cat-bell 9s ease-in-out infinite}@keyframes cat-bell{0%,22%{transform:rotate(0)}27%{transform:rotate(12deg)}32%{transform:rotate(-8deg)}37%{transform:rotate(4deg)}42%,52%{transform:rotate(0)}57%{transform:rotate(-10deg)}62%{transform:rotate(6deg)}67%,to{transform:rotate(0)}}.cat .cat-eye{transform-box:fill-box;transform-origin:50% 50%;animation:cat-blink 6s infinite}@keyframes cat-blink{0%,40%,44%,48%,52%,80%,95%,to{transform:scaleY(1)}42%,50%{transform:scaleY(.1)}84%,90%{transform:scaleY(.12)}}.cat .cat-ear{transform-box:fill-box;transform-origin:50% 90%}.cat .cat-ear-l{animation:cat-ear-l 7s infinite}@keyframes cat-ear-l{0%,80%,89%,to{transform:rotate(0)}83%{transform:rotate(-16deg)}86%{transform:rotate(5deg)}}.cat .cat-ear-r{animation:cat-ear-r 8.6s -3s infinite}@keyframes cat-ear-r{0%,80%,89%,to{transform:rotate(0)}83%{transform:rotate(16deg)}86%{transform:rotate(-5deg)}}.cat .cat-whisk{transform-box:fill-box}.cat .cat-whisk-l{transform-origin:100% 50%;animation:cat-whisk-l 6.4s infinite}.cat .cat-whisk-r{transform-origin:0% 50%;animation:cat-whisk-r 6.4s infinite}@keyframes cat-whisk-l{0%,68%,80%,to{transform:rotate(0)}71%{transform:rotate(7deg)}74%{transform:rotate(-2deg)}77%{transform:rotate(4deg)}}@keyframes cat-whisk-r{0%,68%,80%,to{transform:rotate(0)}71%{transform:rotate(-7deg)}74%{transform:rotate(2deg)}77%{transform:rotate(-4deg)}}.cat .cat-paw-l{animation:cat-knead-l 11s ease-in-out infinite}.cat .cat-paw-r{animation:cat-knead-r 11s ease-in-out infinite}@keyframes cat-knead-l{0%,72%,80%,88%,to{transform:translateY(0)}76%,84%{transform:translateY(-1.4px)}}@keyframes cat-knead-r{0%,76%,84%,92%,to{transform:translateY(0)}80%,88%{transform:translateY(-1.4px)}}@media(prefers-reduced-motion:reduce){.lantern,.cat *{animation:none!important}}.wx-p{position:absolute;pointer-events:none;will-change:transform,opacity}.wx-rain{width:2px;height:18px;border-radius:var(--r-pill);background:linear-gradient(180deg,transparent,var(--sky-300),var(--white));opacity:.75;animation:wx-rain-fall .9s linear infinite}.wx-rain.heavy{height:24px;opacity:.9}@keyframes wx-rain-fall{0%{transform:translate(6px,-24px) rotate(14deg);opacity:0}20%{opacity:.85}to{transform:translate(-18px,140px) rotate(14deg);opacity:0}}.wx-puddle{position:absolute;width:32px;height:6px;border-radius:var(--r-pill);border:1.5px solid var(--sky-100);background:var(--sky-300);opacity:.45;animation:wx-puddle-ripple 2.4s ease-out infinite}@keyframes wx-puddle-ripple{0%{transform:scale(.65);opacity:.65}to{transform:scale(1.25);opacity:0}}.wx-mist{position:absolute;left:-10%;width:120%;height:22%;border-radius:var(--r-pill);background:linear-gradient(90deg,transparent,var(--white),transparent);opacity:.42;animation:wx-mist-drift 8s ease-in-out infinite alternate}@keyframes wx-mist-drift{0%{transform:translate(-4%);opacity:.32}to{transform:translate(4%);opacity:.52}}.wx-sunbeam{top:-8%;width:28px;height:68%;border-radius:var(--r-lg);background:linear-gradient(180deg,var(--butter-100),transparent);opacity:.28;transform-origin:50% 0;animation:wx-sunbeam-glow 4.2s ease-in-out infinite alternate}@keyframes wx-sunbeam-glow{0%{transform:rotate(-22deg) scaleX(.92);opacity:.18}to{transform:rotate(-18deg) scaleX(1.08);opacity:.36}}.wx-petal{width:7px;height:5px;border-radius:var(--r-pill) 2px var(--r-pill) 2px;background:var(--pink-300);border:1px solid var(--pink-500);opacity:.85;animation:wx-petal-fall 4.8s ease-in-out infinite}.wx-leaf{width:8px;height:5px;border-radius:var(--r-pill) 1px var(--r-pill) 1px;background:var(--peach-500);border:1px solid var(--butter-700);opacity:.88;animation:wx-petal-fall 4.6s ease-in-out infinite}@keyframes wx-petal-fall{0%{transform:translateY(-12px) rotate(0);opacity:0}20%{opacity:.9}60%{transform:translate(-14px,48px) rotate(110deg);opacity:.85}to{transform:translate(8px,110px) rotate(220deg);opacity:0}}.wx-snow{width:6px;height:6px;border-radius:var(--r-pill);background:var(--white);border:1px solid var(--sky-300);opacity:.9;animation:wx-snow-fall 5.2s linear infinite}@keyframes wx-snow-fall{0%{transform:translateY(-10px);opacity:0}20%{opacity:.92}to{transform:translate(-10px,115px);opacity:0}}.wx-mote{width:5px;height:5px;border-radius:var(--r-pill);background:var(--butter-300);opacity:.65;animation:wx-mote-float 4.4s ease-in-out infinite alternate}@keyframes wx-mote-float{0%{transform:translateY(0) scale(.85);opacity:.35}to{transform:translateY(-10px) scale(1.15);opacity:.75}}}