@import"https://fonts.googleapis.com/earlyaccess/cwtexyen.css";@import"https://fonts.googleapis.com/css2?family=Exo:wght@300;400&family=Noto+Sans+TC:wght@300;400;500;700&display=swap";@font-face{font-family:華康新特圓體;src:url(/fonts/DFT_R9.TTF) format("truetype");font-weight:400;font-style:normal}@font-face{font-family:MStiffHeiHK;src:url(/fonts/MStiffHeiHK-UltraBold.otf) format("opentype");font-weight:800;font-style:normal;font-display:swap}a,abbr,acronym,address,applet,article,aside,audio,b,big,blockquote,body,canvas,caption,center,cite,code,dd,del,details,dfn,div,dl,dt,em,embed,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,html,i,iframe,img,ins,kbd,label,legend,li,mark,menu,nav,object,ol,output,p,pre,q,ruby,s,samp,section,small,span,strike,strong,sub,summary,sup,table,tbody,td,tfoot,th,thead,time,tr,tt,u,ul,var,video{margin:0;padding:0;border:0;vertical-align:baseline;font:inherit;font-size:100%}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:after,blockquote:before,q:after,q:before{content:"";content:none}table{border-spacing:0;border-collapse:collapse}ul li{list-style-type:none}*,:after,:before{-moz-box-sizing:border-box;box-sizing:border-box}a{text-decoration:none}.comics__image-slogan,.competition-page,.competition-page__board,.competition-page__fragments,.competition-page__role-original,.container__loader-block,.container__title,.fragment-ui,.fragment-ui__animation,.fragment-ui__round,.fragment-ui__round>ul,.fragment-ui__start,.game,.game__action-downtime,.game__action-role,.game__action-special,.game__character-selector li,.game__character-selector li>span,.game__characters-animation-action,.game__characters-animation-action>main,.game__container,.game__mask,.game__quiz-board,.game__quiz-items li,.game__quiz-result,.game__result-character-list span,.game__result-name,.game__result-total,.game__select-level,.game__select-role,.game__select-stage,.game__star-circle,.game__timer,.modal,.modal__close,.navbar__font-size-select>li,.poster__image-slogan,.promotion,.promotion__container,.promotion__container--links{display:-moz-box;display:flex;-moz-box-align:center;align-items:center;-moz-box-pack:center;justify-content:center}.game__result-character-list,.game__role-board,.role-board,.team-form__row{display:-moz-box;display:flex;-moz-box-orient:horizontal;-moz-box-direction:normal;flex-flow:row}.antidote-page,.competition-page__attribute-list li,.competition-page__role-board,.fake-user>div,.fake-user>ul,.game__action-selector,.game__characters-list,.game__characters-list li,.game__quiz-items li button,.game__room{display:-moz-box;display:flex;-moz-box-align:center;align-items:center;-moz-box-orient:horizontal;-moz-box-direction:normal;flex-flow:row}.game__characters-animation,.game__characters-display,.game__room-level ul,.question-list__title,.teams-list li{display:-moz-box;display:flex;-moz-box-pack:justify;justify-content:space-between}.competition-page__attribute-list,.competition-page__button,.competition-page__role-info,.game__action-board,.game__characters-list li p,.question-list li,.team-form__col,.teams-list{display:-moz-box;display:flex;-moz-box-orient:vertical;-moz-box-direction:normal;flex-flow:column}.antidote-page__main,.competition-page__selector,.fake-user,.game__action-common,.game__characters-animation-member,.game__result-character-list li,.game__select-item{display:-moz-box;display:flex;-moz-box-align:center;align-items:center;-moz-box-orient:vertical;-moz-box-direction:normal;flex-flow:column}.antidote-page__antidote-list,.footer__logo,.game__quiz-items,.game__role-board>ul,.image-list{display:-moz-box;display:flex;-moz-box-orient:horizontal;-moz-box-direction:normal;flex-flow:row wrap}.board-background,.game__character-selector li.disabled:before,.game__role:before{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;content:""}.game__mask-block,.modal__close:after,.modal__close:before{position:absolute;width:100%;content:""}.game__characters-animation-action>main.ability:before,.game__star-circle:before{position:absolute;content:""}.container,.footer__container,.header-hero,.navbar__container,.quiz-box{margin:auto;max-width:1500px;width:90%}@media (max-width:1240px)and (min-width:966px){.container,.footer__container,.header-hero,.navbar__container,.quiz-box{width:85%}}@media (max-width:966px)and (min-width:556px){.container,.footer__container,.header-hero,.navbar__container,.quiz-box{width:85%}}@media (max-width:556px){.container,.footer__container,.header-hero,.navbar__container,.quiz-box{width:90%}}.image-list{overflow:hidden;margin:-10px}.image-list li{-moz-box-flex:1;flex:1 1;margin:10px;min-width:220px}.modal{top:0;left:0;width:100vw;height:100vh}.character-action-effect-side,.character-action-fainted,.character-action-health,.character-action-shield{position:absolute;width:100%;height:100%}.footer__container{border-top:34px solid transparent}body{position:relative;background-color:#02121c;color:#fff;letter-spacing:4px;font-family:Noto Sans TC,sans-serif;line-height:1.5}.text--big{font-size:1.2rem;line-height:2}.margin-bottom{margin-bottom:40px!important}.img-box{display:block;margin:auto;width:100%}.img-box--midden{width:80%}@media (max-width:1366px)and (hover:none)and (pointer:coarse),all and (max-width:966px){.img-box--midden{margin:0;width:100%}}.img-box--small{width:60%}@media (max-width:1366px)and (hover:none)and (pointer:coarse),all and (max-width:966px){.img-box--small{margin:0;width:100%}}.img-box a{display:block;-webkit-transition:-webkit-transform .3s ease-in-out;transition:-webkit-transform .3s ease-in-out;-moz-transition:transform .3s ease-in-out,-moz-transform .3s ease-in-out;transition:transform .3s ease-in-out;transition:transform .3s ease-in-out,-webkit-transform .3s ease-in-out,-moz-transform .3s ease-in-out}.img-box a:hover{-webkit-transform:scale(1.05);-moz-transform:scale(1.05);transform:scale(1.05)}.section-box{white-space:break-spaces}h1{margin-bottom:.2rem;font-size:2em}.navbar{color:#fff;padding-top:130px;font-size:1em;--btn-h:110px;--btn-pop:-0.5;--center-nudge:30px}@media (max-width:1760px)and (min-width:1430px){.navbar{padding-top:115px}}@media (max-width:1430px)and (min-width:1240px){.navbar{padding-top:80px;font-size:.85em;--btn-h:90px;--center-nudge:18px;--btn-pop:-0.3}}@media (max-width:1240px)and (min-width:966px){.navbar{padding-top:70px;font-size:.6em;--btn-h:70px;--btn-pop:-0.3;--center-nudge:15px}}.navbar__trigger-btn{position:fixed;top:40px;right:40px;display:none;padding:10px;border-radius:50%;background:url(/new-assets/ui/button/planet-btn.webp) no-repeat 50%/contain;cursor:pointer;pointer-events:auto;width:48px;height:48px}@media (max-width:1366px)and (hover:none)and (pointer:coarse),all and (max-width:966px){.navbar__trigger-btn{display:-moz-box;display:flex}}.navbar__container{display:grid;grid-template-columns:auto 1fr auto;-moz-box-align:start;align-items:start;grid-column-gap:16px;-webkit-column-gap:16px;-moz-column-gap:16px;column-gap:16px;pointer-events:auto}@media (max-width:1366px)and (hover:none)and (pointer:coarse),all and (max-width:966px){.navbar__container{position:fixed;inset:0 auto 0 0;width:280px;height:100%;padding:40px 20px 20px;background-color:#1a103d;display:-moz-box;display:flex;-moz-box-orient:vertical;-moz-box-direction:normal;flex-direction:column;-moz-box-pack:justify;justify-content:space-between;-webkit-transform:translateX(-100%);-moz-transform:translateX(-100%);transform:translateX(-100%);-webkit-transition:-webkit-transform .3s ease;transition:-webkit-transform .3s ease;-moz-transition:transform .3s ease,-moz-transform .3s ease;transition:transform .3s ease;transition:transform .3s ease,-webkit-transform .3s ease,-moz-transform .3s ease}.navbar__container.active{-webkit-transform:translateX(0);-moz-transform:translateX(0);transform:translateX(0)}}.navbar__left{display:-moz-box;display:flex;-moz-box-align:center;align-items:center}@media (max-width:1366px)and (hover:none)and (pointer:coarse),all and (max-width:966px){.navbar__left{width:100%;margin-bottom:12px}}.navbar__center-group{display:-moz-box;display:flex;-moz-box-orient:vertical;-moz-box-direction:normal;flex-direction:column;-moz-box-align:center;align-items:center;grid-gap:12px;gap:12px;justify-self:center;-webkit-transform:translateX(var(--center-nudge));-moz-transform:translateX(var(--center-nudge));transform:translateX(var(--center-nudge))}@media (max-width:1366px)and (hover:none)and (pointer:coarse),all and (max-width:966px){.navbar__center-group{-webkit-transform:none;-moz-transform:none;transform:none;-moz-box-align:start;align-items:flex-start;width:100%;-moz-box-flex:1;flex:1 1;-moz-box-pack:center;justify-content:center}}.navbar__link-items{display:-moz-box;display:flex;-moz-box-pack:center;justify-content:center;width:100%;grid-gap:25px;gap:25px}.navbar__link-items a,.navbar__link-items span{white-space:nowrap;word-break:keep-all;color:#fff}@media (max-width:1366px)and (hover:none)and (pointer:coarse),all and (max-width:966px){.navbar__link-items{-moz-box-orient:vertical;-moz-box-direction:normal;flex-direction:column;-moz-box-align:start;align-items:flex-start;grid-gap:12px;gap:12px;margin-bottom:20px;padding-left:0}.navbar__link-items a{display:block;width:100%;text-align:left}.navbar__link-items a,.navbar__link-items span{white-space:normal;word-break:break-word}}.navbar__link-items>li{position:relative;display:-moz-inline-box;display:inline-flex;-moz-box-align:end;align-items:flex-end;padding:0 5px}@media (max-width:1366px)and (hover:none)and (pointer:coarse),all and (max-width:966px){.navbar__link-items>li{-moz-box-align:start;align-items:flex-start;-moz-box-orient:vertical;-moz-box-direction:normal;flex-direction:column;width:200px}}.navbar__link-items>li:hover>.navbar__dropdown{display:-moz-box;display:flex}.navbar__item-trigger:after{content:url(/_next/static/media/icon-arrow-dropdown-circle.2c8a9ad6.svg);margin:0 0 2px 5px}@media (max-width:1366px)and (hover:none)and (pointer:coarse),all and (max-width:966px){.navbar__item-trigger:after{content:""}}.navbar__dropdown{position:absolute;top:100%;left:0;display:none;-moz-box-orient:vertical;-moz-box-direction:normal;flex-direction:column;width:100%;padding:10px;border-radius:5px;background-color:rgba(5,103,131,.5)}@media (max-width:1366px)and (hover:none)and (pointer:coarse),all and (max-width:966px){.navbar__dropdown{top:0;position:relative;display:-moz-box;display:flex;padding:20px;background-color:transparent}}.navbar__font-size-select{display:-moz-box;display:flex;-moz-box-pack:center;justify-content:center;margin-top:0}@media (max-width:1366px)and (hover:none)and (pointer:coarse),all and (max-width:966px){.navbar__font-size-select{width:100%;margin-bottom:50px}}.navbar__font-size-select>li{width:40px;height:40px;margin-right:10px;border-radius:50%;letter-spacing:0;cursor:pointer}.navbar__font-size-select>li.active{background-color:#fff;color:#6a291a}.navbar__action-btn{display:-moz-box;display:flex;-moz-box-align:center;align-items:center;grid-gap:1rem;gap:1rem}@media (max-width:1366px)and (hover:none)and (pointer:coarse),all and (max-width:966px){.navbar__action-btn{-moz-box-orient:vertical;-moz-box-direction:normal;flex-direction:column;width:100%;padding-top:12px}}.navbar__action-btn img{cursor:pointer;height:var(--btn-h);width:auto;max-width:100%;margin-top:calc(var(--btn-h)*var(--btn-pop));-webkit-transition:-webkit-transform .15s ease;transition:-webkit-transform .15s ease;-moz-transition:transform .15s ease,-moz-transform .15s ease;transition:transform .15s ease;transition:transform .15s ease,-webkit-transform .15s ease,-moz-transform .15s ease}.navbar__action-btn img:hover{-webkit-transform:scale(1.05);-moz-transform:scale(1.05);transform:scale(1.05)}.navbar__action-btn img:active{-webkit-transform:scale(.95);-moz-transform:scale(.95);transform:scale(.95)}.navbar-wrapper{position:absolute;inset:0 0 auto 0;z-index:20;pointer-events:none}.header{position:relative;top:0;display:-moz-box;display:flex;-moz-box-pack:justify;justify-content:space-between;width:100%;height:350px}@media (max-width:556px){.header{height:45vh}}.header-hero{position:relative;top:0;display:-moz-box;display:flex;-moz-box-pack:justify;justify-content:space-between;max-height:850px;width:100%;height:100vh}@media (max-width:1366px)and (hover:none)and (pointer:coarse),all and (max-width:966px){.header-hero img{display:none}}@media (max-width:556px){.header-hero{height:40vh}}@media (max-width:330px){.header-hero{height:30vh}}.header-hero img{display:none}.container{position:relative;z-index:10;display:-moz-box;display:flex}@media (max-width:1366px)and (hover:none)and (pointer:coarse),all and (max-width:966px){.container{-moz-box-orient:vertical;-moz-box-direction:normal;flex-direction:column}}.container img{width:100%}.container--home{margin-top:-220px}@media (max-width:1366px)and (hover:none)and (pointer:coarse),all and (max-width:966px){.container--home{margin-top:-130px}}@media (max-width:556px){.container--home{margin-top:-75px}}.container--normal{padding-top:200px}@media (max-width:1366px)and (hover:none)and (pointer:coarse),all and (max-width:966px){.container--normal{padding-top:50px}}@media (max-width:556px){.container--normal{padding-top:0}}.container__main{position:relative;-moz-box-flex:1;flex:1 1;margin-top:40px;padding-block:200px;padding-inline:100px;min-height:400px}@media (max-width:556px){.container__main{padding:40px}}.container__main-bg{position:absolute;top:180px;inset-inline:80px;bottom:190px;background:-webkit-radial-gradient(bottom,ellipse,rgba(185,95,255,.18),rgba(185,95,255,.06) 80%);background:-moz-radial-gradient(bottom,ellipse,rgba(185,95,255,.18),rgba(185,95,255,.06) 80%);background:radial-gradient(ellipse at bottom,rgba(185,95,255,.18),rgba(185,95,255,.06) 80%);box-shadow:0 0 0 2px rgba(255,0,255,.25),0 0 12px 6px rgba(150,0,255,.2),0 0 24px 12px rgba(200,0,255,.15),0 0 48px 18px rgba(185,95,255,.25);z-index:0;pointer-events:none}@media (max-width:966px)and (min-width:556px){.container__main-bg{top:90px;bottom:90px;inset-inline:36px}}@media (max-width:556px){.container__main-bg{top:40px;bottom:40px;inset-inline:18px}}.container__title{position:absolute;left:-moz-calc(50% - 200px);left:calc(50% - 200px);width:400px;height:80px;top:-16px;background-image:url(/new-assets/background/board/new-board-title.webp);background-size:contain;background-position:50%;background-repeat:no-repeat;color:#fff;letter-spacing:2px;font-size:2.5rem}.container__title span{font-family:MStiffHeiHK,PingFang TC,Noto Sans TC,Microsoft JhengHei,sans-serif;font-weight:800;background-image:-webkit-linear-gradient(top,#fff,#e7efff 30%,#69a0ff 45%,#d18bff 80%,#e7efff);background-image:-moz-linear-gradient(top,#fff 0,#e7efff 30%,#69a0ff 45%,#d18bff 80%,#e7efff 100%);background-image:linear-gradient(180deg,#fff,#e7efff 30%,#69a0ff 45%,#d18bff 80%,#e7efff);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:transparent;position:relative;top:-3px}@media (max-width:556px){.container__title span{top:-2px}.container__title{left:50%;-webkit-transform:translateX(-50%);-moz-transform:translateX(-50%);transform:translateX(-50%);width:50%;height:48px;font-size:1.2rem;background-size:100% auto}}.container__board{position:absolute;top:0;left:0;z-index:-1;display:-moz-box;display:flex;-moz-box-orient:vertical;-moz-box-direction:normal;flex-direction:column;width:100%;height:100%}.container__board>img:nth-child(2),.container__board>img:nth-child(3){margin:0 auto;width:-moz-calc(100% - 82px);width:calc(100% - 82px)}@media (max-width:1430px)and (min-width:1240px){.container__board>img:nth-child(2),.container__board>img:nth-child(3){width:-moz-calc(100% - 62px);width:calc(100% - 62px)}}@media (max-width:1240px)and (min-width:966px){.container__board>img:nth-child(2),.container__board>img:nth-child(3){width:-moz-calc(100% - 45px);width:calc(100% - 45px)}}@media (max-width:966px)and (min-width:556px){.container__board>img:nth-child(2),.container__board>img:nth-child(3){width:-moz-calc(100% - 36px);width:calc(100% - 36px)}}@media (max-width:556px){.container__board>img:nth-child(2),.container__board>img:nth-child(3){width:-moz-calc(100% - 18px);width:calc(100% - 18px)}}.container__board>img:nth-child(2){position:relative;z-index:1;-moz-box-flex:1;flex:1 1}.container__loader-block{min-height:30vh}.container__list{margin-left:2rem;list-style-type:auto;line-height:1.75}.container__list li>ol{margin-left:50px;list-style-type:auto}.footer{position:relative;margin-top:150px;padding-bottom:50vh;color:#fff}.footer:after{content:"";position:absolute;bottom:0;left:0;right:0;aspect-ratio:1366/768;background-image:url(/new-assets/background/decorations/footer-decoration.webp);background-repeat:no-repeat;background-size:contain;background-position:bottom;z-index:0}@media (max-width:556px){.footer{margin-top:0;padding-bottom:140px}}.footer__container{position:relative;z-index:1;padding:50px 0;text-align:center}.footer__logo{-moz-box-pack:center;justify-content:center;margin-bottom:40px}.footer__logo>li{margin:0 20px}@media (max-width:556px){.footer__logo>li{margin-bottom:.5rem}}.footer__information{font-size:.9em;line-height:2}.hero{background-repeat:no-repeat;background-position:top;background-size:contain;width:100%;aspect-ratio:1366/968;pointer-events:none}.hero--home{position:relative;background-image:url(/new-assets/background/decorations/new-hero-home.webp)}.hero--page{position:fixed;z-index:30;background-image:url(/new-assets/background/decorations/hero-page.webp)}body.is-nav-open .hero--page{z-index:10}.character-action,.character-container{position:relative;width:240px;height:240px}.character-action.death{-webkit-filter:grayscale(1);filter:grayscale(1)}.character-action-effect-side{bottom:-30px;opacity:0;-webkit-filter:contrast(.5) blur(4px) brightness(2.5) opacity(.55);filter:contrast(.5) blur(4px) brightness(2.5) opacity(.55)}.character-action-effect-side.active{-webkit-animation:showAnimation 3s 1.5s 1;-moz-animation:showAnimation 3s 1.5s 1;animation:showAnimation 3s 1.5s 1}.character-action-fainted,.character-action-shield{top:-50px;opacity:0;-webkit-transform:scale(.8);-moz-transform:scale(.8);transform:scale(.8);-webkit-transition:opacity 1.5s 1.5s;-moz-transition:opacity 1.5s 1.5s;transition:opacity 1.5s 1.5s}.character-action-fainted.active,.character-action-shield.active{opacity:.75}.character-action-health,.character-action-shield{-webkit-transform:scale(.4);-moz-transform:scale(.4);transform:scale(.4)}.character-action-health{top:-40px;opacity:0;-webkit-animation:showAnimation 2s 0s 1;-moz-animation:showAnimation 2s 0s 1;animation:showAnimation 2s 0s 1}.character-wood-archer{background:url(/new-assets/animation/idle/characters/wood_archer_idle_01.webp) 50%/contain no-repeat}.character-wood-archer.attack.active{background:url(/new-assets/animation/attack/characters/wood_archer_attack.gif) 50%/contain no-repeat}.character-wood-archer.defence.active{background:url(/new-assets/animation/defense/characters/wood_archer_defence.gif) 50%/contain no-repeat}.character-wood-mage{background:url(/new-assets/animation/idle/characters/wood_mage_idle_01.webp) 50%/contain no-repeat}.character-wood-mage.attack.active{background:url(/new-assets/animation/attack/characters/wood_mage_attack.gif) 50%/contain no-repeat}.character-wood-mage.defence.active{background:url(/new-assets/animation/defense/characters/wood_mage_defence.gif) 50%/contain no-repeat}.character-wood-warrior{background:url(/new-assets/animation/idle/characters/wood_warrior_idle_01.webp) 50%/contain no-repeat}.character-wood-warrior.attack.active{background:url(/new-assets/animation/attack/characters/wood_warrior_attack.gif) 50%/contain no-repeat}.character-wood-warrior.defence.active{background:url(/new-assets/animation/defense/characters/wood_warrior_defence.gif) 50%/contain no-repeat}.character-water-archer{background:url(/new-assets/animation/idle/characters/water_archer_idle_01.webp) 50%/contain no-repeat}.character-water-archer.attack.active{background:url(/new-assets/animation/attack/characters/water_archer_attack.gif) 50%/contain no-repeat}.character-water-archer.defence.active{background:url(/new-assets/animation/defense/characters/water_archer_defence.gif) 50%/contain no-repeat}.character-water-mage{background:url(/new-assets/animation/idle/characters/water_mage_idle_01.webp) 50%/contain no-repeat}.character-water-mage.attack.active{background:url(/new-assets/animation/attack/characters/water_mage_attack.gif) 50%/contain no-repeat}.character-water-mage.defence.active{background:url(/new-assets/animation/defense/characters/water_mage_defence.gif) 50%/contain no-repeat}.character-water-warrior{background:url(/new-assets/animation/idle/characters/water_warrior_idle_01.webp) 50%/contain no-repeat}.character-water-warrior.attack.active{background:url(/new-assets/animation/attack/characters/water_warrior_attack.gif) 50%/contain no-repeat}.character-water-warrior.defence.active{background:url(/new-assets/animation/defense/characters/water_warrior_defence.gif) 50%/contain no-repeat}.character-fire-archer{background:url(/new-assets/animation/idle/characters/fire_archer_idle_01.webp) 50%/contain no-repeat}.character-fire-archer.attack.active{background:url(/new-assets/animation/attack/characters/fire_archer_attack.gif) 50%/contain no-repeat}.character-fire-archer.defence.active{background:url(/new-assets/animation/defense/characters/fire_archer_defence.gif) 50%/contain no-repeat}.character-fire-mage{background:url(/new-assets/animation/idle/characters/fire_mage_idle_01.webp) 50%/contain no-repeat}.character-fire-mage.attack.active{background:url(/new-assets/animation/attack/characters/fire_mage_attack.gif) 50%/contain no-repeat}.character-fire-mage.defence.active{background:url(/new-assets/animation/defense/characters/fire_mage_defence.gif) 50%/contain no-repeat}.character-fire-warrior{background:url(/new-assets/animation/idle/characters/fire_warrior_idle_01.webp) 50%/contain no-repeat}.character-fire-warrior.attack.active{background:url(/new-assets/animation/attack/characters/fire_warrior_attack.gif) 50%/contain no-repeat}.character-fire-warrior.defence.active{background:url(/new-assets/animation/defense/characters/fire_warrior_defence.gif) 50%/contain no-repeat}.character-boss{width:400px;height:400px;background:url(/new-assets/animation/idle/characters/boss_idle.png) 50%/contain no-repeat}.character-boss.attack.active{background:url(/new-assets/animation/attack/characters/boss_attack.gif) 50%/contain no-repeat}.character-boss.defence.active{background:url(/new-assets/animation/defense/characters/boss_defence.gif) 50%/contain no-repeat}@-webkit-keyframes showAnimation{0%{opacity:0}20%{opacity:.9}80%{opacity:.9}to{opacity:0}}@-moz-keyframes showAnimation{0%{opacity:0}20%{opacity:.9}80%{opacity:.9}to{opacity:0}}@keyframes showAnimation{0%{opacity:0}20%{opacity:.9}80%{opacity:.9}to{opacity:0}}.board-background{z-index:-1}.board-background__bottom,.board-background__left,.board-background__right,.board-background__top{position:absolute;display:block}.board-background__bottom:after,.board-background__bottom:before,.board-background__left:after,.board-background__left:before,.board-background__right:after,.board-background__right:before,.board-background__top:after,.board-background__top:before{position:absolute;content:""}.board-background__label{position:absolute;top:-34px;left:40px;z-index:10;display:inline-block;width:420px;height:26px;background-image:url(/_next/static/media/mask-top.1b72428e.svg);background-repeat:no-repeat}@media (max-width:556px){.board-background__label{left:20px;width:300px;background-position:100%}}@media (max-width:330px){.board-background__label{width:280px}}.board-background__label--title{padding-left:80px}.board-background__top{top:-34px;width:100%;height:34px}.board-background__top:before{top:12px;left:0;display:inline-block;width:-moz-calc(100% - 310px);width:calc(100% - 310px);height:2px;background-color:#0068e8}.board-background__top:after{right:0;width:310px;height:34px;background-image:url(/_next/static/media/board_top-shape.61d77559.svg);content:""}.board-background__bottom{bottom:-34px;width:100%;height:34px}.board-background__bottom:before{left:0;width:160px;height:34px;background-image:url(/_next/static/media/board_bottom-shape.ed1a52c6.svg);content:""}.board-background__bottom:after{top:15px;right:0;display:inline-block;width:-moz-calc(100% - 160px);width:calc(100% - 160px);height:2px;background-color:#0068e8}.board-background__left{top:-22px;width:2px;height:-moz-calc(100% + 22px);height:calc(100% + 22px);background-color:#0068e8}.board-background__left:before{top:40px;left:-7px;content:url(/_next/static/media/board_left-shape.a1b99320.svg)}.board-background__left:after{bottom:-5px;left:200px;content:url(/_next/static/media/board_bottom-mask.a3299b6a.svg)}@media (max-width:330px){.board-background__left:after{display:none}}.board-background__right{right:0;bottom:-17px;width:2px;height:-moz-calc(100% + 17px);height:calc(100% + 17px);background-color:#0068e8}.board-background__right:before{top:40px;left:7px;content:url(/_next/static/media/board_right-shape.f75697ab.svg)}.body-background{position:absolute;inset:0;z-index:-1;background-color:#000}.body-background:after{content:"";position:absolute;inset:20px;border-radius:32px;pointer-events:none;z-index:1;background:-webkit-radial-gradient(center,circle,rgba(180,0,180,.6) 0,rgba(180,0,180,.4) 20%,rgba(180,0,180,.2) 40%,rgba(180,0,180,.1) 60%,transparent 90%),#051023;background:-moz-radial-gradient(center,circle,rgba(180,0,180,.6) 0,rgba(180,0,180,.4) 20%,rgba(180,0,180,.2) 40%,rgba(180,0,180,.1) 60%,transparent 90%),#051023;background:radial-gradient(circle at center,rgba(180,0,180,.6) 0,rgba(180,0,180,.4) 20%,rgba(180,0,180,.2) 40%,rgba(180,0,180,.1) 60%,transparent 90%),#051023;background-blend-mode:screen}@media (max-width:556px){.body-background:after{inset:10px}}.promotion{background-image:url(/_next/static/media/新北市素養評量.cb67791a.png);background-position:50%;background-size:cover;background-attachment:fixed;background-repeat:repeat-y;color:#000;height:100vh;z-index:5}@media (max-width:966px)and (min-width:556px){.promotion{background-image:url("/_next/static/media/新北市素養評量(平板).7492f9e8.png");display:-moz-box;display:flex}}@media (max-width:556px){.promotion{display:-moz-box;display:flex}}.promotion__title{margin-top:2rem;width:40%;height:auto}@media (max-width:966px)and (min-width:556px){.promotion__title{width:80%;margin-top:0;padding:3rem 1rem}}@media (max-width:556px){.promotion__title{width:95%}}.promotion__container{-moz-box-orient:vertical;-moz-box-direction:normal;flex-direction:column}.promotion__container--links{width:35%;height:auto;cursor:pointer;grid-gap:10px;gap:10px;-moz-box-orient:horizontal;-moz-box-direction:normal;flex-direction:row}@media (max-width:966px)and (min-width:556px){.promotion__container--links{width:30%}}@media (max-width:556px){.promotion__container--links{width:70%;padding-top:1rem}}.poster__title{display:-moz-box;display:flex;justify-content:space-around;margin-bottom:3rem;cursor:pointer}@media (max-width:966px)and (min-width:556px){.poster__title{-moz-box-orient:vertical;-moz-box-direction:normal;flex-direction:column;grid-gap:10px;gap:10px}}@media (max-width:556px){.poster__title{-moz-box-orient:vertical;-moz-box-direction:normal;flex-direction:column;grid-gap:10px;gap:10px}}.poster__title>h2{margin:0 .5rem;padding:.75rem 1rem;border-radius:20px;background-color:rgba(54,54,54,.75);color:#fff;font-size:1rem;-webkit-transition:-webkit-transform .3s ease;transition:-webkit-transform .3s ease;-moz-transition:transform .3s ease,-moz-transform .3s ease;transition:transform .3s ease;transition:transform .3s ease,-webkit-transform .3s ease,-moz-transform .3s ease}@media (max-width:966px)and (min-width:556px){.poster__title>h2{font-size:1rem}}@media (max-width:556px){.poster__title>h2{padding:1rem;font-size:.85rem}}.poster__title>h2:hover{-webkit-transform:scale(1.2);-moz-transform:scale(1.2);transform:scale(1.2)}.poster__title>h2.selected{background-color:#9f59ee}.poster__content{display:-moz-box;display:flex;flex-wrap:wrap;-moz-box-pack:center;justify-content:center;grid-gap:35px;gap:35px}.poster__image-container{position:relative;overflow:hidden;margin:0 1rem;width:250px;height:auto}@media (max-width:556px){.poster__image-container{height:300px}}.poster__image-title{position:absolute;top:0;left:0;width:100%;background-color:rgba(208,77,245,.7);color:#fff;text-align:center}.poster__image-slogan{width:100%;text-align:center;font-weight:600;font-size:1rem}.comics__title{display:-moz-box;display:flex;justify-content:space-around;margin-bottom:3rem;cursor:pointer}@media (max-width:966px)and (min-width:556px){.comics__title{-moz-box-orient:vertical;-moz-box-direction:normal;flex-direction:column;grid-gap:10px;gap:10px}}@media (max-width:556px){.comics__title{-moz-box-orient:vertical;-moz-box-direction:normal;flex-direction:column;grid-gap:10px;gap:10px}}.comics__title>h2{margin:0 .5rem;padding:.5rem;border-radius:20px;background-color:rgba(54,54,54,.75);color:#fff;font-size:1rem;-webkit-transition:-webkit-transform .3s ease;transition:-webkit-transform .3s ease;-moz-transition:transform .3s ease,-moz-transform .3s ease;transition:transform .3s ease;transition:transform .3s ease,-webkit-transform .3s ease,-moz-transform .3s ease}@media (max-width:966px)and (min-width:556px){.comics__title>h2{font-size:1rem}}@media (max-width:556px){.comics__title>h2{padding:1rem;font-size:.85rem}}.comics__title>h2:hover{-webkit-transform:scale(1.2);-moz-transform:scale(1.2);transform:scale(1.2)}.comics__title>h2.selected{background-color:#9f59ee}.comics__content{display:-moz-box;display:flex;flex-wrap:wrap;-moz-box-pack:center;justify-content:center;margin:2rem;grid-gap:35px;gap:35px}.comics__image-container{position:relative;overflow:hidden;margin:0 1rem;width:250px;height:auto;cursor:pointer}@media (max-width:556px){.comics__image-container{height:300px}}.comics__image-title{position:absolute;top:0;left:0;width:100%;background-color:rgba(208,77,245,.7);color:#fff;text-align:center}.comics__image-slogan{width:100%;text-align:center;font-size:1rem}.list li{display:-moz-box;display:flex;padding:20px 0;border-bottom:1px solid #056783}@media (max-width:556px){.list li{-moz-box-orient:vertical;-moz-box-direction:normal;flex-direction:column}}.list li:last-child{border-bottom:none}.list li a{display:-moz-box;display:flex;color:#fff;-webkit-transition:opacity .3s;-moz-transition:opacity .3s;transition:opacity .3s}@media (max-width:556px){.list li a{-moz-box-orient:vertical;-moz-box-direction:normal;flex-direction:column}}.list li a:hover{opacity:.8}.list li span{display:-moz-inline-box;display:inline-flex;margin-right:20px}.list li span:last-child{margin-right:0}@media (max-width:556px){.list li span:last-child{margin-top:5px}}.tab-container{position:relative}.tab-container__tabs{display:-moz-box;display:flex;-moz-box-pack:center;justify-content:center;grid-gap:4rem;gap:4rem;width:100%;margin-bottom:3rem;flex-wrap:wrap;padding-left:6rem}@media (max-width:1366px)and (hover:none)and (pointer:coarse),all and (max-width:966px){.tab-container__tabs{flex-wrap:wrap;margin-bottom:30px}}@media (max-width:556px){.tab-container__tabs{-moz-box-pack:center;justify-content:center;padding-left:0;grid-gap:2rem;gap:2rem}}.tab-container__tabs .tab-button{width:300px;opacity:.3;cursor:pointer;-webkit-transition:opacity .3s ease-in-out,-webkit-transform .3s ease-in-out;transition:opacity .3s ease-in-out,-webkit-transform .3s ease-in-out;-moz-transition:transform .3s ease-in-out,opacity .3s ease-in-out,-moz-transform .3s ease-in-out;transition:transform .3s ease-in-out,opacity .3s ease-in-out;transition:transform .3s ease-in-out,opacity .3s ease-in-out,-webkit-transform .3s ease-in-out,-moz-transform .3s ease-in-out;-webkit-transform:scale(1.5);-moz-transform:scale(1.5);transform:scale(1.5);-webkit-transform-origin:center;-moz-transform-origin:center;transform-origin:center;will-change:transform}.tab-container__tabs .tab-button.active{opacity:1;-webkit-transform:scale(1.5);-moz-transform:scale(1.5);transform:scale(1.5)}.tab-container__tabs .tab-button:hover{-webkit-transform:scale(1.4);-moz-transform:scale(1.4);transform:scale(1.4)}.tab-container__tabs .tab-button img{display:block;width:100%;height:auto}.tab-container__pages>section{display:none}.tab-container__pages>section.active{display:block}.question-list li{padding:20px 0;border-bottom:1px solid #056783;-webkit-transition:height .3s ease-in;-moz-transition:height .3s ease-in;transition:height .3s ease-in}.question-list li a{color:#c48c38}.question-list li.active .question-list__title:after{-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);transform:rotate(45deg)}.question-list li.active .question-list__content{height:auto}.question-list__title{letter-spacing:5px;font-size:.9em;opacity:.8;cursor:pointer}.question-list__content{overflow:hidden;-moz-box-sizing:border-box;box-sizing:border-box;padding-top:20px}.role-board__content{-moz-box-flex:1;flex:1 1}.role-board__content ul{display:none}.role-board__content ul.active{display:block}.role-board__content li{margin-bottom:30px}.role-board__select{flex-basis:240px;margin-left:30px}.role-board__select li{margin-bottom:15px;cursor:pointer}.role-board__select li.active{background-color:#021b4e;border:2px solid #3d3d7c}.loader{position:relative;display:block;-webkit-transform:scale(1.5);-moz-transform:scale(1.5);transform:scale(1.5)}.loader__inner,.loader__middle,.loader__outer{position:absolute;top:50%;left:50%;border-color:#c48c38 #c48c38 transparent transparent;border-style:solid;border-width:3px;border-radius:50%}.loader__outer{margin-top:-1.75em;margin-left:-1.75em;width:3.5em;height:3.5em;-webkit-animation:spin 2s linear infinite;-moz-animation:spin 2s linear infinite;animation:spin 2s linear infinite}.loader__middle{margin-top:-1.05em;margin-left:-1.05em;width:2.1em;height:2.1em;animation:spin 1.75s linear infinite reverse}.loader__inner{margin-top:-.4em;margin-left:-.4em;width:.8em;height:.8em;-webkit-animation:spin 1.5s linear infinite;-moz-animation:spin 1.5s linear infinite;animation:spin 1.5s linear infinite}@-webkit-keyframes spin{to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@-moz-keyframes spin{to{-moz-transform:rotate(1turn);transform:rotate(1turn)}}.modal{position:fixed;z-index:1000;-moz-box-orient:vertical;-moz-box-direction:normal;flex-direction:column;border:.5rem solid #0068e8;background-image:-webkit-linear-gradient(left top,#111f55,#3d3d7c);background-image:-moz-linear-gradient(left top,#111f55,#3d3d7c);background-image:linear-gradient(to right bottom,#111f55,#3d3d7c);opacity:0;cursor:pointer;-webkit-transition:opacity .3s ease-in-out,-webkit-transform .3s ease-in-out;transition:opacity .3s ease-in-out,-webkit-transform .3s ease-in-out;-moz-transition:transform .3s ease-in-out,opacity .3s ease-in-out,-moz-transform .3s ease-in-out;transition:transform .3s ease-in-out,opacity .3s ease-in-out;transition:transform .3s ease-in-out,opacity .3s ease-in-out,-webkit-transform .3s ease-in-out,-moz-transform .3s ease-in-out;-webkit-transform:scale(0);-moz-transform:scale(0);transform:scale(0)}.modal.active{display:-moz-box;display:flex;opacity:.9;-webkit-transform:scale(1);-moz-transform:scale(1);transform:scale(1)}.modal__overlay-title{position:relative;margin-top:5rem;padding:0 1rem;text-align:center;font-size:2em}.modal--container{cursor:auto}.modal__header{background-image:-webkit-linear-gradient(top left,#111f55,#3d3d7c);background-image:-moz-linear-gradient(top left,#111f55,#3d3d7c);background-image:linear-gradient(to bottom right,#111f55,#3d3d7c)}.modal__close{position:absolute;top:40px;right:40px;width:40px;height:40px;cursor:pointer;-webkit-transition:-webkit-transform .3s;transition:-webkit-transform .3s;-moz-transition:transform .3s,-moz-transform .3s;transition:transform .3s;transition:transform .3s,-webkit-transform .3s,-moz-transform .3s}.modal__close:after,.modal__close:before{height:4px;border-radius:5px;background-color:#fff}.modal__close:before{-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);transform:rotate(45deg)}.modal__close:after{-webkit-transform:rotate(-45deg);-moz-transform:rotate(-45deg);transform:rotate(-45deg)}.modal__close:hover{-webkit-transform:rotate(90deg) scale(1.1);-moz-transform:rotate(90deg) scale(1.1);transform:rotate(90deg) scale(1.1)}.modal-trigger{cursor:pointer;-webkit-transition:-webkit-transform .3s ease-in-out;transition:-webkit-transform .3s ease-in-out;-moz-transition:transform .3s ease-in-out,-moz-transform .3s ease-in-out;transition:transform .3s ease-in-out;transition:transform .3s ease-in-out,-webkit-transform .3s ease-in-out,-moz-transform .3s ease-in-out}.modal-trigger:hover{-webkit-transform:scale(1.05);-moz-transform:scale(1.05);transform:scale(1.05)}.image-list img{width:100%}.image-list--center-btn{margin:auto auto 2rem;max-width:600px}.image-list--center-btn li{margin:0 1rem;cursor:pointer}.teams-list{overflow:auto}.teams-list li{-moz-box-align:center;align-items:center;margin-bottom:1rem;padding:10px 0;border:1px solid #0068e8}@media (max-width:1366px)and (hover:none)and (pointer:coarse),all and (max-width:966px){.teams-list li{-moz-box-align:start;align-items:flex-start;min-width:0}}@media (max-width:556px){.teams-list li{-moz-box-orient:horizontal;-moz-box-direction:normal;flex-direction:row;-moz-box-align:center;align-items:center;text-align:center}}.teams-list li:first-child{margin-bottom:0;border:none}.teams-list li>span{overflow:hidden;-moz-box-flex:1;flex:1 1;padding:20px}.teams-list li>span:nth-last-child(2){-moz-box-flex:3;flex:3 1}.teams-list li>span:nth-child(4){text-align:left;padding-top:.5rem}.teams-list li>span>span:before{color:#fff;content:"、"}.teams-list li>span>span:first-child:before{content:""}.teams-list li>span>span.active{color:#b73333}.teams-list li>span a{color:#c48c38;cursor:pointer}.teams-list li>span a.remove{margin-right:1rem;color:#9f59ee}.teams-list li.active{border-color:#b73333;color:#b73333}.teams-list--no-container{margin:10px 0;padding:50px;border:1px solid #0068e8;color:#fff;text-align:center;font-size:1.2rem}.team-form__row{margin-bottom:1rem}.team-form__row input,.team-form__row select{-moz-box-flex:1;flex:1 1;padding:15px 20px;outline:none;border:1px solid #0068e8;background-color:transparent;color:#fff;font-size:1.1em}.team-form__row select option{color:#111f55}.team-form__row--align-top{-moz-box-align:start;align-items:flex-start}.team-form__col{-moz-box-flex:1;flex:1 1;margin-right:1rem}.team-form__col:last-child{margin-right:0}.team-form__col label{margin-bottom:.25rem;font-size:.8rem}.team-form__filter{position:relative}.team-form__filter:before{position:absolute;top:3rem;right:1rem;width:0;height:0;border-color:#fff transparent transparent;border-style:solid;border-width:6px 6px 0;content:""}.team-form__filter>input{cursor:pointer}.team-form__filter-box{display:-moz-box;display:flex;-moz-box-orient:vertical;-moz-box-direction:normal;flex-direction:column;margin-top:1rem}.team-form__filter-box>ul{overflow:auto;margin-top:.5rem;max-height:400px;font-size:1.1em;line-height:2}.team-form__filter-box>ul li{cursor:pointer;-webkit-transition:color .3s;-moz-transition:color .3s;transition:color .3s}.team-form__filter-box>ul li:hover{color:#9f59ee}.team-form__action{display:-moz-box;display:flex;-moz-box-pack:end;justify-content:flex-end;margin-top:1rem}.team-form a,.team-form button{margin-left:10px;padding:15px 20px;min-width:8rem;outline:none;border:1px solid #0068e8;background-color:transparent;color:#fff;letter-spacing:3px;font-size:1.1em;cursor:pointer;-webkit-transition:opacity .3s;-moz-transition:opacity .3s;transition:opacity .3s}.team-form a.false,.team-form button.false{opacity:.7;cursor:no-drop}.team-form__error{margin-top:.5rem;color:#9f59ee;font-size:.9em;opacity:.9}.fragment-ui{position:relative;padding-bottom:2.5rem;width:440px;height:480px;background-image:url(/game-images/fragments/background.png);background-size:cover}.fragment-ui__round{-webkit-transition:-webkit-transform 2s ease-out;transition:-webkit-transform 2s ease-out;-moz-transition:transform 2s ease-out,-moz-transform 2s ease-out;transition:transform 2s ease-out;transition:transform 2s ease-out,-webkit-transform 2s ease-out,-moz-transform 2s ease-out;-webkit-transform:rotate(-12deg);-moz-transform:rotate(-12deg);transform:rotate(-12deg)}.fragment-ui__round.active{-webkit-animation-play-state:paused;-moz-animation-play-state:paused;animation-play-state:paused}.fragment-ui__round>ul{position:absolute;width:40%;height:40%;-webkit-transform:scale(1.25);-moz-transform:scale(1.25);transform:scale(1.25)}.fragment-ui__round>ul>li{position:absolute;display:-moz-box;display:flex;width:100%;height:100%}.fragment-ui__round>ul>li span{position:absolute;width:4rem;text-align:center;font-weight:700;-webkit-transform:rotate(-38deg) scale(1.5);-moz-transform:rotate(-38deg) scale(1.5);transform:rotate(-38deg) scale(1.5)}.fragment-ui__round>ul>li:first-child{-webkit-transform:rotate(67deg);-moz-transform:rotate(67deg);transform:rotate(67deg)}.fragment-ui__round>ul>li:nth-child(2){-webkit-transform:rotate(127deg);-moz-transform:rotate(127deg);transform:rotate(127deg)}.fragment-ui__round>ul>li:nth-child(3){-webkit-transform:rotate(187deg);-moz-transform:rotate(187deg);transform:rotate(187deg)}.fragment-ui__round>ul>li:nth-child(4){-webkit-transform:rotate(247deg);-moz-transform:rotate(247deg);transform:rotate(247deg)}.fragment-ui__round>ul>li:nth-child(5){-webkit-transform:rotate(307deg);-moz-transform:rotate(307deg);transform:rotate(307deg)}.fragment-ui__round>ul>li:nth-child(6){-webkit-transform:rotate(367deg);-moz-transform:rotate(367deg);transform:rotate(367deg)}.fragment-ui__animation{position:absolute;z-index:10;-webkit-transition:-webkit-transform .8s;transition:-webkit-transform .8s;-moz-transition:transform .8s,-moz-transform .8s;transition:transform .8s;transition:transform .8s,-webkit-transform .8s,-moz-transform .8s}.fragment-ui__start{position:absolute;z-index:100}.fragment-ui__start-trigger{position:absolute;cursor:pointer;width:120px;height:120px;border-radius:120px}.fragment-ui__label{position:absolute;bottom:-3rem;z-index:100}.fragment-ui__mask{position:absolute;z-index:10}.fragment-ui__total-points{position:absolute;right:-50%;bottom:-10%;z-index:100;padding-top:2.5rem;padding-left:10rem;width:300px;height:190px;background-image:url(/game-images/background/backgroundPointBoard.png);background-size:contain;background-repeat:no-repeat;font-size:4.5rem;-webkit-animation:show 3s 1;-moz-animation:show 3s 1;animation:show 3s 1}.fragment-ui__total-points span{display:block;width:1.5em;text-align:center}.fragment-ui__total-points--fragments-background{background-image:url(/game-images/background/backgroundFragmentsBoard.png)}@-webkit-keyframes show{0%{-webkit-transform:scale(0);transform:scale(0)}66%{-webkit-transform:scale(0);transform:scale(0)}88%{-webkit-transform:scale(1.2);transform:scale(1.2)}to{-webkit-transform:scale(1);transform:scale(1)}}@-moz-keyframes show{0%{-moz-transform:scale(0);transform:scale(0)}66%{-moz-transform:scale(0);transform:scale(0)}88%{-moz-transform:scale(1.2);transform:scale(1.2)}to{-moz-transform:scale(1);transform:scale(1)}}@keyframes show{0%{-webkit-transform:scale(0);-moz-transform:scale(0);transform:scale(0)}66%{-webkit-transform:scale(0);-moz-transform:scale(0);transform:scale(0)}88%{-webkit-transform:scale(1.2);-moz-transform:scale(1.2);transform:scale(1.2)}to{-webkit-transform:scale(1);-moz-transform:scale(1);transform:scale(1)}}.not-player{position:fixed;top:0;left:0;z-index:1000;width:100vw;height:100vh;background-color:transparent;cursor:no-drop}.competition-page{-moz-box-flex:1;flex:1 1;padding-top:5vh;min-height:90vh}@media (max-width:1240px)and (min-width:966px){.competition-page{-webkit-transform:scale(.75);-moz-transform:scale(.75);transform:scale(.75)}}.competition-page__aside{position:relative}.competition-page__selector{margin-right:1rem}.competition-page__selector button{-webkit-transition:-webkit-transform .3s;transition:-webkit-transform .3s;-moz-transition:transform .3s,-moz-transform .3s;transition:transform .3s;transition:transform .3s,-webkit-transform .3s,-moz-transform .3s;-webkit-transform:scale(.8);-moz-transform:scale(.8);transform:scale(.8)}.competition-page__selector button:last-child>span{-webkit-transform:rotate(180deg);-moz-transform:rotate(180deg);transform:rotate(180deg)}.competition-page__selector button:hover{-webkit-transform:scale(.9);-moz-transform:scale(.9);transform:scale(.9)}.competition-page__selector-box{overflow:hidden;width:120px;height:480px}.competition-page__selector-list{-webkit-transition:margin-top .3s ease-in-out;-moz-transition:margin-top .3s ease-in-out;transition:margin-top .3s ease-in-out}.competition-page__selector-list li{display:-moz-box;display:flex;cursor:pointer;-webkit-transition:-webkit-transform .3s;transition:-webkit-transform .3s;-moz-transition:transform .3s,-moz-transform .3s;transition:transform .3s;transition:transform .3s,-webkit-transform .3s,-moz-transform .3s}.competition-page__selector-list li.active,.competition-page__selector-list li:hover{-webkit-transform:scale(1.05) rotate(10deg);-moz-transform:scale(1.05) rotate(10deg);transform:scale(1.05) rotate(10deg)}.competition-page__button{-moz-box-align:end;align-items:flex-end}.competition-page__button li{cursor:pointer;-webkit-transition:-webkit-transform .3s;transition:-webkit-transform .3s;-moz-transition:transform .3s,-moz-transform .3s;transition:transform .3s;transition:transform .3s,-webkit-transform .3s,-moz-transform .3s}.competition-page__button li:first-child{margin-right:20px}.competition-page__button li:nth-child(2){margin-right:40px}.competition-page__button li:nth-child(3){margin-right:60px}.competition-page__button li:nth-child(4){margin-right:80px}.competition-page__button li.active,.competition-page__button li:hover{-webkit-transform:scale(1.05) rotate(10deg);-moz-transform:scale(1.05) rotate(10deg);transform:scale(1.05) rotate(10deg)}.competition-page__board{position:relative;width:1100px;height:533px;background-image:url(/game-images/background/backgroundBoard.png);background-size:contain;background-repeat:no-repeat}.competition-page__board-title{position:absolute;top:-50px;right:50%}.competition-page__board-title--text,.competition-page__button-text{top:-80px;width:45%;text-align:center;text-shadow:0 5px 10px #5a80e3,0 -5px 5px #408297,-5px 0 10px #5a80e3,5px 0 10px #5a80e3,0 0 15px #fff;letter-spacing:15px;font-weight:700;font-size:4.5rem;-webkit-transform:skewX(-15deg);-moz-transform:skewX(-15deg);transform:skewX(-15deg)}.competition-page__button-text{position:static;top:auto;right:auto;width:auto;font-size:2rem;letter-spacing:3px;-webkit-transform:skewX(-10deg);-moz-transform:skewX(-10deg);transform:skewX(-10deg)}.competition-page__board-annotation{position:absolute;top:95px;right:18%;font-size:.9em}.competition-page__rank-board{display:-moz-box;display:flex;-moz-box-align:center;align-items:center;width:85%;padding-right:100px}.competition-page__rank-board a{opacity:.4;cursor:no-drop}.competition-page__rank-board a.active{opacity:1;cursor:pointer}.competition-page__rank-list{margin:1.5rem 1.5rem 0;width:100%;font-weight:700;font-size:1.05rem;-webkit-transform:skewX(-10deg);-moz-transform:skewX(-10deg);transform:skewX(-10deg)}.competition-page__rank-list li{display:-moz-box;display:flex;justify-content:space-around}.competition-page__rank-list li:first-child{background-color:#056783;font-size:.9em}.competition-page__rank-list li:nth-child(n+2){border-bottom:2px solid #fff}.competition-page__rank-list li:last-child{border-bottom:none}.competition-page__rank-list li span{-moz-box-flex:1;flex:1 1;padding:.15rem 1rem;text-align:center}.competition-page__rank-list li span:first-child{max-width:8rem}.competition-page__rank-list li span:nth-child(2){-moz-box-flex:2.5;flex:2.5 1}.competition-page__role-board{padding:0 4rem}.competition-page__role-original{margin-top:50px;min-width:350px}.competition-page__role-info{-moz-box-align:start;align-items:flex-start;padding-top:2rem;padding-right:5rem;padding-left:4rem;font-weight:700;font-size:1.1em;-webkit-transform:skewX(-5deg);-moz-transform:skewX(-5deg);transform:skewX(-5deg)}.competition-page__role-info p{padding-right:2rem}.competition-page__info-title{padding:.25rem .5rem;border-radius:5px;background-image:-webkit-linear-gradient(left,#0ff,#0071bb);background-image:-moz-linear-gradient(left,#0ff,#0071bb);background-image:linear-gradient(90deg,#0ff,#0071bb);word-break:keep-all}.competition-page__info-content{display:-moz-box;display:flex;min-height:3.2em;letter-spacing:2px}.competition-page__info-content b{margin-right:.5rem;word-break:keep-all}.competition-page__attribute-list{margin:.25rem 0 .25rem -2rem;width:100%}.competition-page__attribute-list li{padding-right:2rem;padding-bottom:2px;padding-left:4rem;width:100%;height:52px;background-size:contain;background-repeat:no-repeat}@media (max-width:1240px)and (min-width:966px){.competition-page__attribute-list li{height:46px}}.competition-page__attribute-list li:first-child{background-image:url(/game-images/bar/barHealthPoints.png)}.competition-page__attribute-list li:nth-child(2){background-image:url(/game-images/bar/barAttack.png)}.competition-page__attribute-list li:nth-child(3){background-image:url(/game-images/bar/barDefence.png)}.competition-page__attribute-list li>span{min-width:3rem;text-align:center;-webkit-transform:skewX(-10deg);-moz-transform:skewX(-10deg);transform:skewX(-10deg)}.competition-page__attribute-list li button{opacity:.5;cursor:no-drop;-webkit-transition:opacity .3s;-moz-transition:opacity .3s;transition:opacity .3s}.competition-page__attribute-list li button.active{opacity:1;cursor:pointer}.competition-page__attribute-bar{-moz-box-flex:1;flex:1 1}.competition-page__attribute-mask{position:relative;display:block;height:1.5rem;background-image:-webkit-repeating-linear-gradient(right,#114663,transparent 1px,#114663 4px,transparent 5px);background-image:-moz-repeating-linear-gradient(right,#114663 0,transparent 1px,#114663 4px,transparent 5px);background-image:repeating-linear-gradient(270deg,#114663 0,transparent 1px,#114663 4px,transparent 5px)}.competition-page__attribute-percentage{position:absolute;left:0;height:100%;background-image:-webkit-linear-gradient(top,#0ff,#0071bb);background-image:-moz-linear-gradient(top,#0ff,#0071bb);background-image:linear-gradient(180deg,#0ff,#0071bb);opacity:.5;-webkit-transition:width .3s;-moz-transition:width .3s;transition:width .3s}.competition-page__fragments{position:absolute;right:0;bottom:-4rem;font-weight:700;font-size:2.5rem}.antidote-page{width:100%;height:100%}@media (max-width:1366px)and (hover:none)and (pointer:coarse),all and (max-width:966px){.antidote-page{overflow:auto}}.antidote-page__aside{padding-top:10px;width:380px;height:640px;background-size:contain;background-repeat:no-repeat}@media (max-width:1366px)and (hover:none)and (pointer:coarse),all and (max-width:966px){.antidote-page__aside{min-width:380px}}.antidote-page__aside--left{padding-left:6rem;background-image:url(/game-images/antidote/deskLeft.png);background-position:100%}.antidote-page__aside--right{padding-left:3rem;background-image:url(/game-images/antidote/deskRight.png);background-position:0}.antidote-page__antidote-list{width:240px}.antidote-page__antidote-list li{width:50%}.antidote-page__antidote-list li:nth-child(5),.antidote-page__antidote-list li:nth-child(6){margin-bottom:.5rem}.antidote-page__main{display:-moz-inline-box;display:inline-flex;-moz-box-flex:1;flex:1 1}@media (max-width:1366px)and (hover:none)and (pointer:coarse),all and (max-width:966px){.antidote-page__main{min-width:600px}}.antidote-page__btn{margin-bottom:3rem;-webkit-filter:saturate(.5);filter:saturate(.5);cursor:no-drop!important;-webkit-transition:-webkit-transform .3s,-webkit-filter .3s;transition:-webkit-transform .3s,-webkit-filter .3s;-moz-transition:transform .3s,filter .3s,-moz-transform .3s;transition:transform .3s,filter .3s;transition:transform .3s,filter .3s,-webkit-transform .3s,-moz-transform .3s,-webkit-filter .3s}.antidote-page__btn.active{-webkit-filter:saturate(1);filter:saturate(1);cursor:pointer!important}.antidote-page__btn.active:hover{-webkit-transform:scale(1.05);-moz-transform:scale(1.05);transform:scale(1.05)}.character-grid__select-bar{display:-moz-box;display:flex;flex-wrap:wrap;-moz-box-pack:center;justify-content:center;margin-bottom:20px}.character-grid__select-bar>li{-moz-box-flex:1;flex:1 1 250px;cursor:pointer}.character-grid__select-bar>li img{max-width:400px;width:100%;height:auto;-webkit-transform-origin:center;-moz-transform-origin:center;transform-origin:center;-webkit-transition:-webkit-transform .15s ease-out;transition:-webkit-transform .15s ease-out;-moz-transition:transform .15s ease-out,-moz-transform .15s ease-out;transition:transform .15s ease-out;transition:transform .15s ease-out,-webkit-transform .15s ease-out,-moz-transform .15s ease-out}@media (max-width:1366px)and (hover:none)and (pointer:coarse),all and (max-width:966px){.character-grid__select-bar>li img{max-width:250px;display:block;margin-inline:auto}}.character-grid__select-bar>li:hover img{-webkit-transform:scale(1.05);-moz-transform:scale(1.05);transform:scale(1.05)}.character-grid__select-bar>li:active img{-webkit-transform:scale(.98);-moz-transform:scale(.98);transform:scale(.98)}.character-grid__select-bar>li:focus-within img{-webkit-transform:scale(1.03);-moz-transform:scale(1.03);transform:scale(1.03)}.character-grid__cards{display:-moz-box;display:flex;-moz-box-orient:vertical;-moz-box-direction:normal;flex-direction:column;-moz-box-align:center;align-items:center;grid-gap:32px;gap:32px}@media (max-width:556px){.character-grid__cards{grid-gap:0;gap:0}}.character-grid__cards>li{width:100%;max-width:1100px;padding:20px;display:-moz-box;display:flex;-moz-box-pack:center;justify-content:center}@media (max-width:556px){.character-grid__cards>li{padding:10px}}.character-grid__cards>li img{max-width:100%;height:auto}.quiz-box__title{padding:1rem 2rem;background-image:-webkit-linear-gradient(left top,#0ff,#0071bb);background-image:-moz-linear-gradient(left top,#0ff,#0071bb);background-image:linear-gradient(to right bottom,#0ff,#0071bb);font-size:3rem}.quiz-box__item-list{overflow:auto;max-height:400px;border:5px solid #0068e8}.quiz-box__item-list>li{padding:1rem 2rem;border-bottom:5px solid #0068e8}.quiz-box__item-container{font-size:1.4rem;line-height:1.8}.quiz-box__item-container>p{margin-top:.5rem}.quiz-box__item-container>p.pass{color:#25ae63}.quiz-box__item-container>p.not-pass{color:#b73333}.game{-moz-box-orient:vertical;-moz-box-direction:normal;flex-direction:column;padding:5vh 0;min-height:100vh;color:#fff}@media (max-width:1366px)and (hover:none)and (pointer:coarse),all and (max-width:966px){.game{overflow:auto}}@media (max-width:556px){.game:before{position:fixed;top:0;left:0;z-index:1000;display:-moz-box;display:flex;-moz-box-align:center;align-items:center;-moz-box-pack:center;justify-content:center;width:100%;height:100%;background-color:#02121c;content:"請使用橫向來進行遊戲"}}.game button{outline:none;border:none;background-color:transparent;cursor:pointer}.game__wait{display:-moz-box;display:flex;border-color:#c48c38 transparent;border-style:solid;border-width:3px;-webkit-animation:spin 1.5s linear infinite;-moz-animation:spin 1.5s linear infinite;animation:spin 1.5s linear infinite;width:4.5rem;height:4.5rem;border-radius:4.5rem}.game__wait:before{display:block;margin:auto;border:3px solid #c48c38;content:"";-webkit-animation:pulse 1s ease-in-out infinite alternate;-moz-animation:pulse 1s ease-in-out infinite alternate;animation:pulse 1s ease-in-out infinite alternate;width:.75rem;height:.75rem;border-radius:.75rem}.game__back-btn{position:absolute;top:0;left:0;cursor:pointer;-webkit-transition:-webkit-transform .3s ease-in;transition:-webkit-transform .3s ease-in;-moz-transition:transform .3s ease-in,-moz-transform .3s ease-in;transition:transform .3s ease-in;transition:transform .3s ease-in,-webkit-transform .3s ease-in,-moz-transform .3s ease-in}.game__back-btn:hover{-webkit-transform:translateX(-5px);-moz-transform:translateX(-5px);transform:translateX(-5px)}.game__back-btn--bottom{top:auto;bottom:50px;z-index:10}.game__back-btn--left{left:5vw}.game__stage-title{position:absolute;top:0;left:0;font-size:1.6rem}.game__stage-number{position:absolute;top:1.8rem;left:5rem;z-index:-1;text-shadow:0 0 20px #000;font-weight:600}.game__next-btn{position:absolute;top:0;right:5vw;cursor:pointer;-webkit-transition:-webkit-transform .3s ease-in;transition:-webkit-transform .3s ease-in;-moz-transition:transform .3s ease-in,-moz-transform .3s ease-in;transition:transform .3s ease-in;transition:transform .3s ease-in,-webkit-transform .3s ease-in,-moz-transform .3s ease-in;-webkit-transform:scale(1.5);-moz-transform:scale(1.5);transform:scale(1.5)}.game__next-btn:hover{-webkit-transform:translateX(5px) scale(1.5);-moz-transform:translateX(5px) scale(1.5);transform:translateX(5px) scale(1.5)}.game__next-btn--bottom{top:auto;bottom:100px;z-index:10}.game__ready-btn{position:absolute;right:0;bottom:20px;z-index:1;opacity:.4;cursor:no-drop;-webkit-transition:opacity .3s;-moz-transition:opacity .3s;transition:opacity .3s}.game__ready-btn.active{opacity:1;cursor:pointer}.game__timer{position:absolute;top:0}.game__timer>span{position:absolute;margin-bottom:1rem;color:#c48c38;font-size:3rem}.game__battery-show{position:absolute;bottom:0;left:0;-webkit-transform:scale(.6);-moz-transform:scale(.6);transform:scale(.6);-webkit-transform-origin:left bottom;-moz-transform-origin:left bottom;transform-origin:left bottom}@media (max-width:556px){.game__battery-show{width:120%}}.game__battery-show>*{margin-right:-3rem!important}.game__container,.game__select-role,.game__select-stage{position:relative;-moz-box-orient:vertical;-moz-box-direction:normal;flex-direction:column;margin:auto;max-width:1200px;max-height:800px;width:90%;-webkit-perspective:600px;-moz-perspective:600px;perspective:600px}@media (min-width:1760px){.game__container,.game__select-role,.game__select-stage{-webkit-transform:scale(1.2);-moz-transform:scale(1.2);transform:scale(1.2)}}@media (max-width:556px){.game__container,.game__select-role,.game__select-stage{padding:50px 0}}.game__select-stage{overflow:hidden;height:90vh}.game__select-role{height:90vh}.game__select-item{margin-top:2rem}@media (max-width:556px){.game__select-type{width:580px;-webkit-transform:scale(.65);-moz-transform:scale(.65);transform:scale(.65)}}.game__select-action{-webkit-transform:scale(.85);-moz-transform:scale(.85);transform:scale(.85)}.game__select-level a{position:absolute;width:200px;height:245px;cursor:pointer}.game__select-level a:first-child{margin-top:6rem;margin-right:50vw}.game__select-level a:nth-child(2){margin-bottom:18rem}.game__select-level a:nth-child(3){margin-top:6rem;margin-left:50vw}.game__select-level a.hidden{-webkit-filter:grayscale(1);filter:grayscale(1);cursor:no-drop}.game__stage-selector{display:-moz-box;display:flex}@media (min-width:1760px){.game__stage-selector{-webkit-transform:scale(1.2);-moz-transform:scale(1.2);transform:scale(1.2)}}@media (max-width:1240px)and (min-width:966px){.game__stage-selector{-webkit-transform:scale(.8);-moz-transform:scale(.8);transform:scale(.8)}}.game__character-selector{display:-moz-box;display:flex;margin-bottom:40px;grid-gap:20px;gap:20px}@media (max-width:1430px)and (min-width:1240px){.game__character-selector{-webkit-transform:scaleY(.85);-moz-transform:scaleY(.85);transform:scaleY(.85);-webkit-transform-origin:bottom;-moz-transform-origin:bottom;transform-origin:bottom}.game__character-selector li>span{-webkit-transform:scaleX(.85);-moz-transform:scaleX(.85);transform:scaleX(.85)}}@media (max-width:1240px)and (min-width:966px){.game__character-selector{padding-bottom:30px;-webkit-transform:scale(.8);-moz-transform:scale(.8);transform:scale(.8);-webkit-transform-origin:bottom;-moz-transform-origin:bottom;transform-origin:bottom}}@media (max-width:556px){.game__character-selector{margin-bottom:100px;-webkit-transform:scale(.75);-moz-transform:scale(.75);transform:scale(.75);-webkit-transform-origin:center bottom;-moz-transform-origin:center bottom;transform-origin:center bottom}}.game__character-selector li{position:relative;padding:40px 30px 0 40px;width:400px;height:500px;background-image:url(/new-assets/ui/characterSelectBackground.webp);background-size:cover;cursor:pointer;-webkit-transition:-webkit-transform .3s;transition:-webkit-transform .3s;-moz-transition:transform .3s,-moz-transform .3s;transition:transform .3s;transition:transform .3s,-webkit-transform .3s,-moz-transform .3s}.game__character-selector li>span{min-height:450px}.game__character-selector li.active{-webkit-transform:scale(1.05);-moz-transform:scale(1.05);transform:scale(1.05)}.game__character-selector li.disabled{opacity:.5}.game__character-selector li.disabled:before{z-index:100;background-color:transparent}.game__room{position:relative;-moz-box-align:start;align-items:flex-start;-moz-box-pack:center;justify-content:center;padding:13rem 10rem 13rem 13rem;width:1000px;height:506px;background-image:url(/game-images/room/board.png);background-size:contain}.game__room-level{width:220px}.game__room-level ul button{-webkit-transition:-webkit-transform .3s;transition:-webkit-transform .3s;-moz-transition:transform .3s,-moz-transform .3s;transition:transform .3s;transition:transform .3s,-webkit-transform .3s,-moz-transform .3s}.game__room-level ul button.active{-webkit-transform:scale(1.1);-moz-transform:scale(1.1);transform:scale(1.1)}.game__room-check{position:relative;margin-left:1rem}.game__room-check>span{position:absolute;z-index:10;padding:1rem;width:14rem;text-align:center;font-size:1.5rem}.game__room-player li{margin:.5rem;padding:.5rem 1rem;border:2px solid #0068e8;border-radius:1rem;background-image:-webkit-linear-gradient(left top,#0ff,#0071bb);background-image:-moz-linear-gradient(left top,#0ff,#0071bb);background-image:linear-gradient(to right bottom,#0ff,#0071bb);text-align:center;opacity:.9}.fake-user{position:absolute;top:-5rem;-moz-box-pack:center;justify-content:center;width:100%}.fake-user a,.fake-user li{padding:1rem 2rem;color:#fff}.game__mask{top:0;left:0;z-index:-1}.game__mask-block{bottom:0;left:0;height:10rem;background-image:-webkit-linear-gradient(top,transparent,#000);background-image:-moz-linear-gradient(top,transparent,#000);background-image:linear-gradient(180deg,transparent,#000)}.game__star-show{position:absolute;-webkit-transform:scale(.65) rotateX(5deg);-moz-transform:scale(.65) rotateX(5deg);transform:scale(.65) rotateX(5deg)}@media (max-width:1430px)and (min-width:1240px){.game__star-show{-webkit-transform:scale(.55) rotateX(5deg);-moz-transform:scale(.55) rotateX(5deg);transform:scale(.55) rotateX(5deg)}}@media (max-width:1240px)and (min-width:966px){.game__star-show{-webkit-transform:scale(.45) rotateX(5deg);-moz-transform:scale(.45) rotateX(5deg);transform:scale(.45) rotateX(5deg)}}@media (max-width:556px){.game__star-show{-webkit-transform:scale(.4) rotateX(5deg);-moz-transform:scale(.4) rotateX(5deg);transform:scale(.4) rotateX(5deg)}}.game__star-box{-webkit-transform:scaleX(2);-moz-transform:scaleX(2);transform:scaleX(2)}.game__star-circle{position:relative;-webkit-animation:spin 32s linear infinite;-moz-animation:spin 32s linear infinite;animation:spin 32s linear infinite;width:700px;height:700px;border-radius:700px}.game__star-circle:before{border:2px solid #c48c38;border-radius:50%;box-shadow:0 0 5px 2px #9d52b5,inset 0 0 5px 2px #9d52b5;opacity:.5;width:-moz-calc(100% + 125px);width:calc(100% + 125px);height:-moz-calc(100% + 125px);height:calc(100% + 125px)}.game__star-circle.stop{-webkit-animation-play-state:paused;-moz-animation-play-state:paused;animation-play-state:paused}.game__star-circle.stop>li>span>span{-webkit-animation-play-state:paused!important;-moz-animation-play-state:paused!important;animation-play-state:paused!important}.game__star-circle li{position:absolute;width:100%;height:100%}.game__star-circle li>span{display:inline-block}.game__star-circle li>span>span{-webkit-animation:spinBack 32s linear infinite;-moz-animation:spinBack 32s linear infinite;animation:spinBack 32s linear infinite}.game__star-circle li:first-child{-webkit-transform:rotate(-17.5deg);-moz-transform:rotate(-17.5deg);transform:rotate(-17.5deg)}.game__star-circle li:first-child>span{-webkit-transform:rotate(17.5deg) translateY(40px);-moz-transform:rotate(17.5deg) translateY(40px);transform:rotate(17.5deg) translateY(40px)}.game__star-circle li:nth-child(2){-webkit-transform:rotate(5deg);-moz-transform:rotate(5deg);transform:rotate(5deg)}.game__star-circle li:nth-child(2)>span{-webkit-transform:rotate(-5deg) translateY(40px);-moz-transform:rotate(-5deg) translateY(40px);transform:rotate(-5deg) translateY(40px)}.game__star-circle li:nth-child(3){-webkit-transform:rotate(27.5deg);-moz-transform:rotate(27.5deg);transform:rotate(27.5deg)}.game__star-circle li:nth-child(3)>span{-webkit-transform:rotate(-27.5deg) translateY(40px);-moz-transform:rotate(-27.5deg) translateY(40px);transform:rotate(-27.5deg) translateY(40px)}.game__star-circle li:nth-child(4){-webkit-transform:rotate(50deg);-moz-transform:rotate(50deg);transform:rotate(50deg)}.game__star-circle li:nth-child(4)>span{-webkit-transform:rotate(-50deg) translateY(40px);-moz-transform:rotate(-50deg) translateY(40px);transform:rotate(-50deg) translateY(40px)}.game__star-circle li:nth-child(5){-webkit-transform:rotate(72.5deg);-moz-transform:rotate(72.5deg);transform:rotate(72.5deg)}.game__star-circle li:nth-child(5)>span{-webkit-transform:rotate(-72.5deg) translateY(40px);-moz-transform:rotate(-72.5deg) translateY(40px);transform:rotate(-72.5deg) translateY(40px)}.game__star-circle li:nth-child(6){-webkit-transform:rotate(95deg);-moz-transform:rotate(95deg);transform:rotate(95deg)}.game__star-circle li:nth-child(6)>span{-webkit-transform:rotate(-95deg) translateY(40px);-moz-transform:rotate(-95deg) translateY(40px);transform:rotate(-95deg) translateY(40px)}.game__star-circle li:nth-child(7){-webkit-transform:rotate(117.5deg);-moz-transform:rotate(117.5deg);transform:rotate(117.5deg)}.game__star-circle li:nth-child(7)>span{-webkit-transform:rotate(-117.5deg) translateY(40px);-moz-transform:rotate(-117.5deg) translateY(40px);transform:rotate(-117.5deg) translateY(40px)}.game__star-circle li:nth-child(8){-webkit-transform:rotate(140deg);-moz-transform:rotate(140deg);transform:rotate(140deg)}.game__star-circle li:nth-child(8)>span{-webkit-transform:rotate(-140deg) translateY(40px);-moz-transform:rotate(-140deg) translateY(40px);transform:rotate(-140deg) translateY(40px)}.game__star-circle li:nth-child(9){-webkit-transform:rotate(162.5deg);-moz-transform:rotate(162.5deg);transform:rotate(162.5deg)}.game__star-circle li:nth-child(9)>span{-webkit-transform:rotate(-162.5deg) translateY(40px);-moz-transform:rotate(-162.5deg) translateY(40px);transform:rotate(-162.5deg) translateY(40px)}.game__star-circle li:nth-child(10){-webkit-transform:rotate(185deg);-moz-transform:rotate(185deg);transform:rotate(185deg)}.game__star-circle li:nth-child(10)>span{-webkit-transform:rotate(-185deg) translateY(40px);-moz-transform:rotate(-185deg) translateY(40px);transform:rotate(-185deg) translateY(40px)}.game__star-circle li:nth-child(11){-webkit-transform:rotate(207.5deg);-moz-transform:rotate(207.5deg);transform:rotate(207.5deg)}.game__star-circle li:nth-child(11)>span{-webkit-transform:rotate(-207.5deg) translateY(40px);-moz-transform:rotate(-207.5deg) translateY(40px);transform:rotate(-207.5deg) translateY(40px)}.game__star-circle li:nth-child(12){-webkit-transform:rotate(230deg);-moz-transform:rotate(230deg);transform:rotate(230deg)}.game__star-circle li:nth-child(12)>span{-webkit-transform:rotate(-230deg) translateY(40px);-moz-transform:rotate(-230deg) translateY(40px);transform:rotate(-230deg) translateY(40px)}.game__star-circle li:nth-child(13){-webkit-transform:rotate(252.5deg);-moz-transform:rotate(252.5deg);transform:rotate(252.5deg)}.game__star-circle li:nth-child(13)>span{-webkit-transform:rotate(-252.5deg) translateY(40px);-moz-transform:rotate(-252.5deg) translateY(40px);transform:rotate(-252.5deg) translateY(40px)}.game__star-circle li:nth-child(14){-webkit-transform:rotate(275deg);-moz-transform:rotate(275deg);transform:rotate(275deg)}.game__star-circle li:nth-child(14)>span{-webkit-transform:rotate(-275deg) translateY(40px);-moz-transform:rotate(-275deg) translateY(40px);transform:rotate(-275deg) translateY(40px)}.game__star-circle li:nth-child(15){-webkit-transform:rotate(297.5deg);-moz-transform:rotate(297.5deg);transform:rotate(297.5deg)}.game__star-circle li:nth-child(15)>span{-webkit-transform:rotate(-297.5deg) translateY(40px);-moz-transform:rotate(-297.5deg) translateY(40px);transform:rotate(-297.5deg) translateY(40px)}.game__star-circle li:nth-child(16){-webkit-transform:rotate(320deg);-moz-transform:rotate(320deg);transform:rotate(320deg)}.game__star-circle li:nth-child(16)>span{-webkit-transform:rotate(-320deg) translateY(40px);-moz-transform:rotate(-320deg) translateY(40px);transform:rotate(-320deg) translateY(40px)}@keyframes spin{to{-webkit-transform:rotate(1turn);-moz-transform:rotate(1turn);transform:rotate(1turn)}}@-webkit-keyframes spinBack{0%{-webkit-transform:rotate(0) scaleY(2);transform:rotate(0) scaleY(2)}to{-webkit-transform:rotate(-1turn) scaleY(2);transform:rotate(-1turn) scaleY(2)}}@-moz-keyframes spinBack{0%{-moz-transform:rotate(0) scaleY(2);transform:rotate(0) scaleY(2)}to{-moz-transform:rotate(-1turn) scaleY(2);transform:rotate(-1turn) scaleY(2)}}@keyframes spinBack{0%{-webkit-transform:rotate(0) scaleY(2);-moz-transform:rotate(0) scaleY(2);transform:rotate(0) scaleY(2)}to{-webkit-transform:rotate(-1turn) scaleY(2);-moz-transform:rotate(-1turn) scaleY(2);transform:rotate(-1turn) scaleY(2)}}@-webkit-keyframes pulse{0%{-webkit-transform:scale(.5);transform:scale(.5)}to{-webkit-transform:scale(1);transform:scale(1)}}@-moz-keyframes pulse{0%{-moz-transform:scale(.5);transform:scale(.5)}to{-moz-transform:scale(1);transform:scale(1)}}@keyframes pulse{0%{-webkit-transform:scale(.5);-moz-transform:scale(.5);transform:scale(.5)}to{-webkit-transform:scale(1);-moz-transform:scale(1);transform:scale(1)}}.game__role{width:100%}.game__role:before{background-color:#111f55;opacity:.4}.game__role-list{-moz-box-align:center;align-items:center;-moz-box-flex:1;flex:1 1;-moz-box-orient:vertical;-moz-box-direction:normal;flex-direction:column;-moz-box-pack:start;justify-content:flex-start;margin-top:3rem;width:180px;height:540px;background-image:url(/new-assets/characters/avatar/avatarEmpty.webp);background-size:contain}.game__role-list,.game__role-list>span{display:-moz-inline-box;display:inline-flex}.game__role-list>span{cursor:pointer}.game__role-board{position:relative;-moz-box-align:center;align-items:center;padding:80px 40px 60px;width:1000px;height:600px;background-image:url(/game-images/background/backgroundSelectCharacter.png);background-position:50%;background-size:contain;background-repeat:no-repeat}.game__role-board>ul{width:540px}.game__role-board>ul li{cursor:pointer}.game__role-directions{position:relative;padding-bottom:42px}.game__role-directions-attack,.game__role-directions-defence,.game__role-directions-health{position:absolute;bottom:51px;color:#b2db8e;font-weight:700;font-size:1em}.game__role-directions-health{left:35%}.game__role-directions-attack{left:57%}.game__role-directions-defence{left:77%}.game__role-check{position:absolute;right:20px;bottom:37px;opacity:.2;cursor:no-drop;-webkit-transition:opacity .3s;-moz-transition:opacity .3s;transition:opacity .3s;-webkit-transform:scale(.7);-moz-transform:scale(.7);transform:scale(.7);-webkit-transform-origin:right bottom;-moz-transform-origin:right bottom;transform-origin:right bottom}.game__role-check.active{opacity:1;cursor:pointer}.game__select-role{-moz-box-orient:horizontal;-moz-box-direction:normal;flex-direction:row}.game__action-selector{grid-gap:10px;gap:10px}@media (max-width:1240px)and (min-width:966px){.game__action-selector{-webkit-transform:scale(.8);-moz-transform:scale(.8);transform:scale(.8)}}@media (max-width:556px){.game__action-selector{-webkit-transform:scale(.8);-moz-transform:scale(.8);transform:scale(.8)}}.game__action-role{position:relative;padding:40px 30px 0 40px;width:400px;height:500px;background-image:url(/new-assets/ui/characterSelectBackground.webp);background-size:cover;-webkit-transition:-webkit-transform .3s;transition:-webkit-transform .3s;-moz-transition:transform .3s,-moz-transform .3s;transition:transform .3s;transition:transform .3s,-webkit-transform .3s,-moz-transform .3s}.game__action-board{padding:60px 15px 40px 20px;width:800px;height:470px;background-image:url(/game-images/background/backgroundSelectCharacter.png);background-size:contain}.game__action-board button{border:none;background-color:transparent;cursor:pointer;-webkit-transition:-webkit-transform .3s;transition:-webkit-transform .3s;-moz-transition:transform .3s,-moz-transform .3s;transition:transform .3s;transition:transform .3s,-webkit-transform .3s,-moz-transform .3s}.game__action-board button:disabled{opacity:.5;cursor:no-drop}.game__action-board button.active{-webkit-transform:scale(1.1);-moz-transform:scale(1.1);transform:scale(1.1)}.game__action-common{padding-top:.5rem;border-bottom:3px solid #00f1f8;font-size:1.5rem}.game__action-common,.game__action-special{-moz-box-flex:1;flex:1 1}.game__action-special>div{max-width:400px}.game__action-special>div h3{font-size:1.25rem}.game__action-special>div span{font-size:1rem;opacity:.8}.game__action-downtime h3{position:absolute;text-shadow:0 0 5px #00f1f8;font-size:2.5rem}.game__characters-display{position:absolute;bottom:-5vh;width:100%}.game__characters-list li{margin-right:1rem}.game__characters-list li.death{-webkit-filter:grayscale(1);filter:grayscale(1)}.game__characters-list li p{margin:0 .5rem;font-size:1.25rem}.game__boss-characters{padding-top:2.55rem;padding-left:7rem;width:240px;height:110px;background-image:url(/new-assets/ui/bossHpBar.webp);background-size:contain;background-repeat:no-repeat}.game__characters-animation{position:absolute;z-index:-1;-moz-box-align:center;align-items:center;width:100%}.game__characters-animation-member{-moz-box-pack:center;justify-content:center}.game__characters-animation-member>div.active,.game__characters-animation-member>div:first-child{position:absolute;margin-left:240px}.game__characters-animation-member.active>div:first-child{position:relative;margin-left:auto}.game__characters-animation-member.active>div.active{position:absolute;margin-left:240px}.game__characters-animation-action{z-index:100;-moz-box-flex:1;flex:1 1;margin-left:120px}.game__characters-animation-action>main{-moz-box-flex:1;flex:1 1}.game__characters-animation-action>main.ability{position:absolute;height:30vh;-webkit-animation:show-in 1s 1;-moz-animation:show-in 1s 1;animation:show-in 1s 1}.game__characters-animation-action>main.ability:before{width:100vw;height:30vh}.game__characters-animation-action>main.ability.fire:before{background-image:-webkit-radial-gradient(center,circle,#ff0021,#000 25%);background-image:-moz-radial-gradient(center,circle,#ff0021,#000 25%);background-image:radial-gradient(circle at center,#ff0021,#000 25%)}.game__characters-animation-action>main.ability.wood:before{background-image:-webkit-radial-gradient(center,circle,#8eb700,#000 25%);background-image:-moz-radial-gradient(center,circle,#8eb700,#000 25%);background-image:radial-gradient(circle at center,#8eb700,#000 25%)}.game__characters-animation-action>main.ability.water:before{background-image:-webkit-radial-gradient(center,circle,#0053c1,#000 25%);background-image:-moz-radial-gradient(center,circle,#0053c1,#000 25%);background-image:radial-gradient(circle at center,#0053c1,#000 25%)}.character-attack-action{width:100%;height:300px;opacity:0;-webkit-animation:action-attack 1s ease-out 1s 1;-moz-animation:action-attack 1s ease-out 1s 1;animation:action-attack 1s ease-out 1s 1}.character-ability-action,.character-attack-action{-webkit-transform-origin:left center;-moz-transform-origin:left center;transform-origin:left center}.character-ability-action{position:absolute;width:720px;height:320px;-webkit-animation:ability-attack 1s ease-out;-moz-animation:ability-attack 1s ease-out;animation:ability-attack 1s ease-out}.boss-attack-action{width:100%;height:300px;opacity:0;-webkit-transform-origin:right center;-moz-transform-origin:right center;transform-origin:right center;-webkit-animation:boss-attack 1s ease-out 1s 1;-moz-animation:boss-attack 1s ease-out 1s 1;animation:boss-attack 1s ease-out 1s 1}@-webkit-keyframes show-in{0%{opacity:0}to{opacity:1}}@-moz-keyframes show-in{0%{opacity:0}to{opacity:1}}@keyframes show-in{0%{opacity:0}to{opacity:1}}@-webkit-keyframes ability-attack{0%{opacity:0;-webkit-transform:scale(.9) translate(-10px);transform:scale(.9) translate(-10px)}to{opacity:1}}@-moz-keyframes ability-attack{0%{opacity:0;-moz-transform:scale(.9) translate(-10px);transform:scale(.9) translate(-10px)}to{opacity:1}}@keyframes ability-attack{0%{opacity:0;-webkit-transform:scale(.9) translate(-10px);-moz-transform:scale(.9) translate(-10px);transform:scale(.9) translate(-10px)}to{opacity:1}}@-webkit-keyframes action-attack{0%{opacity:0}10%{opacity:1}90%{opacity:0}to{opacity:0}}@-moz-keyframes action-attack{0%{opacity:0}10%{opacity:1}90%{opacity:0}to{opacity:0}}@keyframes action-attack{0%{opacity:0}10%{opacity:1}90%{opacity:0}to{opacity:0}}@-webkit-keyframes boss-attack{0%{opacity:0}10%{opacity:1}90%{opacity:0}to{opacity:0}}@-moz-keyframes boss-attack{0%{opacity:0}10%{opacity:1}90%{opacity:0}to{opacity:0}}@keyframes boss-attack{0%{opacity:0}10%{opacity:1}90%{opacity:0}to{opacity:0}}.game__quiz-board{padding:5rem 4rem;width:100%;height:100%;min-height:680px;min-width:1280px;background-image:url(/game-images/background/backgroundQuestionBoard.png);background-position:50%;background-size:contain;background-repeat:no-repeat;-moz-box-orient:vertical;-moz-box-direction:normal;flex-direction:column}.game__quiz-question{padding:.5rem;font-size:1.5rem;margin-top:6rem;max-width:860px;width:100%;margin-left:auto;margin-right:auto}.game__quiz-question:before{content:"Q."}.game__quiz-items{padding:0 6rem}.game__quiz-items li{width:50%;font-size:.5rem}.game__quiz-items li button{position:relative;display:-moz-box;display:flex;padding:2rem 2rem 2rem 3.25rem;width:385px;height:140px;background-image:url(/game-images/option/optionButton.png);background-position:50%;background-size:contain;background-repeat:no-repeat;color:#fff;text-align:left;font-size:24px}.game__quiz-items li button.active{background-image:url(/game-images/option/optionActive.png)}.game__quiz-item-title{position:absolute;left:1rem;font-size:1.8rem}.game__timer{z-index:1000}.game__quiz-result{position:absolute;top:0;left:0;width:100vw;height:100vh;background-position:50%;background-size:cover;cursor:pointer;-webkit-transform:scale(0);-moz-transform:scale(0);transform:scale(0);-webkit-animation:open 1.5s;-moz-animation:open 1.5s;animation:open 1.5s}.game__quiz-result--correct{background-image:url(/game-images/result/answerCorrect.png)}.game__quiz-result--incorrect{background-image:url(/game-images/result/answerIncorrect.png)}.game__quiz-result--time-up{background-image:url(/game-images/result/answerTimeUp.png)}@-webkit-keyframes open{0%{opacity:0;-webkit-transform:scale(0);transform:scale(0)}20%{opacity:1;-webkit-transform:scale(1);transform:scale(1)}80%{opacity:1;-webkit-transform:scale(1);transform:scale(1)}to{opacity:0;-webkit-transform:scale(0);transform:scale(0)}}@-moz-keyframes open{0%{opacity:0;-moz-transform:scale(0);transform:scale(0)}20%{opacity:1;-moz-transform:scale(1);transform:scale(1)}80%{opacity:1;-moz-transform:scale(1);transform:scale(1)}to{opacity:0;-moz-transform:scale(0);transform:scale(0)}}@keyframes open{0%{opacity:0;-webkit-transform:scale(0);-moz-transform:scale(0);transform:scale(0)}20%{opacity:1;-webkit-transform:scale(1);-moz-transform:scale(1);transform:scale(1)}80%{opacity:1;-webkit-transform:scale(1);-moz-transform:scale(1);transform:scale(1)}to{opacity:0;-webkit-transform:scale(0);-moz-transform:scale(0);transform:scale(0)}}.game__game-result{position:relative;width:800px;height:605px}.game__result-name{position:absolute;top:206px;right:10rem;width:275px;height:55px;font-size:2em}.game__result-button{position:absolute;bottom:30px;left:-150px;cursor:pointer;-webkit-transition:-webkit-transform .3s;transition:-webkit-transform .3s;-moz-transition:transform .3s,-moz-transform .3s;transition:transform .3s;transition:transform .3s,-webkit-transform .3s,-moz-transform .3s;-webkit-transform:scale(.8);-moz-transform:scale(.8);transform:scale(.8)}.game__result-button:hover{-webkit-transform:scale(.9);-moz-transform:scale(.9);transform:scale(.9)}.game__result-character-list{position:absolute;bottom:120px;left:180px}.game__result-character-list span{margin-top:.5rem;padding-left:5px;border:3px solid #71c7d5;color:#71c7d5;font-weight:700;font-size:1.5rem;width:70px;height:70px;border-radius:70px}.game__result-total{position:absolute;right:90px;bottom:140px;width:145px;height:136px;font-weight:700;font-size:5rem}.fb-page{flex-basis:260px;margin-left:40px}@media (max-width:1366px)and (hover:none)and (pointer:coarse),all and (max-width:966px){.fb-page{margin:40px auto auto;width:100%}.game-overflow{position:relative;display:-moz-box;display:flex;overflow:hidden;-moz-box-align:center;align-items:center;-moz-box-pack:center;justify-content:center;min-width:auto;width:100vw;height:90vh}.game-overflow .competition-page{-webkit-transform:scale(.4);-moz-transform:scale(.4);transform:scale(.4)}.game-overflow .game__back-btn{-webkit-transform:scale(.7);-moz-transform:scale(.7);transform:scale(.7);-webkit-transform-origin:left;-moz-transform-origin:left;transform-origin:left}.game-overflow .game__star-show{display:none}.game-overflow .game__select-level a{width:100px;height:120px}.game-overflow .game__select-level a:first-child{margin-top:3rem;margin-right:50vw}.game-overflow .game__select-level a:nth-child(2){margin-bottom:9rem}.game-overflow .game__select-level a:nth-child(3){margin-top:3rem;margin-left:50vw}.game__select-role--small{min-width:auto}.game__select-role--small,.game__stage-title{-webkit-transform:scale(.5);-moz-transform:scale(.5);transform:scale(.5)}.game__stage-title{-webkit-transform-origin:left top;-moz-transform-origin:left top;transform-origin:left top}.game__timer{-webkit-transform:scale(.5);-moz-transform:scale(.5);transform:scale(.5);-webkit-transform-origin:center top;-moz-transform-origin:center top;transform-origin:center top}.game__characters-display .game__characters-list>li{margin-right:.25rem}.game__characters-display .game__characters-list li>p{word-break:keep-all;font-size:.7rem}.game__characters-display .game__boss-characters{padding-top:1.65rem;padding-left:4.5rem;width:160px;height:75px;font-size:.8rem}.game__ready-btn{bottom:40px;-webkit-transform:scale(.5);-moz-transform:scale(.5);transform:scale(.5);-webkit-transform-origin:right bottom;-moz-transform-origin:right bottom;transform-origin:right bottom}.game__next-btn--bottom{bottom:20px;-webkit-transform:scale(.75);-moz-transform:scale(.75);transform:scale(.75);-webkit-transform-origin:right bottom;-moz-transform-origin:right bottom;transform-origin:right bottom}.game__character-selector{display:-moz-box;display:flex;justify-content:space-around;margin-bottom:20px;width:100%}.game__character-selector li{width:180px;height:220px}.game__character-selector li>span{min-height:220px}.game__action-selector,.game__quiz-board{-webkit-transform:scale(.45);-moz-transform:scale(.45);transform:scale(.45)}.character-container{width:120px;height:120px}.character-action{-webkit-transform:scale(.5);-moz-transform:scale(.5);transform:scale(.5);-webkit-transform-origin:left top;-moz-transform-origin:left top;transform-origin:left top}.game__characters-animation-boos .character-action{-webkit-transform:scale(.5);-moz-transform:scale(.5);transform:scale(.5);-webkit-transform-origin:right center;-moz-transform-origin:right center;transform-origin:right center}.game__characters-animation-action>main.ability,.game__characters-animation-member>div:first-child{margin-left:120px}.character-ability-action{width:360px;height:160px}.game__game-result{min-width:800px;-webkit-transform:scale(.5);-moz-transform:scale(.5);transform:scale(.5)}.quiz-box__item-list{max-height:200px}.fragment-ui{-webkit-transform:scale(.5);-moz-transform:scale(.5);transform:scale(.5)}.game__room{min-width:1000px;-webkit-transform:scale(.7);-moz-transform:scale(.7);transform:scale(.7)}}@media (max-width:650px){.game__select-role--small{-webkit-transform:scale(.45);-moz-transform:scale(.45);transform:scale(.45)}.game__character-selector{-webkit-transform:scale(.8);-moz-transform:scale(.8);transform:scale(.8)}.game__action-selector{-webkit-transform:scale(.35);-moz-transform:scale(.35);transform:scale(.35)}}.modal-viewer{position:fixed;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,.7);z-index:1000}.modal-image-container,.modal-viewer{display:-moz-box;display:flex;-moz-box-pack:center;justify-content:center;-moz-box-align:center;align-items:center}.modal-image-container{position:relative;width:90%;height:90%}.modal-viewer-close{position:absolute;top:20px;right:20px;cursor:pointer;font-size:2em;color:#fff;padding:10px;z-index:1001}.videos{display:-moz-box;display:flex;flex-wrap:wrap}.videos__item{min-width:40%;-moz-box-flex:1;flex:1 1 280px;margin:10px 10px 20px}.videos__item iframe,.videos__item video{width:100%;height:400px}@media (max-width:1366px)and (hover:none)and (pointer:coarse),all and (max-width:966px){.videos__item{max-width:100%}.videos__item iframe,.videos__item video{height:300px}}.videos__item video{background:#000;object-fit:contain}