@keyframes infoWind{0%{opacity:0;transform:translate(-50px,-50px)}10%{opacity:0;transform:translate(-50px,-50px)}80%{opacity:1;transform:translate(-2px,-2px)}to{opacity:1;transform:translate(0)}}@keyframes Wind1{0%{opacity:0;transform:translate(-50px,-50px)}20%{opacity:1;transform:translate(0)}75%{opacity:1;transform:translate(0)}to{opacity:0;transform:translate(0)}}@keyframes Wind2{0%{opacity:0;transform:translate(-50px,-50px)}10%{opacity:0;transform:translate(-50px,-50px)}40%{opacity:1;transform:translate(0)}75%{opacity:1;transform:translate(0)}to{opacity:0;transform:translate(0)}}@keyframes Wind3{0%{opacity:0;transform:translate(-50px,-50px)}30%{opacity:0;transform:translate(-50px,-50px)}60%{opacity:1;transform:translate(0)}75%{opacity:1;transform:translate(0)}to{opacity:0;transform:translate(0)}}@keyframes fadeInLeft{0%{opacity:0;transform:translate(-20px)}to{opacity:1;transform:translate(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeOut{0%{opacity:1}to{opacity:0}}@keyframes ending{0%{transform:translate(-50%,100%)}to{transform:translate(-50%,-20%)}}.homepage{width:100vw;height:100dvh;font-family:GenSenRounded,Noto Sans TC,sans-serif;position:relative;overflow:hidden}.homepage .sceneWrap{background-repeat:no-repeat;background-size:100% 100%;width:100%;height:200dvh;position:absolute;top:0;left:0;transform:translateY(-100dvh)}.homepage .sceneWrapUp{animation:2.8s cubic-bezier(.4,0,.2,1) forwards sceneSlideDown}.homepage .sceneWrap .sectionBottom{z-index:1;height:100dvh;position:absolute;top:100dvh;left:0;right:0}.homepage .sceneWrap .sectionBottom .house{object-fit:cover;object-position:20% top;z-index:1;width:100%;height:100%;position:absolute;transform:translateY(100%)}.homepage .sceneWrap .sectionBottom .houseAnim{animation:1.4s cubic-bezier(.34,1.15,.64,1) .65s forwards slideFromBottom}@media (orientation:portrait){.homepage .sceneWrap .sectionBottom .house{height:80%;bottom:0}}.homepage .sceneWrap .sectionBottom .wave2Group{z-index:3;position:absolute;inset:0;transform:translateY(100%)}.homepage .sceneWrap .sectionBottom .wave2GroupAnim{animation:1.4s cubic-bezier(.34,1.15,.64,1) .65s forwards slideFromBottom}.homepage .sceneWrap .sectionBottom .wave2Group .wave2{object-fit:cover;object-position:center bottom;z-index:2;width:100%;height:100%;position:absolute;bottom:-2%;left:-10%}.homepage .sceneWrap .sectionBottom .wave2Group .wave2FloatAnim{animation:14s ease-in-out 1.6s infinite waveFloat2}@media (orientation:portrait){.homepage .sceneWrap .sectionBottom .wave2Group .wave2{height:70%}}.homepage .sceneWrap .sectionBottom .wave2Group .tree{transform-origin:bottom;z-index:1;width:20%;height:auto;position:absolute;bottom:10%;left:5%}.homepage .sceneWrap .sectionBottom .wave2Group .treeSwayAnim{animation:4.2s ease-in-out 1.8s infinite sway}@media (orientation:portrait){.homepage .sceneWrap .sectionBottom .wave2Group .tree{width:30%;bottom:15%}}.homepage .sceneWrap .sectionBottom .wave1Wrap{z-index:5;position:absolute;inset:0;transform:translateY(110%)}.homepage .sceneWrap .sectionBottom .wave1Wrap .wave1{object-fit:cover;object-position:center bottom;width:105%;height:100%;position:absolute;bottom:-2%;left:0}.homepage .sceneWrap .sectionBottom .wave1Wrap .wave1FloatAnim{animation:11s ease-in-out 1.3s infinite waveFloat1}@media (orientation:portrait){.homepage .sceneWrap .sectionBottom .wave1Wrap .wave1{height:70%}}.homepage .sceneWrap .sectionBottom .rightHouse{z-index:4;width:23%;height:auto;max-height:95%;position:absolute;bottom:3%;right:0;transform:translate(110%)}@media (orientation:portrait){.homepage .sceneWrap .sectionBottom .rightHouse{width:40%}}.homepage .sceneWrap .sectionBottom .rightShipWrap{z-index:4;width:51%;position:absolute;bottom:3%;right:-5%;transform:translate(110%)}.homepage .sceneWrap .sectionBottom .rightShipWrap .rightShip{width:100%;height:auto;display:block}@media (orientation:portrait){.homepage .sceneWrap .sectionBottom .rightShipWrap{width:90%}}.homepage .sceneWrap .sectionBottom .wind{z-index:6;opacity:.95;clip-path:inset(0 100% 0 0);width:35%;height:auto;position:absolute;top:10%;left:15%}.homepage .sceneWrap .sectionBottom .windAnim{animation:1.8s ease-out 1.8s forwards windReveal}@media (orientation:portrait){.homepage .sceneWrap .sectionBottom .wind{width:70%;top:25%;left:5%}}.homepage .sceneWrap .sectionTop{z-index:1;cursor:pointer;height:100dvh;position:absolute;top:0;left:0;right:0}.homepage .sceneWrap .sectionTop .h1{opacity:0;pointer-events:none;position:absolute}.homepage .sceneWrap .sectionTop .cloud{z-index:6;width:62%;height:auto;position:absolute;top:0;right:0}@media (orientation:portrait){.homepage .sceneWrap .sectionTop .cloud{width:90%}}.homepage .sceneWrap .sectionTop .centerGroup{z-index:6;flex-direction:column;align-items:center;gap:2.4dvh;width:40%;display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.homepage .sceneWrap .sectionTop .centerGroup .title{width:100%;height:auto}.homepage .sceneWrap .sectionTop .centerGroup .btnEnter{cursor:pointer;width:40%;min-width:160px;height:auto;animation:2.8s ease-in-out infinite btnPulse}@media (orientation:portrait){.homepage .sceneWrap .sectionTop .centerGroup .btnEnter{width:clamp(160px,50%,280px)}.homepage .sceneWrap .sectionTop .centerGroup{width:70%}}.homepage .sceneWrap .sectionTop .organizers{z-index:6;width:60%;height:auto;position:absolute;bottom:4%;right:2%}@media (orientation:portrait){.homepage .sceneWrap .sectionTop .organizers{width:96%;bottom:1%;right:2%}}.wave1Anim{animation:1.4s cubic-bezier(.34,1.2,.64,1) forwards slideFromBottom}.rightHouseAnim{animation:1.4s cubic-bezier(.34,1.15,.64,1) .65s forwards slideFromBottom}.rightAnim{animation:1.25s ease-out 1s forwards slideFromRight}.shipBobAnim{animation:4.2s ease-in-out 2.4s infinite bob}@keyframes sceneSlideDown{0%{transform:translateY(-100dvh)}to{transform:translateY(0)}}@keyframes slideFromBottom{0%{transform:translateY(110%)}to{transform:translateY(0)}}@keyframes slideFromRight{0%{transform:translate(110%)}to{transform:translate(0)}}@keyframes btnPulse{0%,to{opacity:1}50%{opacity:0}}@keyframes sway{0%,to{transform:rotate(0)}25%{transform:rotate(-2deg)}75%{transform:rotate(2deg)}}@keyframes bob{0%,to{transform:translate(0)}50%{transform:translateY(-8%)}}@keyframes waveFloat1{0%,to{transform:translate(0)}50%{transform:translate(-3%,2%)}}@keyframes waveFloat2{0%,to{transform:translate(0)}50%{transform:translate(3%,2%)}}@keyframes windReveal{0%{clip-path:inset(0 100% 0 0);opacity:0}to{clip-path:inset(0);opacity:.95}}html,body{margin:0;padding:0}a{text-decoration:none}ol,ul{margin:0;padding:0;list-style:none}h1,h2,h3,h4,p{margin:0;padding:0;font-weight:400;line-height:normal}input{background:0 0;border:none;outline:none}input:focus{box-shadow:none;outline:none}button{font-family:inherit;font-size:inherit;color:inherit;background:0 0;border:none;outline:none;margin:0;padding:0}.introArea{z-index:5;background:linear-gradient(#0006 0% 70%,#00075566 100%);flex-direction:column;justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:absolute;inset:0 auto auto 0}.introArea .introContent{width:clamp(240px,30%,450px)}.introArea .overlay{width:100%;position:absolute;inset:50% auto auto 50%;transform:translate(-50%,-50%)}.introArea .skip{cursor:pointer;border-radius:20px;width:18%;transition:all .5s;display:inline-block;position:absolute;inset:auto 10% -10% auto;transform:rotate(-10deg)}@media (hover:hover) and (pointer:fine){.introArea .skip:hover{transform:rotate(0)}.introArea .enter:hover .hoverImg{opacity:1}}.introArea .hoverImg{opacity:0;z-index:2;transition:all .5s;position:absolute;inset:0 auto auto 0}.toolBox{z-index:5;flex-direction:row;justify-content:center;align-items:flex-end;gap:5px;display:flex;position:absolute;inset:auto auto 20px 50%;transform:translate(-50%)}.toolBox .toolItem{pointer-events:none;flex-direction:column;justify-content:center;align-items:center;width:84px;display:flex}.toolBox .signBox{opacity:0;letter-spacing:.14em;color:#fff;white-space:nowrap;text-align:center;background-color:#1f69b5;border-radius:5px;padding:5px 10px;font-size:14px;font-weight:400;line-height:normal;transition:all .3s}.toolBox .signBox.en{letter-spacing:0}.toolBox .icon{pointer-events:all;cursor:pointer;width:50px;transition:all .3s}@media (hover:hover) and (pointer:fine){.toolBox .icon:hover{transform:scale(1.1)}.toolBox .icon:hover .hoverImg{opacity:1}}.toolBox .hoverImg{opacity:0;z-index:2;pointer-events:none;width:100%;transition:all .3s;position:absolute;inset:0 auto auto 0}.floatingSign{z-index:9999;pointer-events:none;letter-spacing:.14em;color:#fff;white-space:nowrap;background-color:#1f69b5;border-radius:5px;padding:5px 10px;font-size:14px;font-weight:400;line-height:normal;position:fixed;transform:translate(-50%,-100%)}.tipsMask{z-index:3;background:linear-gradient(#0006 0% 70%,#00075566 100%);width:100%;height:100%;position:absolute;inset:0 auto auto 0}.tipsOverlay{cursor:pointer;z-index:10;flex-direction:row;justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:absolute;inset:0 auto auto 0}.tipsOverlay .imgBox{width:clamp(180px,15%,250px)}.tipsOverlay .decoRight{opacity:0;animation-duration:5s;animation-timing-function:cubic-bezier(.2,.4,.2,1);animation-iteration-count:infinite;transform:translate(-50px,-50px)}.tipsOverlay .decoRight1{width:9%;animation-name:Wind1;position:absolute;inset:20% auto auto 6.5%}.tipsOverlay .decoRight2{width:10%;animation-name:Wind2;position:absolute;inset:54% auto auto 18%}.tipsOverlay .decoRight3{width:8%;animation-name:Wind3;position:absolute;inset:76% auto auto 2.5%}.tipsOverlay .decoLeft{opacity:0;animation-duration:3.5s;animation-timing-function:cubic-bezier(.2,.4,.2,1);animation-iteration-count:infinite;transform:translate(-50px,-50px)}.tipsOverlay .decoLeft1{width:5%;animation-name:Wind1;animation-delay:.3s;position:absolute;inset:auto 16.5% 14% auto}.tipsOverlay .decoLeft2{width:6%;animation-name:Wind2;animation-delay:.3s;position:absolute;inset:auto 8.5% 11% auto}.tipsOverlay .decoLeft3{width:3.5%;animation-name:Wind3;animation-delay:.3s;position:absolute;inset:auto 5% 7% auto}.langBox{letter-spacing:.14em;color:#fff;pointer-events:all;background-color:#1f69b5;border-radius:5px;padding:8px 0;font-size:14px;font-weight:400;line-height:normal;position:absolute;top:0;left:50%;transform:translate(-50%,-50%)}.langBox .langItem{cursor:pointer;white-space:nowrap;padding:2px 15px;transition:all .5s}.langBox .langItem:before{content:"";opacity:0;background-color:#fffb00;width:2px;height:100%;transition:all .5s;position:absolute;inset:0 auto auto 0}@media (hover:hover) and (pointer:fine){.langBox .langItem:hover{color:#fffb00}}.langBox .langItem.active{color:#fffb00}.langBox .langItem.active:before{opacity:1}.mapArea{z-index:10;width:450px;position:absolute;inset:auto auto 20px 20px;overflow:hidden}@media (width<=1180px) and (orientation:landscape){.mapArea{width:36%}}@media (width<=540px){.mapArea{width:calc(100% - 20px);bottom:10px;left:10px}}.mapArea .closeBtn{z-index:5;position:absolute;inset:12px 20px auto auto}.mapArea .mapSvg{width:100%;position:absolute;inset:0 auto auto 0}.mapArea .mapDot{fill:#1f69b5;stroke:#fff;stroke-width:2px;cursor:pointer;transition:all .3s}@media (hover:hover) and (pointer:fine){.mapArea .mapDot:hover{fill:#fffb00}}.mapArea .mapFan{fill:#fffb00;opacity:.4}.infoArea{z-index:20;-webkit-user-select:none;user-select:none;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background-color:#1f69b566;width:380px;height:100dvh;padding:12dvh 50px 18dvh;position:absolute;inset:0 0 auto auto}@media (width<=1024px){.infoArea{width:50%}}@media (width<=540px){.infoArea{width:100%;padding:80px 40px 120px}}.infoArea .decoTop{object-fit:fill;pointer-events:none;width:100%;height:12%;position:absolute;inset:0 auto auto 0}.infoArea .decoBottom{opacity:0;width:45%;animation:2.5s ease-out 1s forwards infoWind;position:absolute;inset:auto 40px 2% auto;transform:translate(-50px,-50px)}@media (width<=540px){.infoArea .decoBottom{bottom:5px}}.infoArea .closeBtn{z-index:5;position:absolute;inset:20px 20px auto auto}@media (width<=540px){.infoArea .closeBtn{width:35px;height:35px;top:10px;right:10px}}.infoArea .wrap{flex-direction:column;justify-content:center;align-items:stretch;max-height:100%;display:flex}.infoArea .topBox{opacity:0;border-bottom:5px solid #fff;flex-shrink:0;margin-bottom:30px;padding-bottom:12px;animation:.5s ease-out .5s forwards fadeInLeft;transform:translate(-20px)}.infoArea .title{letter-spacing:0;color:#fff;font-size:22px;font-weight:600;line-height:normal}.infoArea .subtitle{letter-spacing:0;color:#fff;background-color:#1f69b5;flex-direction:row;justify-content:flex-start;align-items:center;gap:10px;margin-bottom:15px;padding:6px 12px;font-size:16px;font-weight:400;line-height:normal;display:flex}.infoArea .subtitle img{width:16px}.infoArea .subtitle span{display:inline-block}.infoArea .content{opacity:0;flex:1;margin-right:-10px;padding-right:10px;animation:.5s ease-out 1s forwards fadeIn}.infoArea .text{letter-spacing:.14em;color:#fff;text-align:justify;white-space:pre-wrap;font-size:15px;font-weight:300;line-height:1.8}.infoArea .text.en{text-align:left;letter-spacing:0;color:#fff;font-size:15px;font-weight:300;line-height:1.6}.infoArea .audioList{opacity:0;margin-bottom:20px;animation:.5s ease-out .5s forwards fadeInLeft}.infoArea .audioList .audioLabel{color:#fff;margin-bottom:10px}.infoArea .audioList audio{width:100%}.videoArea{z-index:25;-webkit-user-select:none;user-select:none;background:linear-gradient(#0006 0% 70%,#00075566 100%);flex-direction:row;justify-content:center;align-items:center;width:100%;height:100dvh;display:flex;position:absolute;inset:0 auto auto 0}.videoArea .videoBox{-webkit-backdrop-filter:blur(20px);background-color:#43769766;width:40%;padding:70px 40px}@media (width<=1500px){.videoArea .videoBox{width:55%}}@media (width<=1040px) and (orientation:portrait){.videoArea .videoBox{width:70%;height:60%}}@media (width<=540px){.videoArea .videoBox{border-radius:20px;width:calc(100% - 40px);padding:70px 20px 40px}}.videoArea .closeBtn{position:absolute;inset:20px 20px auto auto}.videoArea .selectBox{margin-bottom:25px}.videoArea .selectBox .current{letter-spacing:0;color:#fff;cursor:pointer;background-color:#485648;border-radius:10px;padding:10px 50px 10px 20px;font-size:18px;font-weight:400;line-height:normal;transition:all .5s}.videoArea .selectBox .current.open{border-radius:10px 10px 0 0}.videoArea .selectBox .current:after{content:"";border-top:13px solid #ecf2f2;border-left:9px solid #0000;border-right:9px solid #0000;width:0;height:0;position:absolute;top:50%;right:15px;transform:translateY(-50%)}@media (width<=540px){.videoArea .selectBox .current{font-size:16px}.videoArea .selectBox .current:after{right:10px}}.videoArea .selectBox .selectList{z-index:2;border-radius:0 0 10px 10px;width:100%;position:absolute;inset:100% auto auto 50%;overflow:hidden;transform:translate(-50%)}.videoArea .selectBox .selectList li{cursor:pointer;background-color:#fff;padding:5px 15px;font-size:18px;transition:all .3s}@media (hover:hover) and (pointer:fine){.videoArea .selectBox .selectList li:hover{color:#fff;background-color:#868686}}@media (width<=540px){.videoArea .selectBox .selectList li{font-size:14px}}.videoArea .selectBox .selectList li:not(:last-child){border-bottom:1px solid #aaa}.videoArea video{object-fit:contain;width:100%;height:auto;max-height:60dvh}.videoArea .title{letter-spacing:.14em;color:#fff;margin-top:15px;font-size:20px;font-weight:400;line-height:normal}@media (width<=540px){.videoArea .title{font-size:16px}}.endingArea{background:linear-gradient(#0006 0% 70%,#00075566 100%);width:100%;height:100%;position:absolute;inset:0 auto auto 0;overflow:hidden}.endingArea .endingBox{flex-direction:column;justify-content:center;align-items:center;gap:40px;width:50%;height:100%;animation:8s linear forwards ending;display:flex;position:absolute;inset:0 auto auto 50%;transform:translate(-50%,100%)}@media (width<=1180px) and (orientation:landscape){.endingArea .endingBox{width:80%}}@media (width<=1040px) and (orientation:portrait){.endingArea .endingBox{width:calc(100% - 80px)}}@media (width<=540px){.endingArea .endingBox{width:calc(100% - 20px)}}.endingArea .titleImg{opacity:1;width:80%;animation:.5s 8s forwards fadeOut}.endingArea .restart{opacity:0;cursor:pointer;width:clamp(120px,24%,200px);animation:.5s 8.5s forwards fadeIn}@media (hover:hover) and (pointer:fine){.endingArea .restart:hover .hoverImg{opacity:1}}.endingArea .restart .hoverImg{opacity:0;z-index:2;width:100%;transition:all .5s;position:absolute;inset:0 auto auto 0}.endingArea .decoRight{opacity:0;animation-duration:5s;animation-timing-function:cubic-bezier(.2,.4,.2,1);animation-iteration-count:infinite;transform:translate(-50px,-50px)}.endingArea .decoRight1{width:9%;animation-name:Wind1;position:absolute;inset:20% auto auto 6.5%}.endingArea .decoRight2{width:10%;animation-name:Wind2;position:absolute;inset:54% auto auto 18%}.endingArea .decoRight3{width:8%;animation-name:Wind3;position:absolute;inset:76% auto auto 2.5%}.endingArea .decoLeft{opacity:0;animation-duration:3.5s;animation-timing-function:cubic-bezier(.2,.4,.2,1);animation-iteration-count:infinite;transform:translate(-50px,-50px)}.endingArea .decoLeft1{width:5%;animation-name:Wind1;animation-delay:.3s;position:absolute;inset:auto 16.5% 14% auto}.endingArea .decoLeft2{width:6%;animation-name:Wind2;animation-delay:.3s;position:absolute;inset:auto 8.5% 11% auto}.endingArea .decoLeft3{width:3.5%;animation-name:Wind3;animation-delay:.3s;position:absolute;inset:auto 5% 7% auto}*{box-sizing:border-box;position:relative}body,html{font-family:Noto Sans TC,sans-serif}iframe{border:none}img{object-fit:contain;-webkit-user-select:none;user-select:none;width:100%;height:auto;display:block}.App{width:100%;height:100dvh;overflow:hidden}.en{font-family:Noto Sans,sans-serif}.krpano{width:100%;height:100dvh}.closeBtn{cursor:pointer;background-color:#0000;border-radius:50%;flex-direction:row;justify-content:center;align-items:center;width:40px;height:40px;transition:all .3s;display:flex}@media (hover:hover) and (pointer:fine){.closeBtn:hover{background-color:#315170e6}}.closeBtn svg{color:#fff;width:25px;height:25px}.scrollerCss{overflow:hidden auto}.scrollerCss::-webkit-scrollbar{width:4px;display:block}.scrollerCss::-webkit-scrollbar-track{background:0 0}.scrollerCss::-webkit-scrollbar-thumb{background-color:#fffc;border-radius:5px}.scrollerCss::-webkit-scrollbar-thumb:hover{background-color:#fff}.logoBox{z-index:5;cursor:pointer;width:clamp(100px,10%,200px);position:fixed;top:20px;left:10px}.rotateDevice{z-index:999;letter-spacing:.14em;color:#000;background-color:#fff;flex-direction:column;justify-content:center;align-items:center;width:100%;height:100dvh;padding:20px 0;font-size:14px;font-weight:400;line-height:normal;display:none;position:absolute;inset:0 auto auto 0}.rotateDevice .en{letter-spacing:0}.rotateDevice img{width:auto;height:100%}@media (width<=940px) and (orientation:landscape){.rotateDevice{display:flex}}.g1outer *{-webkit-tap-highlight-color:transparent}.g1outer{z-index:10000;pointer-events:auto;--color-home-text:#1f485f;--color-quiz-text:#3e3a39;--color-quiz-overlay:#000000b3;--color-quiz-success:#146ba8;--color-quiz-error:#e95142;justify-content:center;align-items:center;width:100vw;height:100dvh;font-family:GenSenRounded,Noto Sans TC,sans-serif;display:flex;position:fixed;top:0;left:0;overflow:hidden}.g1outer .outerBgImage{object-fit:cover;object-position:center bottom;z-index:0;width:100%;height:100%;position:absolute;inset:0}.g1outer .outerCloseBtn{z-index:3;cursor:pointer;background-color:#00000073;border-radius:50%;justify-content:center;align-items:center;width:min(60px,10vw);height:min(60px,10vw);padding:0;transition:opacity .15s,background-color .15s;display:flex;position:absolute;top:3%;right:2%}.g1outer .outerCloseBtn:hover{background-color:#0000008c}@media (width<=490px){.g1outer .outerCloseBtn{top:3%;right:3%}}.g1outer .outerCloseIcon{object-fit:contain;width:min(36px,5vw);height:auto;display:block}.g1outer .gameContainer{z-index:1;aspect-ratio:9/16;border-radius:30px;width:min(600px,95vw,53.4375dvh);font-size:clamp(10px,min(3.5vw,1.8dvh),16px);position:relative;overflow:hidden;box-shadow:0 8px 40px #0006}.g1outer .homePage{box-sizing:border-box;flex-direction:column;justify-content:space-evenly;align-items:center;gap:1em;width:100%;height:100%;padding:6% 10% 20%;display:flex;position:relative}@media (width<=490px){.g1outer .homePage{padding:8%}}.g1outer .homePage .bgImage{object-fit:cover;object-position:center;z-index:-1;width:100%;height:100%;position:absolute;top:0;left:0}.g1outer .homePage .logo{object-fit:contain;margin-bottom:.5em}.g1outer .homePage .title{object-fit:contain;width:80%}.g1outer .homePage .subTitle{color:var(--color-home-text);text-align:center;box-sizing:border-box;background:linear-gradient(90deg,#0000 0%,#fffffff2 18% 82%,#0000 100%);max-width:90%;padding:.2em 1.2em;font-size:1.4em;font-weight:700}.g1outer .homePage .description{white-space:pre-line;color:#fff;text-align:center;max-width:100%;font-size:1.25em;line-height:1.4}.g1outer .homePage .cta{white-space:pre-line;color:#fff;text-align:center;font-size:1.25em;font-weight:400;line-height:1.4}.g1outer .homePage .ctaHighlight{color:#fff;text-align:center;font-size:1.4em;font-weight:700;line-height:1.4}.g1outer .homePage .startBtn{color:var(--color-home-text);cursor:pointer;background-color:#fff;border-radius:50px;align-items:center;gap:10px;padding:.5em 1em;font-size:1.5em;font-weight:700;transition:transform .15s,box-shadow .15s;display:flex}.g1outer .homePage .startBtn:hover{transform:scale(1.02);box-shadow:0 6px 20px #0003}.g1outer .homePage .startBtnIcon{object-fit:contain;width:18px}.g1outer .wheelPage{box-sizing:border-box;flex-direction:column;justify-content:space-evenly;align-items:center;gap:20px;width:100%;height:100%;padding:3em 2em 6em;display:flex;position:relative}.g1outer .wheelPage .bgImage{object-fit:cover;object-position:center;z-index:-1;width:100%;height:100%;position:absolute;top:0;left:0}.g1outer .wheelPage .titleGroup{text-align:center;flex-direction:column;align-items:center;gap:.5em;display:flex}.g1outer .wheelPage .title{color:#347194;white-space:pre-line;font-size:2.2em;font-weight:900}.g1outer .wheelPage .subTitle{color:#7f969c;font-size:1.5em}.g1outer .wheelPage .wheelWrapper{--wheel-size:min(400px, 70vw, 40dvh);flex-direction:column;align-items:center;display:flex;position:relative}.g1outer .wheelPage .wheelWrapper .pointer{z-index:2;width:calc(var(--wheel-size) * 45 / 340);height:calc(var(--wheel-size) * 54 / 340);position:absolute;top:0;left:50%;transform:translate(-50%,-30%)}.g1outer .wheelPage .wheelWrapper .wheelImg{width:var(--wheel-size);height:var(--wheel-size);z-index:1;border:10px solid #3e6f8e;border-radius:50%;position:relative}.g1outer .wheelPage .wheelWrapper .stand{z-index:0;flex-direction:column;align-items:center;display:flex;position:relative}.g1outer .wheelPage .wheelWrapper .stand .standPole{width:calc(var(--wheel-size) * 145 / 340);height:calc(var(--wheel-size) * 105 / 340);margin-top:calc(var(--wheel-size) * -88 / 340);clip-path:polygon(20% 0%,80% 0%,100% 100%,0% 100%);background:#5c8faa}.g1outer .wheelPage .wheelWrapper .stand .standBase{width:calc(var(--wheel-size) * 224 / 340);height:calc(var(--wheel-size) * 24 / 340);background:#3e6f8e;border-radius:17.16px;margin-top:-1px}.g1outer .wheelPage .spinBtn{color:var(--color-quiz-text);cursor:pointer;background-color:#fed65f;border:5px solid #fff;border-radius:50px;padding:.5em 1.5em;font-size:1.375em;font-weight:700;transition:transform .15s,box-shadow .15s}.g1outer .wheelPage .spinBtn:hover{transform:scale(1.02);box-shadow:0 6px 20px #0003}.g1outer .wheelPage .spinBtn:disabled{opacity:.6;cursor:default}.g1outer .quizPage{width:100%;height:100%;position:relative;overflow:hidden}.g1outer .quizPage .bgImage{object-fit:cover;object-position:center;z-index:-1;width:100%;height:100%;position:absolute;top:0;left:0}.g1outer .quizPage .blackOverlay{background-color:var(--color-quiz-overlay);z-index:10;width:100%;height:100%;animation:.3s fadeIn;position:fixed;top:0;left:0}.g1outer .quizPage .topBanner{z-index:1;box-sizing:border-box;color:#083061;text-align:center;white-space:pre-line;-webkit-text-stroke:6px #fff;paint-order:stroke fill;width:100%;padding:48px 24px;font-size:1.6em;font-weight:700;line-height:1.4;position:relative}.g1outer .quizPage .feedbackUI{z-index:30;text-align:center;width:90%;position:absolute;top:30%;left:50%;transform:translate(-50%)}.g1outer .quizPage .feedbackUI p{white-space:pre-line;margin-bottom:20px;font-size:2em;font-weight:700}.g1outer .quizPage .feedbackUI .successText,.g1outer .quizPage .feedbackUI .errorText{line-height:1.4;position:relative}.g1outer .quizPage .feedbackUI .successText:before,.g1outer .quizPage .feedbackUI .errorText:before{content:attr(data-stroke);z-index:-1;color:#0000;white-space:pre-line;-webkit-text-stroke:6px #fff;pointer-events:none;position:absolute;inset:0}.g1outer .quizPage .feedbackUI .successText{color:var(--color-quiz-success)}.g1outer .quizPage .feedbackUI .errorText{color:var(--color-quiz-error)}.g1outer .quizPage .feedbackUI .successBtn,.g1outer .quizPage .feedbackUI .errorBtn{color:#fff;cursor:pointer;border:3px solid #fff;border-radius:50px;align-items:center;gap:.5em;margin:0 auto;padding:.5em 1.8em;font-family:inherit;font-size:1.2em;font-weight:700;transition:transform .15s,box-shadow .15s;display:flex}.g1outer .quizPage .feedbackUI .successBtn:hover,.g1outer .quizPage .feedbackUI .errorBtn:hover{transform:scale(1.02);box-shadow:0 6px 20px #0003}.g1outer .quizPage .feedbackUI .successBtn img,.g1outer .quizPage .feedbackUI .errorBtn img{object-fit:contain;width:1em}.g1outer .quizPage .feedbackUI .successBtn{background-color:var(--color-quiz-success)}.g1outer .quizPage .feedbackUI .errorBtn{background-color:var(--color-quiz-error)}.g1outer .endingPage{width:100%;height:100%;position:relative}.g1outer .endingPage .bgImage{object-fit:cover;object-position:center;z-index:-1;width:100%;height:100%;position:absolute;top:0;left:0}.g1outer .endingPage .topBanner{z-index:1;box-sizing:border-box;color:#146ba8;text-align:center;white-space:pre-line;-webkit-text-stroke:6px #fff;paint-order:stroke fill;width:100%;padding:0 24px;font-size:2em;font-weight:700;line-height:1.4;position:absolute;top:8%;left:0}.g1outer .endingPage .footer{z-index:2;flex-direction:column;justify-content:center;align-items:center;gap:12px;width:100%;display:flex;position:absolute;bottom:12%;left:0}.g1outer .endingPage .replayBtn,.g1outer .endingPage .endBtn{color:#fff;background-color:var(--color-quiz-error);cursor:pointer;border:3px solid #fff;border-radius:50px;align-items:center;gap:10px;padding:12px 32px;font-family:inherit;font-size:1.2em;font-weight:700;transition:transform .15s,box-shadow .15s;display:flex}.g1outer .endingPage .replayBtn:hover,.g1outer .endingPage .endBtn:hover{transform:scale(1.02);box-shadow:0 6px 20px #0003}.g1outer .endingPage .replayBtn img,.g1outer .endingPage .endBtn img{object-fit:contain;width:.9em}.g1outer .matchGameHintMask{z-index:15;pointer-events:none;background-color:#000c;width:100%;position:absolute;inset:0}.g1outer .matchGameHintText{z-index:9999;color:#fff;text-align:center;pointer-events:none;word-break:break-word;white-space:pre-line;width:80%;font-size:1.5em;font-weight:700;line-height:1.6;position:absolute;top:40%;left:50%;transform:translate(-50%,-50%)}.g1outer .matchGameArea{touch-action:none;box-sizing:border-box;z-index:5;background-repeat:no-repeat;background-size:100% 100%;flex-direction:column;align-items:center;gap:8px;width:90%;padding:14% 24px 32px;display:flex;position:absolute;bottom:1%;left:5%}.g1outer .matchGameArea.isConnecting{touch-action:none}.g1outer .matchGameArea.aboveOverlay{z-index:20}.g1outer .matchGameArea .mainQuestion{color:var(--color-quiz-text);letter-spacing:.05em;align-self:flex-start;font-size:1.5em;font-weight:700}.g1outer .matchGameArea .hintTag{color:#fff;background-color:#e4654c;border-radius:20px;align-self:flex-start;padding:4px 8px;font-size:max(10px,.875em);font-weight:400}.g1outer .matchGameArea .rowsWrapper{z-index:2;flex-direction:column;gap:0;width:100%;display:flex}.g1outer .matchGameArea .row{align-items:stretch;display:flex}.g1outer .matchGameArea .middleGap{flex:1}.g1outer .matchGameArea .optionBtn{cursor:pointer;touch-action:manipulation;-webkit-user-select:none;user-select:none;background:0 0;border:none;justify-content:flex-start;align-items:center;gap:1em;width:42%;padding:.5em 0;display:flex}.g1outer .matchGameArea .optionBtn.active .dot{transform:scale(1.3)}.g1outer .matchGameArea .optionBtn.locked{opacity:.6;cursor:default}.g1outer .matchGameArea .optionBtn .dot{background-color:var(--color-quiz-text);border-radius:50%;flex-shrink:0;width:4px;height:4px;transition:transform .15s;position:relative}.g1outer .matchGameArea .optionBtn .dot.demoTarget:after{content:"";pointer-events:none;background-color:#e83d18;border-radius:50%;width:16px;height:16px;animation:2s ease-in-out infinite g1DemoHalo;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}@keyframes g1DemoHalo{0%,to{opacity:.1}50%{opacity:.45}}.g1outer .matchGameArea .optionBtn .text{color:var(--color-quiz-text);font-size:max(12px,1.125em);font-weight:700}.g1outer .matchGameArea .svgConnector{pointer-events:none;z-index:3;width:100%;height:100%;position:absolute;top:0;left:0}.g1outer .bubble{z-index:1;pointer-events:none;background-color:#fff;border-radius:100px;width:max-content;max-width:65%;padding:.5em 1em;position:absolute;transform:translate(-50%,-50%)}.g1outer .bubble .content{color:var(--color-quiz-text);text-align:center;letter-spacing:.1em;margin:0;font-size:1.25em;font-weight:700}.g1outer .bubble .tail{border-top:21px solid #0000;border-left:10px solid #0000;border-right:10px solid #0000;width:0;height:0;position:absolute;bottom:-21px;left:50%;transform:translate(-50%)}.g1outer .bubble .tail:after{content:"";border-top:16px solid #fff;border-left:8px solid #0000;border-right:8px solid #0000;position:absolute;top:-23px;left:-8px}.g1outer .bubble .tailUp{border-bottom:21px solid #0000;border-left:10px solid #0000;border-right:10px solid #0000;width:0;height:0;position:absolute;top:-21px;left:50%;transform:translate(-50%)}.g1outer .bubble .tailUp:after{content:"";border-bottom:16px solid #fff;border-left:8px solid #0000;border-right:8px solid #0000;position:absolute;bottom:-23px;left:-8px}.g1outer[data-lang=en] .homePage .subTitle{font-size:1.25em;font-weight:900}.g1outer[data-lang=en] .wheelPage .title{font-size:1.5em}.g1outer[data-lang=en] .wheelPage .subTitle{font-weight:700}.g1outer[data-lang=en] .quizPage .topBanner{font-size:1.4em;font-weight:900}.g1outer[data-lang=en] .quizPage .feedbackUI p{font-size:1.6em}.g1outer[data-lang=en] .matchGameArea .optionBtn .text{font-size:max(12px,.875em)}.g1outer[data-lang=en] .matchGameArea .hintTag{font-size:max(10px,.75em)}.g1outer[data-lang=en] .bubble .content{letter-spacing:0;font-size:1em}.g1outer .g1RotatePrompt{z-index:9999;background:#fff;flex-direction:column;justify-content:center;align-items:center;gap:.8em;display:none;position:absolute;inset:0}@media (width<=940px) and (orientation:landscape){.g1outer .g1RotatePrompt{display:flex}}.g1outer .g1RotatePrompt p{color:#333;text-align:center;margin:0;font-size:1.2rem}.g1outer .g1RotateIcon{object-fit:contain;width:min(120px,30vw)}.g2Outer *{-webkit-tap-highlight-color:transparent}.g2Outer{z-index:10000;pointer-events:auto;background-color:#9dddebb3;justify-content:center;align-items:center;width:100vw;height:100dvh;display:flex;position:fixed;top:0;left:0;overflow:hidden}.g2Outer .outerCloseBtn{z-index:3;cursor:pointer;background-color:#00000073;border-radius:50%;justify-content:center;align-items:center;width:min(48px,6vw);height:min(48px,6vw);padding:0;transition:opacity .15s,background-color .15s;display:flex;position:absolute;top:2%;right:1%}.g2Outer .outerCloseBtn:hover{background-color:#0000008c}.g2Outer .outerCloseIcon{object-fit:contain;width:min(28px,2.5vw);height:auto;display:block}.g2Outer .g2Container{z-index:1;aspect-ratio:1920/1080;border-radius:16px;width:min(95vw,168.889dvh);max-height:95dvh;font-family:GenSenRounded,Noto Sans TC,sans-serif;font-size:clamp(6px,min(1vw,1.6dvh),28px);position:relative;overflow:hidden;box-shadow:0 8px 40px #0006}.g2Outer .layout{background-position:50%;background-size:cover;flex-direction:column;gap:5%;width:100%;height:100%;padding:2% 2% 0 4%;display:flex;position:relative}.g2Outer .topBar{z-index:1;flex-shrink:0;align-items:center;gap:2%;height:14%;display:flex;position:relative}.g2Outer .layoutHeader{flex-shrink:0;width:36%}.g2Outer .layoutTitle{color:#2d7fbd;margin:0;font-size:2em;font-weight:700;line-height:1.2}.g2Outer .layoutSubtitle{color:#3a7cc7;margin:.3em 0 0;font-size:1.2em;font-weight:700}.g2Outer .progressWrapper{flex:1;min-width:0}.g2Outer .bgSlot{z-index:0;position:absolute;inset:0}.g2Outer .bgSlot video{object-fit:cover;object-position:right bottom;width:100%;height:100%}.g2Outer .decoSlot{z-index:0;pointer-events:none;position:absolute;inset:0}.g2Outer .overlaySlot{z-index:5;position:absolute;inset:0}.g2Outer .layoutContent{z-index:1;flex:1;min-height:0;position:relative}.g2Outer .stepHeader{flex-direction:column;display:flex}.g2Outer .stepLabel,.g2Outer .stepTitle{color:#fff;white-space:pre-wrap;font-size:3.5em;font-weight:900}.g2Outer .progressBar{width:100%}.g2Outer .progressSteps{justify-content:space-evenly;display:flex;position:relative}.g2Outer .progressSteps:before{content:"";z-index:0;background:#fff;height:.25em;position:absolute;bottom:.4em;left:8.33333%;right:8.33333%}.g2Outer .progressItem{flex-direction:column;flex:1;align-items:center;gap:.1em;display:flex}.g2Outer .progressNum{color:#fff;letter-spacing:.02em;font-size:1.2em;font-weight:900}.g2Outer .progressName{color:#fff;letter-spacing:.02em;text-align:center;white-space:pre-line;min-height:2.6em;font-size:1.2em;font-weight:700;line-height:1.3}.g2Outer .progressDot{z-index:1;background:#c5c5c5;border-radius:50%;justify-content:center;align-items:center;width:1em;height:1em;margin-top:.3em;display:flex;position:relative}.g2Outer .progressDot.progressDotDone{background:#2d7fbd}.g2Outer .progressDot.progressDotActive{background:0 0}.g2Outer .progressTyphoon{object-fit:contain;width:48px;position:absolute}@media (width<=992px){.g2Outer .progressTyphoon{width:24px}}.g2Outer .startPage{background-position:50%;background-size:cover;width:100%;height:100%;position:relative}.g2Outer .startBtn{cursor:pointer;background-repeat:no-repeat;background-size:100% 100%;flex-flow:row;justify-content:center;align-items:center;gap:1em;padding:1.5em 3.5em 2.5em;display:flex;position:absolute;bottom:15%;left:50%;transform:translate(-50%)}.g2Outer .startBtn:hover{opacity:.85}.g2Outer .startBtn:active{opacity:.7}.g2Outer .startBtnLabel{text-align:center;color:#175e87;white-space:nowrap;font-size:2.5em;font-weight:900;line-height:1;display:inline-block}.g2Outer .startBtnIcon{object-fit:contain;width:2em;height:2em;display:block}.g2Outer .s1Left{z-index:1;flex-direction:column;justify-content:space-between;width:40%;height:100%;padding:0 0 8%;transition:opacity .3s;display:flex;position:relative}@media (width<=992px){.g2Outer .s1Left{padding:0 0 4%}}.g2Outer .s1TopBlock{flex-direction:column;gap:2em;display:flex}.g2Outer .s1Content{color:#fff;white-space:pre-line;margin:0;font-size:1.75em;font-weight:700;line-height:1.6}.g2Outer .s1BuildBtn{cursor:pointer;background-repeat:no-repeat;background-size:100% 100%;justify-content:center;align-self:flex-start;align-items:center;gap:.8em;padding:1.5em 2.5em 2em;display:flex}.g2Outer .s1BuildBtn:hover{opacity:.85}.g2Outer .s1BuildBtn:active{opacity:.7}.g2Outer .s1BtnLabel{color:#fff;font-size:2em;font-weight:700;line-height:1}.g2Outer .s2Inner{gap:0%;height:100%;display:flex}.g2Outer .s2Left{z-index:1;flex-direction:column;justify-content:flex-start;gap:2em;width:40%;transition:opacity .3s;display:flex;position:relative}.g2Outer .s2Content{color:#fff;white-space:pre-line;margin:0;font-size:1.75em;font-weight:700;line-height:1.6}.g2Outer .s2Earth{transform-origin:bottom;object-fit:contain;width:100%;margin-top:auto;transform:scale(1.3)}.g2Outer .s2Right{--fs-option-label:1.5em;--fs-option-desc:1em;--fs-option-label-active:1.75em;--fs-option-desc-active:1.25em;--fs-footnote:1.2em;flex:1;justify-content:center;align-items:flex-start;min-width:0;display:flex}.g2Outer .s2Panel{background:#ffffff80;border-radius:1em;flex-direction:column;gap:1em;width:90%;min-height:85%;max-height:95%;padding:3% 4%;display:flex;box-shadow:0 8px 12px #0b5b8c40,inset -4px -4px 10px #0b5b8c2e}.g2Outer .s2PanelTitle{color:#0b5c8d;margin:0;font-size:1.5em;font-weight:900}.g2Outer .s2Options{flex-direction:column;flex:1;justify-content:space-evenly;gap:1em;display:flex}.g2Outer .s2Option{border:3px solid #7e7e7e;border-radius:1em;align-items:center;gap:1em;width:92%;padding:1em 1.5em;transition:filter .25s,box-shadow .25s,background .25s,border-color .25s;display:flex;position:relative}@media (width<=992px){.g2Outer .s2Option{padding:1%}}.g2Outer .s2Option:first-child{transform:translate(8%)}.g2Outer .s2Option:nth-child(2){transform:translate(0%)}.g2Outer .s2Option:nth-child(3){transform:translate(8%)}.g2Outer .s2Option:nth-child(4){width:100%;transform:scale(1.05)}.g2Outer .s2Option.s2Disabled{opacity:.6;cursor:not-allowed;background:#8a8a8acc}.g2Outer .s2Option.s2Active{cursor:pointer;background:linear-gradient(#ebe9e9 0%,#d65965 100%);border:3px solid #cb5763}.g2Outer .s2Option.s2Active .s2OptionLabel{font-size:var(--fs-option-label-active);color:#b23a47}.g2Outer .s2Option.s2Active .s2OptionDesc{font-size:var(--fs-option-desc-active);color:#b23a47}.g2Outer .s2Option.s2Active:hover{filter:brightness(.96);box-shadow:0 6px 14px #00000080}.g2Outer .s2OptionIcon{object-fit:contain;flex-shrink:0;width:4em}.g2Outer .s2OptionText{flex-direction:column;flex:1;justify-content:space-evenly;gap:.3em;height:100%;display:flex}.g2Outer .s2OptionLabel{font-size:var(--fs-option-label);color:#0b5c8d;font-weight:700}.g2Outer .s2OptionDesc{font-size:var(--fs-option-desc);color:#0b5c8d}.g2Outer .s2ClickIcon{object-fit:contain;flex-shrink:0;width:20%;animation:1.8s ease-in-out infinite floatY;position:absolute;bottom:40%;right:0}.g2Outer .s2Footnote{font-size:var(--fs-footnote);color:#0b5c8d;text-align:right;margin:0}.g2Outer .s3Left{z-index:1;flex-direction:column;justify-content:flex-start;gap:2em;width:40%;transition:opacity .3s;display:flex;position:relative}.g2Outer .s3Content{color:#0b5c8d;white-space:pre-line;-webkit-text-stroke:8px #fff;paint-order:stroke fill;margin:0;font-size:2.5em;font-weight:700;line-height:1.6}.g2Outer .s4MapImg{object-fit:contain;width:100%;height:100%;position:absolute;bottom:-25%;left:-15%;transform:scale(1.05)}.g2Outer .s4Inner{--fs-left-content:2em;--fs-left-footnote:1.5em;--fs-panel-title:2em;--fs-opt-btn:1.75em;--fs-next-btn-label:1.75em;gap:2%;height:100%;display:flex}.g2Outer .s4Left{z-index:1;flex-direction:column;justify-content:space-between;width:40%;height:100%;padding:0 0 5%;transition:opacity .3s;display:flex;position:relative}.g2Outer .s4TopBlock{flex-direction:column;gap:2em;display:flex}.g2Outer .s4Content{font-size:var(--fs-left-content);color:#fff;white-space:pre-line;text-shadow:0 0 8px #2d80bd,0 0 16px #2d80bd;margin:0;font-weight:700;line-height:1.6}.g2Outer .s4Footnote{font-size:var(--fs-left-footnote);color:#fff;white-space:pre-wrap;text-shadow:0 0 8px #2d80bd,0 0 16px #2d80bd;margin:0;line-height:1.5}.g2Outer .s4Right{flex-direction:column;flex:1;justify-content:flex-start;align-items:flex-end;gap:2em;min-width:0;padding:0% 5% 2%;display:flex}.g2Outer .s4Panel{flex-direction:column;justify-content:center;gap:1em;max-width:25%;height:100%;display:flex}.g2Outer .s4PanelTitle{font-size:var(--fs-panel-title);color:#0b5b8c;text-align:left;white-space:pre-wrap;margin:0;font-weight:900}.g2Outer .s4Options{flex-direction:column;gap:1em;display:flex}.g2Outer .s4OptBtn{color:#2d80bd;font-size:var(--fs-opt-btn);cursor:pointer;background-repeat:no-repeat;background-size:100% 100%;padding:1em 1em 1.5em .8em;font-family:inherit;font-weight:900;transition:opacity .15s}.g2Outer .s4OptBtn:hover{opacity:.85}.g2Outer .s4OptBtn:active{opacity:.7}.g2Outer .s4OptBtn.s4OptSelected{color:#fff}.g2Outer .s4NextBtn{cursor:pointer;background-repeat:no-repeat;background-size:100% 100%;justify-content:center;align-self:center;align-items:center;gap:.8em;padding:1.5em 2.2em 2em 1.8em;display:flex}.g2Outer .s4NextBtn:hover{opacity:.85}.g2Outer .s4NextBtn:active{opacity:.7}.g2Outer .s4BtnLabel{font-size:var(--fs-next-btn-label);color:#fff;font-weight:700;line-height:1}.g2Outer .s4ErrorMsg{z-index:10;cursor:pointer;background:#000000a6;border-radius:.8em;padding:.8em 1.6em;animation:1.8s forwards errorFadeInOut;position:absolute;top:35%;left:50%;transform:translate(-50%,-50%)}.g2Outer .s4ErrorMsg p{color:#fff;margin:0;font-size:2em;font-weight:400}.g2Outer .s5Overlay{z-index:5;background:#000000b8;flex-direction:column;justify-content:center;align-items:center;gap:1em;width:100%;height:100%;display:flex}.g2Outer .s5Typhoon{object-fit:contain;width:22%;animation:6s linear infinite spin}.g2Outer .s5Title{color:#fff;text-align:center;white-space:pre-wrap;max-width:80%;margin:0;font-size:4em;font-weight:900}.g2Outer .s5Lines{color:#ffffffe6;text-align:center;white-space:pre-line;font-size:1.5em;line-height:1.6}.g2Outer .s6Inner{flex-direction:column;justify-content:space-between;align-items:flex-start;gap:5%;height:100%;padding:0 3% 3% 0;display:flex}.g2Outer .s6Title{color:#fff;white-space:pre-wrap;white-space:pre-wrap;font-size:3.5em;font-weight:900}.g2Outer .s6ResultBtns{gap:2%;width:100%;padding:0 3%;display:flex}.g2Outer .s6ResultBtn{aspect-ratio:1/.6;cursor:pointer;background:#ec716b;border-radius:1.5em;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:1.2em;transition:opacity .15s;display:flex;box-shadow:inset 0 6px 8px #fff9,inset 0 -6px 10px #0003,inset -6px 0 10px #00000040,inset 6px 0 10px #00000026,4px 6px 10px #ec716b}.g2Outer .s6ResultBtn:hover{background:#dd605a}.g2Outer .s6ResultBtn:active{transform:translateY(4px);box-shadow:inset 4px 4px 10px #ffffff4d,inset -4px -4px 10px #0003,0 2px #a83d35}.g2Outer .s6ResultLabel{color:#fff;text-align:center;white-space:pre-wrap;font-size:3em;font-weight:700}.g2Outer .s6ClickIcon{object-fit:contain;width:3em}.g2Outer .s6ActionBtns{flex-direction:column;align-self:flex-end;gap:1em;margin-top:auto;display:flex}.g2Outer .s6RestartBtn{cursor:pointer;background:#fff;border:none;border-radius:100px;flex-flow:row;justify-content:center;align-items:center;gap:.8em;padding:1.5em 4em;display:flex;box-shadow:inset 0 -5px 2px #00000026}.g2Outer .s6RestartBtn:hover{opacity:.85}.g2Outer .s6RestartBtn:active{opacity:.7}.g2Outer .s6BtnLabel{text-align:center;color:#175e87;white-space:nowrap;font-size:1.75em;font-weight:900;line-height:1;display:inline-block}.g2Outer .s6BtnIcon{object-fit:contain;width:auto;height:1.5em;display:block}.g2Outer .s6PopupOverlay{z-index:10;background:#0009;justify-content:center;align-items:center;width:100%;height:100%;display:flex}.g2Outer .s6Popup{background:#1e1e1eeb;border-radius:2em;flex-direction:column;justify-content:center;align-items:center;gap:1em;width:80%;min-height:80%;max-height:94%;padding:2% 4% 4%;display:flex;position:relative}.g2Outer .s6CloseBtn{cursor:pointer;padding:0;position:absolute;top:2em;right:2em}.g2Outer .s6CloseBtn img{object-fit:contain;width:3em;height:3em}.g2Outer .s6CloseBtn:hover{opacity:.7}.g2Outer .s6PopupTitle{color:#fff;white-space:nowrap;text-align:center;justify-content:center;align-items:center;gap:.1em;font-size:4em;font-weight:700;display:flex}.g2Outer .s6PopupTitleCount{background:linear-gradient(#e66363 0%,#fff 55%);color:#0000;-webkit-background-clip:text;background-clip:text;width:fit-content}.g2Outer .s6Arrow{object-fit:contain;width:fit-content;height:1em}.g2Outer .s6PopupImgWrapper{border-radius:.5em;width:100%;overflow:hidden}.g2Outer .s6PopupImg{object-fit:contain;width:100%;height:100%}.g2Outer[data-lang=en] .layoutSubtitle{display:none}.g2Outer[data-lang=en] .stepLabel,.g2Outer[data-lang=en] .stepTitle{font-size:2.8em}.g2Outer[data-lang=en] .progressName{letter-spacing:0;min-height:5.2em;font-size:1em}.g2Outer[data-lang=en] .s1Content{font-size:1.25em}.g2Outer[data-lang=en] .s1BtnLabel{font-size:1.75em}.g2Outer[data-lang=en] .s2Content{font-size:1.5em}.g2Outer[data-lang=en] .s3Content{font-size:1.8em}.g2Outer[data-lang=en] .s5Title{font-size:3em}.g2Outer[data-lang=en] .s6ResultLabel{font-size:2em}.g2Outer[data-lang=en] .s6PopupTitle{white-space:normal;overflow-wrap:anywhere;word-break:break-word;text-wrap:balance;align-items:center;font-size:2.2em}.g2Outer[data-lang=en] .s6Arrow{align-self:center;height:2em;margin-top:0}.g2Outer .g2RotatePrompt{display:none}@media (orientation:portrait) and (width<=992px){.g2Outer .g2RotatePrompt{z-index:9999;background:#fff;flex-direction:column;justify-content:center;align-items:center;gap:.8em;display:flex;position:absolute;inset:0}.g2Outer .g2RotatePrompt p{color:#333;text-align:center;max-width:80%;margin:0;font-size:1.2rem}}.g2Outer .g2RotateIcon{object-fit:contain;width:min(120px,30vw);transform:rotate(-90deg)}@keyframes floatY{0%{transform:translateY(0)}50%{transform:translateY(-6%)}to{transform:translateY(0)}}@keyframes errorFadeInOut{0%{opacity:0}15%{opacity:1}75%{opacity:1}to{opacity:0}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(-360deg)}}