.countDown{background:var(--color-white);border-radius:calc(12 / 320 * 1rem);padding:8px 10px;display:inline-flex;gap:6px;justify-content:center}.countDown:before{content:"";width:calc(25 / 320 * 1rem);aspect-ratio:25 / 24;background:url("data:image/svg+xml,%3c?xml%20version='1.0'%20encoding='UTF-8'?%3e%3csvg%20id='_圖層_2'%20data-name='圖層%202'%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2060.44%2057.53'%3e%3cdefs%3e%3cstyle%3e%20.cls-1%20{%20fill:%20%23976fff;%20}%20.cls-2%20{%20fill:%20none;%20stroke:%20%23976fff;%20stroke-miterlimit:%2010;%20stroke-width:%206px;%20}%20%3c/style%3e%3c/defs%3e%3cg%20id='design'%3e%3cpath%20class='cls-1'%20d='M30.22,13.27c10.55,0,19.13,8.58,19.13,19.13s-8.58,19.13-19.13,19.13-19.13-8.58-19.13-19.13S19.67,13.27,30.22,13.27M30.22,7.27c-13.88,0-25.13,11.25-25.13,25.13s11.25,25.13,25.13,25.13,25.13-11.25,25.13-25.13S44.1,7.27,30.22,7.27h0Z'/%3e%3cpath%20class='cls-1'%20d='M3.22,3.93h9.77c3.36,0,6.08,2.73,6.08,6.08v1.52H-2.86v-1.52C-2.86,6.66-.13,3.93,3.22,3.93Z'%20transform='translate(-3.1%207.59)%20rotate(-42.89)'/%3e%3cpath%20class='cls-1'%20d='M41.37,3.93h21.93v1.52c0,3.36-2.73,6.08-6.08,6.08h-9.77c-3.36,0-6.08-2.73-6.08-6.08v-1.52h0Z'%20transform='translate(85.41%2049.02)%20rotate(-137.11)'/%3e%3cpolyline%20class='cls-2'%20points='39.55%2022.15%2030.22%2032.4%2022.72%2026.02'/%3e%3c/g%3e%3c/svg%3e") no-repeat center / contain}.countDown-time{background:#976fff;color:var(--color-white);font-size:.06875rem;line-height:1.2em;text-align:center;padding:0 10px}@media(min-height:542px){html{height:100vh;overflow:hidden;touch-action:pan-x}html::-webkit-scrollbar{display:none;background:transparent;width:0;height:0}html::-webkit-scrollbar-track,html::-webkit-scrollbar-thumb{background-color:transparent}}body{background:var(--bg-purple)}.gamePage{height:calc(100vh - calc(63 / 320 * 1rem));min-height:542px;display:flex;flex-direction:column}.gameWrapper{flex-grow:1}.intro{position:relative;width:100%;height:100%;overflow:hidden;background:var(--bg-purple)}.intro:before{content:"";display:block;position:absolute;top:0;left:0;width:100%;height:1.08125rem;background:var(--bg-blue)}.intro-title{font-size:.09375rem;font-style:italic}.intro-text{position:relative;font-size:calc(14 / 320 * 1rem);font-weight:600;padding-left:.05625rem}.intro-text:before{content:"";display:block;position:absolute;top:50%;left:calc(7 / 320 * 1rem);transform:translateY(-50%);width:calc(3 / 320 * 1rem);height:calc(100% - .025rem);background:var(--color-purple-dark)}.intro-gameTipText{font-size:calc(14 / 320 * 1rem);font-weight:600;color:#fff}.intro--game .intro-tipText,.intro--game .intro-content{display:none}.gameReady{position:fixed;z-index:50;top:0;width:100%;height:100%;background:#00000050;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;gap:calc(28 / 320 * 1rem);padding-bottom:calc(12 / 320 * 1rem);opacity:1;transition:opacity .3s ease-out;touch-action:pan-x}@media(min-height:542px){.gameReady{justify-content:start;padding-top:.68125rem}}.gameReady--hidden{display:none}.gameReady--fadeOut{opacity:0;pointer-events:none}.gameReady-imageContainer{width:calc(209 / 320 * 1rem);aspect-ratio:209 / 106;opacity:1;transform:scale(1);transition:all .4s cubic-bezier(.03,.99,.49,1.5)}.gameReady-imageContainer--hidden{opacity:0;transform:scale(0)}.gameReady-iconClickContainer{width:calc(112 / 320 * 1rem)}.gameReady-iconShakeContainer{width:calc(78 / 320 * 1rem);animation:shakeRotate .5s ease-in-out infinite}@keyframes shakeRotate{0%,to{transform:rotate(-35deg)}50%{transform:rotate(-25deg)}}.gameReady-image{width:100%;height:100%;object-fit:contain}.game--hidden{display:none}.game-countDownContainer{position:absolute;z-index:5;left:50%;transform:translate(-50%);top:.0625rem}.gameFail{position:fixed;z-index:50;top:0;width:100%;height:100%;background:#00000050;display:flex;flex-direction:column;align-items:center;gap:.5rem;padding-top:.59375rem}.gameFail--hidden{display:none}.gameFail-imageContainer{width:calc(214 / 320 * 1rem);aspect-ratio:214 / 122}.gameFail-image{width:100%;height:100%;object-fit:contain}.bubbleAndScoreContainer--hidden{opacity:0;transition:opacity .2s ease-in}.bubbleImageContainer-canvas{display:none}.bubbleImageContainer-image{width:100%;height:100%;object-fit:contain}.scoreContainer{background:#fff;border-radius:100%;width:.19375rem;height:.19375rem;text-align:center;position:absolute;top:0;left:calc(-27 / 320 * 1rem)}.scoreContainer:after{content:"";position:absolute;z-index:-1;bottom:-2px;right:1px;transform:rotate(48deg);width:0;height:0;border-style:solid;border-width:calc(7 / 320 * 1rem) 0 calc(11 / 320 * 1rem) .05rem;border-color:transparent transparent transparent #fff}.scoreContainer-text{color:var(--color-purple-dark);font-size:calc(43 / 320 * 1rem)}.introDecoration img{pointer-events:none}.introDecoration-wave1{position:absolute;z-index:1;left:-.03125rem;top:calc(495 / 320 * 1rem);width:calc(143 / 320 * 1rem);aspect-ratio:143 / 28;animation:introDecorationWave1 1.5s linear infinite}@keyframes introDecorationWave1{0%,to{transform:translate(4px)}50%{transform:translate(-4px)}}.introDecoration-wave2{position:absolute;z-index:1;right:calc(3 / 320 * 1rem);top:calc(543 / 320 * 1rem);width:calc(147 / 320 * 1rem);aspect-ratio:147 / 62;animation:introDecorationWave2 2s linear infinite}@keyframes introDecorationWave2{0%,to{transform:translate(-5px)}50%{transform:translate(5px)}}@keyframes scaleWave{0%,to{transform:scale(1)}50%{transform:scale(.95)}}.intro-content{position:relative;z-index:1;color:var(--color-purple-dark);width:fit-content;margin-left:calc(61 / 320 * 1rem);padding-top:.0625rem}html:lang(en) .intro-content{margin-left:.125rem;padding-right:.125rem}html:lang(en) .intro-text{line-height:1.2em}.intro-islandContainer{position:absolute;top:calc(12 / 320 * 1rem);left:50%;transform:translate(calc(-50% + calc(7 / 320 * 1rem))) translateY(.53125rem)}.intro-imageContainer{pointer-events:none;width:.89375rem;aspect-ratio:420 / 297}.intro-liquidImg{position:absolute;top:.0625rem;left:calc(11 / 320 * 1rem);width:calc(113 / 320 * 1rem)}.intro-milkImg{position:absolute;z-index:-1;top:calc(185 / 320 * 1rem);left:-.0125rem;width:calc(111 / 320 * 1rem);animation:scaleMilk 2s ease-in-out infinite}@keyframes scaleMilk{0%,to{transform:scale(1)}50%{transform:scale(.97)}}.intro-image{width:100%;height:100%;object-fit:contain}.intro-imageWaveContainer{position:absolute;z-index:-2;width:.93125rem;top:calc(156 / 320 * 1rem);left:calc(-13 / 320 * 1rem);aspect-ratio:298 / 73;animation:scaleWave 4s ease-in-out infinite}.intro-tipText{font-size:calc(14 / 320 * 1rem);font-weight:600;color:#fff;text-align:center;position:absolute;left:50%;transform:translate(calc(-50% - calc(7 / 320 * 1rem)));margin-top:.125rem;white-space:nowrap}.intro--game:before{height:100%;transition:height .6s linear}.intro--game .intro-islandContainer{transition:transform .6s linear;transform:translate(calc(-50% + .15625rem)) translateY(calc(272 / 320 * 1rem))}.intro--game .intro-imageContainer{transition:transform .6s linear;width:.93125rem;transform-origin:top center;transform:scale(4.23)}.intro--game .intro-liquidImg{left:.05rem}.game{pointer-events:none;position:relative;z-index:15;padding-top:calc(274 / 320 * 1rem)}.game-tipText{font-size:calc(14 / 320 * 1rem);font-weight:600;color:var(--color-purple-dark);position:absolute;top:calc(429 / 320 * 1rem);left:50%;transform:translate(-50%)}.teaTree-container{position:relative}.teaImage{position:absolute;z-index:20;transition:all .6s linear}.teaImage--1{top:calc(-21 / 320 * 1rem);left:calc(105 / 320 * 1rem);width:.06875rem}.teaImage--2{top:calc(-46 / 320 * 1rem);left:calc(117 / 320 * 1rem);width:.08125rem}.teaImage--3{top:calc(-25 / 320 * 1rem);left:calc(133 / 320 * 1rem);width:calc(28 / 320 * 1rem)}.intro--game .teaImage--1{width:.28125rem;left:-.0625rem;top:calc(-85 / 320 * 1rem)}.intro--game .teaImage--2{width:.3125rem;left:calc(38 / 320 * 1rem);top:calc(-173 / 320 * 1rem)}.intro--game .teaImage--3{width:.34375rem;left:.3125rem;top:-.3125rem}.teaTree-container--game .teaTree{opacity:0}.show{opacity:1;animation:popUp .4s cubic-bezier(.34,1.56,.64,1) forwards}.pop-down{animation:popDown .4s cubic-bezier(.64,0,.78,0) forwards}@keyframes popUp{0%{opacity:0;scale:1 0;transform-origin:bottom center}to{opacity:1;scale:1 1;transform-origin:bottom center}}@keyframes popDown{0%{opacity:1;scale:1 1;transform-origin:bottom center}to{opacity:0;scale:1 0;transform-origin:bottom center}}.introDecoration--game,.intro--game .intro-imageWaveContainer{display:none}.introDecoration-leaf1,.introDecoration-leaf2{position:absolute;z-index:1;top:-.0625rem}.introDecoration-taco{position:absolute;z-index:1;left:.03125rem;top:calc(373 / 320 * 1rem);width:.21875rem}.introDecoration-bottle{position:absolute;z-index:1;right:.2rem;top:calc(385 / 320 * 1rem);width:calc(39 / 320 * 1rem);aspect-ratio:39 / 35;animation:introDecoration 2s linear infinite}.introDecoration-bubble{position:absolute;z-index:1;right:calc(7 / 320 * 1rem);top:calc(405 / 320 * 1rem);width:calc(58 / 320 * 1rem);aspect-ratio:58 / 37;animation:introDecoration 1.5s linear infinite reverse}@keyframes introDecoration{0%,to{transform:translate(3px)}50%{transform:translate(-3px)}}.introDecoration-leaf{position:absolute;z-index:1}.introDecoration-leaf[src=""]{opacity:0}.bubbleAndScoreContainer{position:absolute;right:-.03125rem;top:.84375rem;z-index:10}.bubbleImageContainer{width:calc(184 / 320 * 1rem);height:calc(184 / 320 * 1rem)}.scoreContainer{top:.09375rem;left:-.05rem}.intro-gameTipText{margin-top:.0625rem}.score-display[data-astro-cid-y5mlcep3]{font-size:.0625rem;font-weight:700;margin-bottom:.09375rem;color:var(--text-color)}