.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:.09375rem}html:lang(en) .intro-text{line-height:1.2em}.intro-islandContainer{position:absolute;top:.48125rem;left:50%;transform:translate(-50%)}.intro-imageContainer{position:relative;pointer-events:none;width:calc(305 / 320 * 1rem);aspect-ratio:96 / 85}.intro-landImg{position:absolute;width:100%;height:100%;object-fit:contain}.intro-landImg--animation{opacity:1}.intro-landImg--static{opacity:0}.intro-imageWaveContainer{pointer-events:none;position:absolute;z-index:-1;left:-.09375rem;bottom:calc(-25 / 320 * 1rem);width:calc(264 / 320 * 1rem);aspect-ratio:264 / 90;animation:scaleWave 4s ease-in-out infinite}.intro-melody{position:absolute;animation:melodyFloat 2s linear infinite}@keyframes melodyFloat{0%,to{transform:translateY(0) rotate(0)}25%{transform:translateY(-3px) rotate(6deg)}50%{transform:translateY(0) rotate(0)}75%{transform:translateY(-3px) rotate(-6deg)}}.intro-melody--1{top:.21875rem;left:.06875rem;width:.1rem}.intro-melody--2{top:calc(11 / 320 * 1rem);left:.15625rem;width:.125rem;animation-delay:.2s;animation-direction:alternate}.intro-melody--3{top:-.0625rem;right:calc(34 / 320 * 1rem);width:calc(33 / 320 * 1rem);animation-direction:alternate}.intro-melody--4{top:calc(105 / 320 * 1rem);right:0;width:.15625rem;animation-delay:.2s}.intro-dancer{position:absolute;transform:translate(-50%);top:calc(56 / 320 * 1rem)}.intro-dancer--coconut{left:calc(50% - calc(6 / 320 * 1rem));width:.0625rem}.intro-dancer--pudding{left:calc(50% + .05625rem);width:calc(15 / 320 * 1rem)}.intro-dancer--coconut.intro-dancer--jump{animation:coconutJump .3s ease-in-out}.intro-dancer--pudding.intro-dancer--jump{animation:puddingJump .3s ease-in-out}@keyframes coconutJump{0%,to{transform:translate(-50%) translateY(0)}50%{transform:translate(-50%) translateY(-40px)}}@keyframes puddingJump{0%,to{transform:translate(-50%) translateY(0)}50%{transform:translate(-50%) translateY(-40px)}}.intro-image{width:100%;height:100%;object-fit:contain}.intro-tipTextContainer{display:flex;align-items:center;justify-content:center;gap:5px;position:absolute;top:calc(428 / 320 * 1rem);width:100%}.intro-tipText{font-size:calc(14 / 320 * 1rem);font-weight:600;color:#fff}.intro-soundIcon{width:calc(41 / 320 * 1rem);aspect-ratio:41 / 24}.intro--game:before{height:100%;transition:height .6s linear}.intro-gameTipText{margin-top:calc(21 / 320 * 1rem)}.intro-musicPudding{position:absolute;top:calc(76 / 320 * 1rem);left:.29375rem;width:.06875rem}.intro-bubble{position:absolute;top:calc(112 / 320 * 1rem);right:calc(81 / 320 * 1rem);width:.0625rem;animation:bubbleJump 1.5s ease-in-out infinite}@keyframes bubbleJump{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.intro-musicianGuitar{position:absolute;top:calc(111 / 320 * 1rem);left:calc(106 / 320 * 1rem);width:.06875rem;animation:drumSway 1.5s ease-in-out infinite alternate}.intro-musicianTrumpet{position:absolute;top:.34375rem;left:.4rem;width:calc(25 / 320 * 1rem);animation:drumSway 1.5s ease-in-out infinite .5s}.intro-musicianDrum{position:absolute;top:.3375rem;right:calc(107 / 320 * 1rem);width:.08125rem;animation:drumSway 1.5s ease-in-out infinite}@keyframes drumSway{0%,to{transform:rotate(0)}25%{transform:rotate(-3deg)}75%{transform:rotate(3deg)}}.game{position:relative;height:100%;z-index:15}.game--hidden{display:block;opacity:0;pointer-events:none}.gameReady{gap:calc(15 / 320 * 1rem)}.gameReady-iconClickBothContainer{width:calc(235 / 320 * 1rem)}.game-container{height:100%;display:flex;flex-direction:column;align-items:center}.game-countDownContainer{position:static;transform:translate(0);margin-top:.0625rem;margin-bottom:calc(3 / 320 * 1rem)}.game-tipText{font-size:calc(14 / 320 * 1rem);font-weight:600;color:#fff;position:absolute;top:1.34375rem;left:50%;transform:translate(-50%);white-space:nowrap}html:lang(en) .game-tipText{transform:translate(calc(-50% + 28px))}.melodyContainer{position:relative;width:100%}.game--hidden .sequence-container{padding-left:1rem}.sequence-container{position:relative;display:flex;gap:4px;padding-left:calc(34 / 320 * 1rem);height:calc(51 / 320 * 1rem);transition:padding-left .4s ease-in}.sequence-container:before{content:"";display:block;position:absolute;z-index:-2;top:calc(-12 / 320 * 1rem);left:calc(11 / 320 * 1rem);height:calc(100% + calc(24 / 320 * 1rem));aspect-ratio:1 / 1;border-radius:100%;background:url(/_astro/img-glow.EATstna8.png) no-repeat center / contain;animation:glowPulse 2s ease-in-out infinite}@keyframes glowPulse{0%,to{transform:scale(1)}50%{transform:scale(.8)}}.sequence-container:after{content:"";display:block;position:absolute;z-index:-1;top:0;left:calc(24 / 320 * 1rem);height:100%;aspect-ratio:1 / 1;border-radius:100%;background:#fff}.lineContainer{position:absolute;top:0;width:100%;height:100%;display:flex;flex-direction:column;justify-content:space-around;z-index:-1}.lineContainer-line{display:block;width:100%;height:calc(1 / 320 * 1rem);background:#fff}.sequence-item{width:.1rem;aspect-ratio:32 / 27;flex-shrink:0}.sequence-item:first-of-type{margin-right:calc(17 / 320 * 1rem)}.sequence-item--coconut{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%20161.19%20140.51'%3e%3cdefs%3e%3cstyle%3e%20.cls-1%20{%20fill:%20%2398f2d9;%20}%20.cls-2%20{%20fill:%20%23fff;%20}%20%3c/style%3e%3c/defs%3e%3cg%20id='design'%3e%3cpolygon%20class='cls-2'%20points='4.49%2018.86%200%2029.27%200%20104.37%2051.95%20140.51%2060.24%20140.51%20161.19%2046.46%20156.7%2035.97%204.49%2018.86'/%3e%3cpolygon%20class='cls-1'%20points='156.7%2035.97%2056.21%2054.83%204.49%2018.86%20104.98%200%20156.7%2035.97'/%3e%3cpolygon%20class='cls-1'%20points='51.95%20140.51%2051.95%2065.41%200%2029.27%200%20104.37%2051.95%20140.51'/%3e%3cpolygon%20class='cls-1'%20points='161.19%2046.46%2060.24%2065.41%2060.24%20140.51%20161.19%20121.57%20161.19%2046.46'/%3e%3c/g%3e%3c/svg%3e") no-repeat center / contain}.sequence-item--pudding{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%20202.29%20168.96'%3e%3cdefs%3e%3cstyle%3e%20.cls-1%20{%20fill:%20%23fff;%20}%20.cls-2%20{%20fill:%20%23f8e16e;%20}%20.cls-3%20{%20fill:%20%23a8994d;%20}%20%3c/style%3e%3c/defs%3e%3cg%20id='design'%3e%3cpolygon%20class='cls-1'%20points='17.57%2029.46%2017.57%2038.81%2018.82%2061.16%20131.76%2086.06%20181.45%2054.38%20184.72%2038.81%20184.72%2029.46%2017.57%2029.46'/%3e%3cpath%20class='cls-3'%20d='M142.93,14.73c0-8.13-18.71-14.73-41.79-14.73s-41.79,6.59-41.79,14.73c-23.08,0-41.79,6.59-41.79,14.73s18.71,14.73,41.79,14.73c0,8.13,18.71,14.73,41.79,14.73s41.79-6.59,41.79-14.73c23.08,0,41.79-6.59,41.79-14.73s-18.71-14.73-41.79-14.73Z'/%3e%3cpath%20class='cls-2'%20d='M151.72,115.48c0-9.84-22.64-17.83-50.57-17.83s-50.57,7.98-50.57,17.83c-27.93,0-50.57,7.98-50.57,17.83s22.64,17.83,50.57,17.83c0,9.84,22.64,17.83,50.57,17.83s50.57-7.98,50.57-17.83c27.93,0,50.57-7.98,50.57-17.83s-22.64-17.83-50.57-17.83Z'/%3e%3cpath%20class='cls-2'%20d='M17.57,38.81c0,8.13,18.71,14.73,41.79,14.73,0,8.13,18.71,14.73,41.79,14.73s41.79-6.59,41.79-14.73c23.08,0,41.79-6.59,41.79-14.73h0s17.57,94.49,17.57,94.49H0L17.57,38.81h0Z'/%3e%3c/g%3e%3c/svg%3e") no-repeat center / contain}.click-areas{width:100%;height:100%;display:flex}.click-area{flex-basis:50%}.intro--game .intro-islandContainer{transition:left .6s linear,top .6s linear;top:calc(112 / 320 * 1rem);left:calc(50% - .05625rem)}.intro--game .intro-imageContainer{transition:width .6s linear;width:3.375rem}.intro--game .intro-landImg--animation{opacity:0}.intro--game .intro-landImg--static{opacity:1}.intro--game .intro-musicPudding{top:calc(35 / 320 * 1rem);left:calc(443 / 320 * 1rem);width:calc(39 / 320 * 1rem);opacity:0;animation:fadeIn .3s ease-in forwards .6s}.intro--game .intro-musicianGuitar{top:.25rem;left:1.58125rem;width:.125rem;opacity:0;animation:fadeIn .3s ease-in forwards .6s,drumSway 1.5s ease-in-out infinite alternate .6s}.intro--game .intro-musicianTrumpet{top:.21875rem;left:1.725rem;width:calc(47 / 320 * 1rem);opacity:0;animation:fadeIn .3s ease-in forwards .6s,drumSway 1.5s ease-in-out infinite .6s}.intro--game .intro-musicianDrum{top:.1625rem;left:calc(614 / 320 * 1rem);width:calc(45 / 320 * 1rem);opacity:0;animation:fadeIn .3s ease-in forwards .6s}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.intro--game .intro-imageWaveContainer,.intro--game .intro-tipTextContainer,.intro--game .intro-melody,.intro--game .introDecoration,.intro--game .intro-bubble{display:none}.intro--game .intro-dancer--coconut{transition:all .6s linear;top:.5875rem;left:calc(50% - calc(38 / 320 * 1rem));width:.225rem}.intro--game .intro-dancer--pudding{transition:all .6s linear;left:calc(50% + .19375rem);top:calc(202 / 320 * 1rem);width:.16875rem}.introDecoration-melody1{position:absolute;width:calc(68 / 320 * 1rem);z-index:1;top:calc(464 / 320 * 1rem);right:calc(101 / 320 * 1rem);animation:introDecorationMelody1 2s linear infinite}.introDecoration-melody2{position:absolute;width:calc(63 / 320 * 1rem);z-index:1;top:1.51875rem;right:calc(25 / 320 * 1rem);animation:introDecorationMelody2 1.5s linear infinite}@keyframes introDecorationMelody1{0%,to{transform:translate(-2px)}50%{transform:translate(2px)}}@keyframes introDecorationMelody2{0%,to{transform:translate(3px)}50%{transform:translate(-3px)}}.bubbleImageContainer{position:absolute;left:-.05625rem;top:calc(351 / 320 * 1rem);z-index:10}.bubbleImageContainer{width:calc(126 / 320 * 1rem);height:calc(126 / 320 * 1rem)}.bubbleImageContainer--hidden{opacity:0;transition:opacity .3s ease-in}