.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:.29375rem;padding-top:.0625rem}html:lang(en) .intro-content{margin:0 auto;padding-inline:.0625rem}html:lang(en) .intro-text{line-height:1.2em}.intro-islandContainer{position:absolute;top:calc(105 / 320 * 1rem);left:50%;transform:translate(-50%)}.intro-imageContainer{position:relative;pointer-events:none;width:1.09375rem;aspect-ratio:115 / 110}.intro-islandImg{position:absolute;width:100%;height:100%;object-fit:contain}.intro-islandImg--animation{opacity:1}.intro-islandImg--static{opacity:0}.intro-decorationBubble{position:absolute;top:.4rem;left:calc(126 / 320 * 1rem);width:.06875rem;animation:bubbleBounce 1.2s ease-in-out infinite}@keyframes bubbleBounce{0%,to{transform:translateY(0)}50%{transform:translateY(-20%)}}.intro-image{width:100%;height:100%;object-fit:contain}.intro-tipText{white-space:nowrap;font-size:calc(14 / 320 * 1rem);font-weight:600;color:#fff;text-align:center;position:absolute;left:50%;transform:translate(-50%);margin-top:-.05625rem}.motion-svg{position:absolute;top:0;left:-.25rem;width:calc(349 / 320 * 1rem);height:calc(59 / 320 * 1rem);pointer-events:none;overflow:visible}.plane{width:calc(66 / 320 * 1rem);height:calc(63 / 320 * 1rem);offset-path:path("M485.514 86.952C455.514 69.4519 380.364 33.102 319.764 27.702C244.014 20.952 199.764 75.702 100.0137 38.202C20.2137 8.202 0.2637 0.701962 0.2637 0.701962");offset-rotate:140deg auto;animation:moveAlongPath 8s linear forwards infinite}@keyframes moveAlongPath{0%{offset-distance:0%}50%{offset-distance:100%;opacity:1}51%,to{offset-distance:100%;opacity:0}}.intro--game:before{height:100%;transition:height .6s linear}.intro--game .intro-islandContainer{transition:left .6s linear,top .6s linear;left:50%;transform:translate(-50%);top:.625rem}.intro--game .intro-imageContainer{transition:width .6s linear;width:calc(558 / 320 * 1rem);animation:squashBounce 1.8s ease-in-out infinite;transform-origin:bottom}.intro--game .intro-decorationBubble{transition:all .6s linear;width:calc(66 / 320 * 1rem);top:.4rem;left:1.0625rem}.intro--game .motion-svg{top:-.15625rem;left:-.21875rem}.intro--game .plane{width:calc(127 / 320 * 1rem);height:calc(119 / 320 * 1rem)}.game{position:relative;z-index:15}.introDecoration-bottle{position:absolute;z-index:1;right:calc(49 / 320 * 1rem);top:calc(423 / 320 * 1rem);width:calc(46 / 320 * 1rem);animation:introDecorationBottle 1.5s linear infinite}@keyframes introDecorationBottle{0%,to{transform:translate(3px)}50%{transform:translate(-3px)}}.introDecoration-swimBubble{position:absolute;z-index:1;left:calc(125 / 320 * 1rem);top:1.7375rem;width:calc(79 / 320 * 1rem);animation:introDecorationSwimBubble 2s linear infinite}@keyframes introDecorationSwimBubble{0%,to{transform:translate(5px)}50%{transform:translate(-5px)}}.introDecoration-flower{position:absolute;z-index:1;width:calc(99 / 320 * 1rem);right:.05625rem;top:calc(485 / 320 * 1rem)}.intro-cloud{opacity:0;position:absolute;transition:all 1.5s ease-out}.intro-cloud--1{left:50%;top:-.125rem;width:calc(109 / 320 * 1rem);transform:translate(calc(-50% - .0625rem)) scale(.2)}.intro-cloud--2{width:calc(89 / 320 * 1rem);top:calc(-14 / 320 * 1rem);left:50%;transform:translate(-50%) scale(.2)}.intro-cloud--3{left:50%;width:calc(59 / 320 * 1rem);top:calc(-5 / 320 * 1rem);transform:translate(calc(-50% + .03125rem)) scale(.2)}.intro-cloud--round{left:50%;width:.09375rem;top:.0625rem;transform:translate(calc(-50% + .03125rem)) scale(0)}.intro-cloud--star{left:50%;width:.15625rem;top:calc(-12 / 320 * 1rem);transform:translate(calc(-50% + .03125rem)) scale(0)}.intro--game .introDecoration{display:none}@keyframes cloudDisappear{0%,50%{opacity:1}to{opacity:0}}.intro-cloud--1.intro-cloud--visible{left:50%;top:-1.125rem;width:calc(109 / 320 * 1rem);transform:translate(calc(-50% - .78125rem)) scale(1.5);animation:cloudDisappear .9s ease-in-out forwards}.intro-cloud--2.intro-cloud--visible{width:calc(89 / 320 * 1rem);top:-1.04375rem;left:38%;transform:translate(-50%) scale(1.5);animation:cloudDisappear .9s ease-in-out forwards}.intro-cloud--3.intro-cloud--visible{left:60%;width:calc(59 / 320 * 1rem);top:calc(-245 / 320 * 1rem);transform:translate(calc(-50% + .5625rem)) scale(1.5);animation:cloudDisappear .9s ease-in-out forwards}.intro-cloud--round.intro-cloud--visible{left:60%;width:.09375rem;top:-.3125rem;transform:translate(calc(-50% + calc(212 / 320 * 1rem))) scale(1.5);animation:cloudDisappear .9s ease-in-out forwards}.intro-cloud--star.intro-cloud--visible{left:40%;width:.15625rem;top:-1.1875rem;transform:translate(calc(-50% + .5625rem)) scale(1.3);animation:cloudDisappear .9s ease-in-out forwards}.game-gameTipText{white-space:nowrap;position:absolute;font-size:calc(14 / 320 * 1rem);font-weight:600;color:var(--color-purple-dark);top:calc(408 / 320 * 1rem);left:50%;transform:translate(-50%)}.intro--game .intro-islandImg--animation{opacity:0}.intro--game .intro-islandImg--static{opacity:1}@keyframes squashBounce{0%,to{transform:scaleY(1)}50%{transform:scaleY(.9)}}