.loading-fade-enter-active,.loading-fade-leave-active{opacity:0}.loading{transition:opacity .5s ease;opacity:1;width:100vw;height:100vh;position:fixed;top:0;left:0;background-color:var(--blueberry);display:grid;place-items:center;font-size:3rem}.loading__box>p{width:100%;font-size:1.85185vh;font-weight:bolder;color:var(--aqua-marine)}.loading__img{display:flex;align-items:center;justify-content:center;margin-bottom:2.5vh}.loading__img img{width:auto}@media only screen and (max-width:768px){.loading__img img{width:10%}}.loading__img>:not(:last-child){margin-right:2.68519vh}[data-v-5cc4ce8a]:root{--blueberry:#503291;--macaroni-and-cheese:#ffc832;--aqua-marine:#33c7d5;--nice-blue:#0f69af;--pink-red:#e61e50;--emerald:#019a5b;--darkish-pink:#eb3c96;--purple-grey:#81727c}@-webkit-keyframes ani-loop-up-n-down-5cc4ce8a{0%{background-position:50% 0}to{background-position:50% 1000000000%}}@keyframes ani-loop-up-n-down-5cc4ce8a{0%{background-position:50% 0}to{background-position:50% 1000000000%}}@-webkit-keyframes ani-float-5cc4ce8a{0%{transform:translate(-50%,-50%) rotate(1deg)}50%{transform:translate(-50%,-45%) rotate(-1deg)}to{transform:translate(-50%,-50%) rotate(1deg)}}@keyframes ani-float-5cc4ce8a{0%{transform:translate(-50%,-50%) rotate(1deg)}50%{transform:translate(-50%,-45%) rotate(-1deg)}to{transform:translate(-50%,-50%) rotate(1deg)}}.header-container[data-v-5cc4ce8a]{width:71.11111vh;margin:auto;padding:2.96296vh .87598rem;display:flex;justify-content:space-between;align-items:center;background-color:var(--blueberry)}@media only screen and (max-width:768px){.header-container[data-v-5cc4ce8a]{width:100%}}.header-container .title[data-v-5cc4ce8a]{cursor:pointer;width:12.03704vh}.header-container .title img[data-v-5cc4ce8a]{width:100%}[data-v-9ad203fa]:root{--blueberry:#503291;--macaroni-and-cheese:#ffc832;--aqua-marine:#33c7d5;--nice-blue:#0f69af;--pink-red:#e61e50;--emerald:#019a5b;--darkish-pink:#eb3c96;--purple-grey:#81727c}@-webkit-keyframes ani-loop-up-n-down-9ad203fa{0%{background-position:50% 0}to{background-position:50% 1000000000%}}@keyframes ani-loop-up-n-down-9ad203fa{0%{background-position:50% 0}to{background-position:50% 1000000000%}}@-webkit-keyframes ani-float-9ad203fa{0%{transform:translate(-50%,-50%) rotate(1deg)}50%{transform:translate(-50%,-45%) rotate(-1deg)}to{transform:translate(-50%,-50%) rotate(1deg)}}@keyframes ani-float-9ad203fa{0%{transform:translate(-50%,-50%) rotate(1deg)}50%{transform:translate(-50%,-45%) rotate(-1deg)}to{transform:translate(-50%,-50%) rotate(1deg)}}.rule[data-v-9ad203fa]{color:#fff;overflow:hidden;left:0;top:0}.rule .page-container[data-v-9ad203fa]{background-color:var(--blueberry);padding-top:4.62963vh;text-align:left;overflow:auto}.rule .page-container span[data-v-9ad203fa]{color:var(--macaroni-and-cheese)}.rule__title[data-v-9ad203fa]{color:var(--aqua-marine);font-size:2.22222vh;line-height:1.2;margin-bottom:3.7037vh;text-align:center}.rule__msk[data-v-9ad203fa]{height:60vh;overflow:auto}.rule__content[data-v-9ad203fa]{color:#fff;font-size:1.66667vh;font-size:2.22222vh;line-height:1.5;margin:0 7.12963vh;margin-bottom:3.7037vh;padding-bottom:3.7037vh;border-bottom:2px solid #b2b2b2}.rule__note[data-v-9ad203fa]{color:#fff;font-size:1.66667vh;line-height:1.5;margin-bottom:3.7037vh;margin:0 9.90741vh}.ranking{color:#fff;overflow:hidden;left:0;top:0}.ranking .page-container{background-color:var(--blueberry);padding-top:4.62963vh}.ranking__title{color:var(--aqua-marine);font-size:2.22222vh;line-height:1.2;margin-bottom:3.7037vh}.ranking__list{display:flex;flex-direction:column;align-items:flex-start;height:calc(100vh - 300px);overflow:auto}.ranking__item{width:50.92593vh;margin:0 auto;display:flex;align-items:center;align-content:flex-start;justify-content:space-between;padding:.92593vh 0}@media only screen and (max-width:414px){.ranking__item{width:44.44444vh}}.ranking__item:not(:last-child){border-bottom:.09259vh solid hsla(0,0%,100%,.5)}.ranking__item *{font-family:Noto Sans TC;font-size:1.66667vh}.ranking__tag{display:flex;align-items:flex-start;align-content:center;justify-content:center;width:5.83333vh;height:3.33333vh;position:relative;color:var(--macaroni-and-cheese);margin-right:1.85185vh;padding-left:.46296vh;line-height:1.8;text-indent:-.92593vh;background-image:url(/images/rask-4.svg);background-repeat:no-repeat;background-size:contain}.ranking__tag--no1{color:var(--macaroni-and-cheese);background-image:url(/images/rask-1.svg)}.ranking__tag--no2{color:var(--macaroni-and-cheese);background-image:url(/images/rask-2.svg)}.ranking__tag--no3{color:var(--macaroni-and-cheese);background-image:url(/images/rask-3.svg)}.ranking__middle{flex:1 0}.ranking__uname,.ranking__unit{font-size:1.66667vh;font-weight:700;flex:1 1;text-align:left}.ranking__unit{color:var(--macaroni-and-cheese)}.ranking__score{font-family:Merck;font-weight:700;font-size:3.51852vh;line-height:1;color:var(--aqua-marine);vertical-align:top}#app{font-family:Avenir,Helvetica,Arial,sans-serif;text-align:center;color:#2c3e50;width:100%;height:100vh}.bg{width:100vw;height:100vh;left:0;top:0;overflow:hidden}.bg,.bg>*{position:absolute;z-index:0}.bg>*{width:100%;height:100%;left:50%;top:50%;transform:translate(-50%,-50%)}.bg__main{background-image:url(/images/bg-img.jpg);background-position:50%;background-size:cover;background-repeat:no-repeat}.bg__wave{background-image:url(/images/bg-wave-main.svg);background-position:50% 0;background-repeat:repeat-y;mix-blend-mode:hue;-webkit-animation:ani-loop-up-n-down 100000000s linear infinite;animation:ani-loop-up-n-down 100000000s linear infinite}.bg__wave.low,.bg__wave.medium{opacity:.2;mix-blend-mode:normal}.bg__wave.low{-webkit-animation:none;animation:none}@media only screen and (max-width:1024px){.bg__wave{-webkit-animation:ani-loop-up-n-down 200000000s linear infinite;animation:ani-loop-up-n-down 200000000s linear infinite}}.anim-pause .bg__wave{-webkit-animation:none;animation:none}.bg__shring{background-image:url(/images/shining.png);background-position:50%;background-size:contain;-webkit-animation:ani-float 9s linear infinite;animation:ani-float 9s linear infinite}.bg__shring.low{display:none}.anim-pause .bg__shring{-webkit-animation:none;animation:none}.bg__cell{background-image:url(/images/cell-backgroung.svg);background-position:center 25vh;background-size:cover;background-repeat:no-repeat;transition:background-position .3s}.bg__cell--fad-out{background-position:center 40vh}.bg__mix{mix-blend-mode:hard-light;top:700px;bottom:auto}.bg-WaveL{margin-left:-20%;margin-top:-20%;transform:translate(-50%,-50%) rotate(-20deg)}.bg-WaveL,.bg-WaveR{display:none;width:auto;height:auto}.bg-WaveR{transform:translate(-50%,-50%) rotate(220deg);margin-left:20%;margin-top:-10%}:root{--blueberry:#503291;--macaroni-and-cheese:#ffc832;--aqua-marine:#33c7d5;--nice-blue:#0f69af;--pink-red:#e61e50;--emerald:#019a5b;--darkish-pink:#eb3c96;--purple-grey:#81727c}@font-face{font-family:Merck;src:url(../fonts/MerckWeb-Regular.a7c63635.ttf) format("truetype")}@-webkit-keyframes ani-loop-up-n-down{0%{background-position:50% 0}to{background-position:50% 1000000000%}}@keyframes ani-loop-up-n-down{0%{background-position:50% 0}to{background-position:50% 1000000000%}}@-webkit-keyframes ani-float{0%{transform:translate(-50%,-50%) rotate(1deg)}50%{transform:translate(-50%,-45%) rotate(-1deg)}to{transform:translate(-50%,-50%) rotate(1deg)}}@keyframes ani-float{0%{transform:translate(-50%,-50%) rotate(1deg)}50%{transform:translate(-50%,-45%) rotate(-1deg)}to{transform:translate(-50%,-50%) rotate(1deg)}}:root{--g-bdrs:3px;--g-padding:10px;--g-cont-padding:12px}*{box-sizing:border-box;margin:0;padding:0}*,a{outline:none}a{display:inline-block;cursor:pointer;hlbr:expression(this.onFocus=this.blur())}table{border-collapse:collapse}input[type=radio],input[type=text],select{border:0;background-color:transparent;color:#666;font-family:inherit;-webkit-appearance:none}button,input[type=radio]:focus,input[type=text]:focus,select:focus{outline:none}button{border:0;background-color:transparent;font-family:inherit;-webkit-appearance:none}li,ul{list-style:none}i{font-style:normal}h1,h2,h3,h4,h5,h6{font-weight:700}h1{font-size:calc(.02222px*100vh)}h2{font-size:calc(.01852px*100vh)}h3{font-size:calc(.01667px*100vh)}h4,h5,h6{font-size:calc(.01296px*100vh)}img{display:block}body,html{font-size:16px;background-color:var(--blueberry)}body{position:relative;min-height:100vh;font-family:Noto Sans TC,Helvetica,PingFangSC-Regular,Microsoft YaHei,Arial,sans-serif}a,body{color:#fff}a{text-decoration:none}.float{width:100%;height:100vh;position:fixed;z-index:1}.page-container{width:71.11111vh;height:100vh;margin:auto}@media only screen and (max-width:768px){.page-container{width:100%}}.alpha-0{opacity:0;pointer-events:none}.hidden{display:none}.close{cursor:pointer;width:4.44444vh;height:4.44444vh;background-color:#fff;background-position:50%;background-repeat:no-repeat;border-radius:2.22222vh;background-size:50%;background-image:url(/images/icon-close.svg)}.close:hover{background-color:var(--macaroni-and-cheese)}.error{border:solid var(--darkish-pink) 2px!important}.game-hall{z-index:1}footer{z-index:2}.popup{z-index:3}header{z-index:4}.ranking{z-index:5}.rule{z-index:6}.loading{z-index:7}.btns{font-family:Noto Sans TC;width:30.18519vh;height:5.55556vh;font-size:2.22222vh;line-height:1.16;letter-spacing:2.4px;text-align:center;color:#fff;border-radius:.92593vh;border-top-left-radius:0;border:.18519vh solid #fff;display:flex;align-items:center;justify-content:center}.btns:focus,.btns:hover{color:var(--blueberry);border:solid .18519vh var(--aqua-marine);background-color:var(--aqua-marine)}.btns--fb{background:var(--nice-blue);color:#fff;border-color:var(--nice-blue)}.popup{width:100%;height:100vh;position:fixed;left:0;top:0}.popup .page-container{display:flex;flex-direction:column;align-items:center;padding-top:17.59259vh}