@import"https://fonts.googleapis.com/css2?family=Noto+Sans+TC:wght@200..900&display=swap";.wow{visibility:hidden}@keyframes breathe{0%,100%{transform:scale(1)}50%{transform:scale(1.05)}}@keyframes bounceDown{0%,100%{transform:translateY(0)}50%{transform:translateY(10px)}}@keyframes btnFadeInDown{from{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInLeft8{from{opacity:0;transform:translateX(-8%)}to{opacity:1;transform:translateX(0)}}@keyframes fadeInRight8{from{opacity:0;transform:translateX(8%)}to{opacity:1;transform:translateX(0)}}@keyframes fadeInUp8{from{opacity:0;transform:translateY(8%)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInDown8{from{opacity:0;transform:translateY(-8%)}to{opacity:1;transform:translateY(0)}}.classFadeInLeft{animation:fadeInLeft8 .8s both}.classFadeInRight{animation:fadeInRight8 .8s both}.classFadeInDown{animation:fadeInDown8 .8s both}.content-card-frame{position:absolute;inset:16px;z-index:1;overflow:hidden;pointer-events:none;--card-frame-size: 30px}.content-card-frame.blue{filter:hue-rotate(180deg)}.content-card-edge{position:absolute;background-image:url(../images/card-edge.png);background-repeat:repeat-x;background-size:auto var(--card-frame-size)}@supports(background-image: url("data:image/webp;base64,UklGRhYAAABXRUJQVlA4WAoAAAAgAAAA")){.content-card-edge{background-image:url(../images/card-edge.webp)}}.content-card-edge-t,.content-card-edge-b{left:var(--card-frame-size);right:var(--card-frame-size);height:var(--card-frame-size)}.content-card-edge-t{top:0}.content-card-edge-b{bottom:0;transform:scaleY(-1)}.content-card-edge-l,.content-card-edge-r{top:var(--card-frame-size);bottom:var(--card-frame-size);width:var(--card-frame-size);overflow:hidden;background-image:none}.content-card-edge-l::before,.content-card-edge-r::before{content:"";position:absolute;top:0;width:12000px;height:var(--card-frame-size);background-image:url(../images/card-edge.png);background-repeat:repeat-x;background-size:auto var(--card-frame-size)}@supports(background-image: url("data:image/webp;base64,UklGRhYAAABXRUJQVlA4WAoAAAAgAAAA")){.content-card-edge-l::before,.content-card-edge-r::before{background-image:url(../images/card-edge.webp)}}.content-card-edge-l{left:0}.content-card-edge-l::before{left:0;transform-origin:top left;transform:scaleX(-1) rotate(90deg)}.content-card-edge-r{right:0}.content-card-edge-r::before{right:0;transform-origin:top right;transform:scaleX(-1) rotate(-90deg)}.content-card-corner{position:absolute;width:var(--card-frame-size);height:var(--card-frame-size);background-image:url(../images/card-corner.png);background-repeat:no-repeat;background-size:var(--card-frame-size) var(--card-frame-size)}@supports(background-image: url("data:image/webp;base64,UklGRhYAAABXRUJQVlA4WAoAAAAgAAAA")){.content-card-corner{background-image:url(../images/card-corner.webp)}}.content-card-corner-tl{top:0;left:0}.content-card-corner-tr{top:0;right:0;transform:scaleX(-1)}.content-card-corner-bl{bottom:0;left:0;transform:scaleY(-1)}.content-card-corner-br{bottom:0;right:0;transform:scale(-1, -1)}*,*::before,*::after{box-sizing:border-box;margin:0;outline:none}body,html{position:relative;margin:0 auto;min-width:360px;width:100%;overflow-x:hidden;font-family:"Noto Sans TC",sans-serif;background:#000}a{display:block}picture{display:block;width:100%}button{all:unset}button:focus{outline:none}.header,.main,section{position:relative;margin:0 auto;text-align:center}.container{position:relative;z-index:2}@media screen and (min-width: 1200px){.container{max-width:1200px}}.title,.content{position:relative}.fire-light{position:fixed;inset:0;left:0;right:0;width:100%;height:100%;z-index:1;background:url(../images/fire_light-fallback.png) no-repeat center top/cover}@supports(background-image: url("data:image/webp;base64,UklGRhYAAABXRUJQVlA4WAoAAAAgAAAA")){.fire-light{background:url(../images/fire_light.webp) no-repeat center top/cover}}.fire-light{pointer-events:none;transform:scaleX(-1)}.sidebar{position:fixed;right:0;top:50%;z-index:5;display:none;max-width:250px;transform:translateY(-50%);pointer-events:auto}@media screen and (min-width: 992px){.sidebar{display:block}}@media screen and (min-width: 1400px){.sidebar{max-width:100%}}.sidebar.collapsed{pointer-events:none}.sidebar.collapsed .sidebar-wrap{transform:translateX(100%)}.sidebar.collapsed .sidebar-toggle{transform:scaleX(-1)}.sidebar-toggle{position:absolute;right:15px;top:-40px;width:40px;height:40px;background:url(../images/asideArrow.png) no-repeat center top/contain}@supports(background-image: url("data:image/webp;base64,UklGRhYAAABXRUJQVlA4WAoAAAAgAAAA")){.sidebar-toggle{background:url(../images/asideArrow.webp) no-repeat center top/contain}}.sidebar-toggle{cursor:pointer;pointer-events:auto}@media screen and (min-width: 1400px){.sidebar-toggle{right:20px;top:-55px;width:56px;height:56px}}.sidebar-wrap{position:relative;padding:45px 40px;background:url("../images/asideBg.png") no-repeat center top/100%}@supports(background-image: url("data:image/webp;base64,UklGRhYAAABXRUJQVlA4WAoAAAAgAAAA")){.sidebar-wrap{background:url("../images/asideBg.webp") no-repeat center top/100%}}.sidebar-wrap{transition:transform .3s ease-out}@media screen and (min-width: 1400px){.sidebar-wrap{padding:65px 55px}}.sidebar-wrap ul{gap:3px}.sidebar-wrap li{padding:0 15px}.sidebar-wrap li:first-child{margin-bottom:5px;padding:0}.sidebar-wrap a img{transition:transform .3s ease-out}.sidebar-wrap a img:hover{transform:scale(1.05)}.header{overflow:hidden;aspect-ratio:1920/3900;background:url("../images/headerBg.jpg") no-repeat center top/100% #060c1d}@supports(background-image: url("data:image/webp;base64,UklGRhYAAABXRUJQVlA4WAoAAAAgAAAA")){.header{background:url("../images/headerBg.webp") no-repeat center top/100% #060c1d}}@media screen and (min-width: 576px){.header{aspect-ratio:1920/3200}}@media screen and (min-width: 992px){.header{padding-bottom:15%;aspect-ratio:1920/1342}}@media screen and (min-width: 1921px){.header{aspect-ratio:initial}}.header .header-layers{position:relative}.header .header-roles,.header .header-role{position:absolute;inset:0;width:100%}.header .header-roles{top:80px;left:50%;transform:translateX(-50%)}@media screen and (min-width: 992px){.header .header-roles{top:0}}@media screen and (min-width: 1921px){.header .header-roles{max-width:1920px;width:100%}}.header .header-role{width:100%;height:100%}.header .header-role.role1{background:url(../images/headerRole1.png) no-repeat 59% top/cover}@supports(background-image: url("data:image/webp;base64,UklGRhYAAABXRUJQVlA4WAoAAAAgAAAA")){.header .header-role.role1{background:url(../images/headerRole1.webp) no-repeat 59% top/cover}}@media screen and (min-width: 992px){.header .header-role.role1{background-position:center top;background-size:100%}}.header .header-role.role2{background:url(../images/headerRole2.png) no-repeat 59% top/cover}@supports(background-image: url("data:image/webp;base64,UklGRhYAAABXRUJQVlA4WAoAAAAgAAAA")){.header .header-role.role2{background:url(../images/headerRole2.webp) no-repeat 59% top/cover}}@media screen and (min-width: 992px){.header .header-role.role2{background-position:center top;background-size:100%}}.header .header-role.role3{background:url(../images/headerRole3.png) no-repeat 59% top/cover}@supports(background-image: url("data:image/webp;base64,UklGRhYAAABXRUJQVlA4WAoAAAAgAAAA")){.header .header-role.role3{background:url(../images/headerRole3.webp) no-repeat 59% top/cover}}@media screen and (min-width: 992px){.header .header-role.role3{background-position:center top;background-size:100%}}.header .header-role.role4{top:-16%;background:url(../images/headerRole4.png) no-repeat 30% top/cover}@supports(background-image: url("data:image/webp;base64,UklGRhYAAABXRUJQVlA4WAoAAAAgAAAA")){.header .header-role.role4{background:url(../images/headerRole4.webp) no-repeat 30% top/cover}}@media screen and (min-width: 992px){.header .header-role.role4{top:0;background-position:center top;background-size:100%}}.header .header-role.role5{top:-16%;background:url(../images/headerRole5.png) no-repeat 91% top/cover}@supports(background-image: url("data:image/webp;base64,UklGRhYAAABXRUJQVlA4WAoAAAAgAAAA")){.header .header-role.role5{background:url(../images/headerRole5.webp) no-repeat 91% top/cover}}@media screen and (min-width: 576px){.header .header-role.role5{background-position:95% top}}@media screen and (min-width: 992px){.header .header-role.role5{top:0;background-position:center top;background-size:100%}}.header .header-role.role6{display:none;background:url(../images/headerRole6.png) no-repeat center top/cover}@supports(background-image: url("data:image/webp;base64,UklGRhYAAABXRUJQVlA4WAoAAAAgAAAA")){.header .header-role.role6{background:url(../images/headerRole6.webp) no-repeat center top/cover}}@media screen and (min-width: 992px){.header .header-role.role6{display:block;background-size:100%}}.header .header-role.wow{animation-duration:.8s;animation-fill-mode:both}.header .header-role.fadeInLeft{animation-name:fadeInLeft8}.header .header-role.fadeInRight{animation-name:fadeInRight8}.header .header-role.fadeInUp{animation-name:fadeInUp8}.header .container{z-index:2;margin-top:95%}@media screen and (min-width: 576px){.header .container{margin-top:60%}}@media screen and (min-width: 992px){.header .container{margin-top:22%}}@media screen and (min-width: 1400px){.header .container{margin-top:22%}}@media screen and (min-width: 1921px){.header .container{margin-top:410px}}.header .logo{margin:0 auto;max-width:700px}@media screen and (min-width: 1400px){.header .logo{max-width:100%}}.header .btnGoPreSignup{margin:0 auto;margin-top:-10px;cursor:pointer;transition:.15s ease-in-out;animation:btnFadeInDown .6s cubic-bezier(0.25, 0.46, 0.45, 0.94) .6s forwards,breathe 2s ease-in-out infinite 1.2s;opacity:0}@media screen and (min-width: 1200px){.header .btnGoPreSignup{max-width:630px}}@media screen and (min-width: 1400px){.header .btnGoPreSignup{max-width:100%}}.header .btnGoPreSignup:hover{filter:brightness(1.1)}.header .more{margin-top:0;user-select:none}@media screen and (min-width: 576px){.header .more{margin-top:-5px}}.header .more p{margin:0 auto;color:#fff;font-size:16px;font-weight:300;letter-spacing:.1em}@media screen and (min-width: 1400px){.header .more p{font-size:20px}}.header .more .more-arrow{display:block;margin:0 auto;width:25px;height:44px;background:url(../images/headerArrow.png) no-repeat center top/contain}@supports(background-image: url("data:image/webp;base64,UklGRhYAAABXRUJQVlA4WAoAAAAgAAAA")){.header .more .more-arrow{background:url(../images/headerArrow.webp) no-repeat center top/contain}}.header .more .more-arrow{animation:bounceDown 1.5s ease-in-out infinite}.main{position:relative;margin-top:-160%;padding-top:140%;padding-bottom:60px;background:url("../images/mainBg.png") no-repeat 65% top/cover}@supports(background-image: url("data:image/webp;base64,UklGRhYAAABXRUJQVlA4WAoAAAAgAAAA")){.main{background:url("../images/mainBg.webp") no-repeat 65% top/cover}}@media screen and (min-width: 576px){.main{margin-top:-115%;padding-top:600px;background-position:center top}}@media screen and (min-width: 992px){.main{margin-top:-54%;padding-top:580px}}@media screen and (min-width: 1400px){.main{margin-top:-45%;padding-top:650px;padding-bottom:170px}}@media screen and (min-width: 1921px){.main{margin-top:-42%;padding-top:34%}}@media screen and (min-width: 1400px){.event1 .container{padding:0}}.event1 .title{margin-bottom:10px}.event1 .sub-title{margin-bottom:10px}@media screen and (min-width: 576px){.event1 .sub-title{margin-bottom:30px}}.event1 .content{gap:15px}.event1 .content .prize{flex-shrink:0}@media screen and (min-width: 992px){.event1 .content .prize{max-width:460px}}@media screen and (min-width: 1200px){.event1 .content .prize{max-width:597px}}.event1 .register{position:relative;display:flex;flex-direction:column;max-width:597px;width:100%;flex:1;gap:15px}@media screen and (min-width: 1200px){.event1 .register{padding-bottom:20px}}.event1 .register-info{position:relative;display:flex;flex-direction:column;justify-content:center;height:100%;padding:40px 35px;border-radius:10px;background:hsla(0,0%,100%,.6)}@media screen and (min-width: 1200px){.event1 .register-info{padding:40px}}.event1 .book{position:relative;display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center;flex-direction:column;margin:0 auto;max-width:304px;width:100%}@media screen and (min-width: 992px){.event1 .book{max-width:100%}}.event1 .goh_form{position:relative}.event1 .goh_form label,.event1 .goh_form p{margin-bottom:0}.event1 .goh_form p{font-weight:500;text-align:center}@media screen and (min-width: 1200px){.event1 .goh_form p{text-align:left}}.event1 .form-group{margin-bottom:20px;display:flex;flex-direction:row;flex-wrap:wrap;justify-content:center}.event1 .form-group.form-group1{align-items:end}@media screen and (min-width: 1200px){.event1 .form-group{flex-wrap:nowrap;justify-content:start}}.event1 .form-group.form-group1 .txt{margin-bottom:10px}@media screen and (min-width: 1200px){.event1 .form-group.form-group1 .txt{margin-bottom:0}}.event1 .form-group .txt{flex-shrink:0;color:#374062;font-size:18px;text-align:left;flex-basis:100%}@media screen and (min-width: 1200px){.event1 .form-group .txt{flex-basis:auto}}@media screen and (min-width: 1400px){.event1 .form-group .txt{font-size:20px}}.event1 .form-group .steps{flex-shrink:0;margin-right:10px;max-width:80px}@media screen and (min-width: 1400px){.event1 .form-group .steps{max-width:100%}}.event1 .form-group p.warning{margin-left:5px;color:#a4512d;font-size:14px;font-weight:600;text-decoration:underline;text-underline-offset:3px;text-align:left;cursor:pointer}@media screen and (min-width: 1400px){.event1 .form-group p.warning{font-size:17px}}.event1 .form-group2 .row{margin:0;width:100%}.event1 .radio{padding-right:30px}@media screen and (min-width: 1200px){.event1 .radio{padding-left:30px;padding-right:0}}@media screen and (min-width: 1400px){.event1 .radio{padding-left:35px}}.event1 .form-group1 .txt+.radio{margin-left:0}@media screen and (min-width: 1200px){.event1 .form-group1 .txt+.radio{margin-left:auto}}.event1 .radio input[type=radio]{display:none}.event1 .radio input[type=radio]+label{position:relative;padding-left:30px;cursor:pointer}@media screen and (min-width: 1400px){.event1 .radio input[type=radio]+label{padding-left:35px}}.event1 .radio input[type=radio]+label span{color:#374062;font-size:18px}@media screen and (min-width: 1400px){.event1 .radio input[type=radio]+label span{font-size:20px}}.event1 .radio input[type=radio]+label:before{content:"";position:absolute;left:0;top:50%;width:20px;height:20px;border:1px solid #374062;border-radius:50%;background-color:rgba(0,0,0,0);transform:translateY(-50%)}@media screen and (min-width: 1400px){.event1 .radio input[type=radio]+label:before{width:26px;height:26px}}.event1 .radio input[type=radio]:checked+label:after{content:"";position:absolute;left:5px;top:50%;width:10px;height:10px;background-color:#374062;border-radius:50%;transform:translateY(-50%)}@media screen and (min-width: 1400px){.event1 .radio input[type=radio]:checked+label:after{width:16px;height:16px}}.event1 input[type=checkbox]{position:relative;width:20px;height:20px;margin-right:.3rem;border-radius:50%;border:1px solid #374062;-webkit-appearance:none;-moz-appearance:none;appearance:none;outline:none;background-color:rgba(0,0,0,0);cursor:pointer}@media screen and (min-width: 1400px){.event1 input[type=checkbox]{width:26px;height:26px}}.event1 input[type=checkbox]:checked:after{content:"✔";position:absolute;top:50%;left:50%;font-size:18px;color:#374062;transform:translate(-50%, -55%)}@media screen and (min-width: 1400px){.event1 input[type=checkbox]:checked:after{font-size:20px}}.event1 #selectArea{margin-right:2%;width:75%;padding-right:24px;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2 5l6 6 6-6'/%3e%3c/svg%3e");background-repeat:no-repeat;background-position:right .6rem center;background-size:12px 8px}@media screen and (min-width: 576px){.event1 #selectArea{width:50%}}.event1 .form-control{padding:8px 12px;height:auto;color:#fff;font-size:16px;background-color:#6272af;border:1px solid #374062;border-radius:0}.event1 .form-control:focus,.event1 .form-control:focus-visible{outline:none;box-shadow:none}.event1 .form-control::placeholder{color:#fff}@media screen and (min-width: 1400px){.event1 .form-control{font-size:18px}}.event1 .checkbox{align-items:start;justify-content:center}@media screen and (min-width: 576px){.event1 .checkbox{align-items:center}}@media screen and (min-width: 1200px){.event1 .checkbox{justify-content:start}}.event1 .phone{display:flex;flex-direction:row;flex-wrap:wrap;gap:10px}@media screen and (min-width: 1200px){.event1 .phone{padding-top:30px}}@media screen and (min-width: 1400px){.event1 .phone{padding-top:40px}}.event1 .g-recaptcha{transform:scale(0.85)}@media screen and (min-width: 576px){.event1 .g-recaptcha{transform:scale(1)}}@media screen and (min-width: 1200px){.event1 .g-recaptcha{margin-left:5px}}.event1 .goh_submit{margin:0 auto;margin-top:15px;max-width:220px;transition:.15s ease-in-out}@media screen and (min-width: 1200px){.event1 .goh_submit{margin-top:30px;max-width:100%}}.event1 .goh_submit:hover,.event1 .goh_submit:focus,.event1 .goh_submit:active{filter:brightness(1.1)}.event1 .store-links{flex-wrap:wrap;gap:5px;margin:20px auto 45px}.event1 .store-links a{flex:0 1 calc(50% - 6px)}@media screen and (min-width: 576px){.event1 .store-links a{flex:1 1 0}}@media screen and (min-width: 576px){.event1 .store-links{flex-wrap:nowrap;max-width:600px}}@media screen and (min-width: 1200px){.event1 .store-links{max-width:800px}}@media screen and (min-width: 1400px){.event1 .store-links{margin:10px auto 45px;max-width:958px}}.event1 .store-links a img{transition:transform .3s ease-out}.event1 .store-links a img:hover{transform:scale(1.05)}.event2 .sub-title{position:relative;margin:20px auto;max-width:497px;width:100%}.event2 .milestoneNum{position:absolute;left:50%;top:50%;margin-left:-17%;color:#fff;font-size:35px;font-weight:500;text-align:center;transform:translate(-50%, -50%)}@media screen and (min-width: 576px){.event2 .milestoneNum{font-size:45px}}.event2 .milestoneLine{position:absolute;left:50%;display:block;max-width:834px;width:100%;height:2px;background:url("../images/event2milestoneLine.png") no-repeat center top/100%}@supports(background-image: url("data:image/webp;base64,UklGRhYAAABXRUJQVlA4WAoAAAAgAAAA")){.event2 .milestoneLine{background:url("../images/event2milestoneLine.webp") no-repeat center top/100%}}.event2 .milestoneLine{transform:translateX(-50%)}.event2 .milestoneLine.line1{top:27.8%}@media screen and (min-width: 576px){.event2 .milestoneLine.line1{top:238px}}@media screen and (min-width: 768px){.event2 .milestoneLine.line1{top:321px}}@media screen and (min-width: 992px){.event2 .milestoneLine.line1{top:352px}}.event2 .milestoneLine.line2{top:61.5%}@media screen and (min-width: 576px){.event2 .milestoneLine.line2{top:538px}}@media screen and (min-width: 768px){.event2 .milestoneLine.line2{top:719px}}@media screen and (min-width: 992px){.event2 .milestoneLine.line2{top:785px}}.event2 .milestoneLine.line3{top:95.3%}@media screen and (min-width: 576px){.event2 .milestoneLine.line3{display:none}}.event2 .milestone{position:relative;display:flex;flex-wrap:wrap;justify-content:center;gap:5px 0;margin-bottom:30px}.event2 .milestone picture{width:calc(50% - 5px)}.event2 .milestone picture:nth-child(1){order:1}.event2 .milestone picture:nth-child(2){order:2}.event2 .milestone picture:nth-child(3){order:4}.event2 .milestone picture:nth-child(4){order:5}.event2 .milestone picture:nth-child(5){order:7}.event2 .milestone::before{content:"";order:6;flex-basis:100%}.event2 .milestone::after{content:"";order:3;flex-basis:100%}@media screen and (min-width: 576px){.event2 .milestone{gap:10px 0}.event2 .milestone::before{display:none}.event2 .milestone picture{width:33.3333333333%;max-width:252px}}@media screen and (min-width: 992px){.event2 .milestone{margin-bottom:70px;gap:10px 55px}}.gameInfo .gameInfo-tabs{display:flex;justify-content:center;padding:0;margin:20px auto 0;list-style:none}.gameInfo .nav-link{position:relative;z-index:2;display:block;width:150px;aspect-ratio:242/65;padding:0;border:0;background:none;cursor:pointer}@media screen and (min-width: 768px){.gameInfo .nav-link{width:190px}}@media screen and (min-width: 1400px){.gameInfo .nav-link{width:242px}}.gameInfo .nav-link::before,.gameInfo .nav-link::after{content:"";position:absolute;inset:0}.gameInfo .nav-link::after{opacity:0;transition:opacity .2s}.gameInfo .nav-link:hover::after,.gameInfo .nav-link.active::after{opacity:1}.gameInfo .gameInfo-tab-btn1::before{background:url(../images/gameInfoBtn1.png) no-repeat center top/contain}@supports(background-image: url("data:image/webp;base64,UklGRhYAAABXRUJQVlA4WAoAAAAgAAAA")){.gameInfo .gameInfo-tab-btn1::before{background:url(../images/gameInfoBtn1.webp) no-repeat center top/contain}}.gameInfo .gameInfo-tab-btn1::after{background:url(../images/gameInfoBtn1_hover.png) no-repeat center top/contain}@supports(background-image: url("data:image/webp;base64,UklGRhYAAABXRUJQVlA4WAoAAAAgAAAA")){.gameInfo .gameInfo-tab-btn1::after{background:url(../images/gameInfoBtn1_hover.webp) no-repeat center top/contain}}.gameInfo .gameInfo-tab-btn2::before{background:url(../images/gameInfoBtn2.png) no-repeat center top/contain}@supports(background-image: url("data:image/webp;base64,UklGRhYAAABXRUJQVlA4WAoAAAAgAAAA")){.gameInfo .gameInfo-tab-btn2::before{background:url(../images/gameInfoBtn2.webp) no-repeat center top/contain}}.gameInfo .gameInfo-tab-btn2::after{background:url(../images/gameInfoBtn2_hover.png) no-repeat center top/contain}@supports(background-image: url("data:image/webp;base64,UklGRhYAAABXRUJQVlA4WAoAAAAgAAAA")){.gameInfo .gameInfo-tab-btn2::after{background:url(../images/gameInfoBtn2_hover.webp) no-repeat center top/contain}}.gameInfo .screenshots{display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center;margin:20px auto 0;max-width:1200px}@media screen and (min-width: 1400px){.gameInfo .screenshots{margin:30px auto 0}}.gameInfo .screenshotsNavBtn{display:none;flex-shrink:0;width:57px;height:68px;border:0;background:url(../images/gameInfoArrow.png) no-repeat center/contain}@supports(background-image: url("data:image/webp;base64,UklGRhYAAABXRUJQVlA4WAoAAAAgAAAA")){.gameInfo .screenshotsNavBtn{background-image:url(../images/gameInfoArrow.webp)}}.gameInfo .screenshotsNavBtn{cursor:pointer}@media screen and (min-width: 992px){.gameInfo .screenshotsNavBtn{display:block}}.gameInfo .screenshotsNavBtn.prev{transform:scaleX(-1)}.gameInfo .screenshotsNavBtn.swiper-button-disabled{opacity:.3;pointer-events:none}.gameInfo .screenshots-frame{position:relative;flex:1;padding:3%;overflow:hidden}@media screen and (min-width: 768px){.gameInfo .screenshots-frame{padding:2%}}@media screen and (min-width: 1400px){.gameInfo .screenshots-frame{padding:2.2% 2.4%}}.gameInfo .screenshots-frame::before{content:"";position:absolute;inset:0;z-index:2;background:url(../images/gameInfoFrame.png) no-repeat center/100% 100%}@supports(background-image: url("data:image/webp;base64,UklGRhYAAABXRUJQVlA4WAoAAAAgAAAA")){.gameInfo .screenshots-frame::before{background-image:url(../images/gameInfoFrame.webp)}}.gameInfo .screenshots-frame::before{pointer-events:none}.gameInfo .screenshots-pagination{position:relative;display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center;margin:0 auto;margin-bottom:110px;max-width:220px;width:100%;padding:3px 6px;gap:4px;margin-top:15px;border-radius:50px;border:1px solid #dfbd89;background:rgba(0,0,0,.5)}@media screen and (min-width: 768px){.gameInfo .screenshots-pagination{max-width:280px;padding:5px 10px;gap:8px}}@media screen and (min-width: 1400px){.gameInfo .screenshots-pagination{margin-bottom:250px}}.gameInfo .screenshots-pagination .swiper-pagination-bullet{position:relative;display:block;width:25px;height:26px;margin:0;background:none;opacity:1;cursor:pointer}@media screen and (min-width: 768px){.gameInfo .screenshots-pagination .swiper-pagination-bullet{width:30px;height:31px}}.gameInfo .screenshots-pagination .swiper-pagination-bullet img{position:absolute;inset:0;width:100%;height:100%}.gameInfo .screenshots-pagination .swiper-pagination-bullet .bullet-active{opacity:0;transition:opacity .2s}.gameInfo .screenshots-pagination .swiper-pagination-bullet-active .bullet-active{opacity:1}.gameInfo #gameInfoClassesSwiper{overflow:visible}.gameInfo .class-info{position:absolute;left:0;top:30px;z-index:2;max-width:240px;color:#fff;text-align:left}@media screen and (min-width: 576px){.gameInfo .class-info{top:50px;max-width:260px}}@media screen and (min-width: 992px){.gameInfo .class-info{left:50px;max-width:340px}}@media screen and (min-width: 1400px){.gameInfo .class-info{left:0;max-width:440px}}.gameInfo .class-info-intro{display:block;max-width:120px;margin-bottom:15px}@media screen and (min-width: 576px){.gameInfo .class-info-intro{max-width:201px}}@media screen and (min-width: 1400px){.gameInfo .class-info-intro{max-width:251px}}.gameInfo .class-info-desc{padding-left:5px;display:flex;flex-direction:column;font-size:3.6vw;line-height:1.6;text-shadow:0 0 10px var(--desc-glow-color, transparent),0 0 10px var(--desc-glow-color, transparent)}@media screen and (min-width: 576px){.gameInfo .class-info-desc{padding-left:15px;font-size:16px}}@media screen and (min-width: 992px){.gameInfo .class-info-desc{font-size:20px}}@media screen and (min-width: 1400px){.gameInfo .class-info-desc{font-size:24px}}.gameInfo .swiper-slide{display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center}.gameInfo .class-portraits{position:relative;right:-13%;flex-shrink:0;margin-top:-50px;width:150%;pointer-events:none}@media screen and (min-width: 576px){.gameInfo .class-portraits{max-width:900px;right:-10%}}@media screen and (min-width: 992px){.gameInfo .class-portraits{margin-top:-110px;right:-18%}}@media screen and (min-width: 1400px){.gameInfo .class-portraits{max-width:1084px;right:-25%}}.gameInfo .class-portrait{width:100%}.gameInfo .class-portrait:last-child{position:absolute;right:0;bottom:0;z-index:-1}.gameInfo .classes-pagination{position:absolute;top:69%;left:50%;display:flex;justify-content:center;align-items:flex-start;gap:15px;transform:translateX(-50%)}@media screen and (min-width: 576px){.gameInfo .classes-pagination{top:530px;left:0;transform:translateX(0);justify-content:start}}@media screen and (min-width: 992px){.gameInfo .classes-pagination{left:50px;top:560px}}@media screen and (min-width: 1400px){.gameInfo .classes-pagination{top:660px;left:0;gap:18px}}.gameInfo .classes-pagination .swiper-pagination-bullet{position:relative;width:77px;height:79px;margin:0;background:none;opacity:1;cursor:pointer}@media screen and (min-width: 576px){.gameInfo .classes-pagination .swiper-pagination-bullet{width:107px;height:109px}}.gameInfo .classes-pagination .swiper-pagination-bullet img{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:contain;object-position:top}.gameInfo .classes-pagination .swiper-pagination-bullet .bullet-active{left:-9px;top:-27px;width:95px;height:181px;opacity:0;transition:opacity .2s}@media screen and (min-width: 576px){.gameInfo .classes-pagination .swiper-pagination-bullet .bullet-active{left:-14px;top:-38px;width:135px;height:258px}}.gameInfo .classes-pagination .swiper-pagination-bullet-active .bullet-active{opacity:1}.notice .title{margin-bottom:25px}@media screen and (min-width: 1400px){.notice .title{margin-bottom:55px}}.notice .content{position:relative;margin:0 auto;padding:40px 20px;padding-right:40px;max-width:1060px;overflow:hidden;border-radius:10px;background:hsla(0,0%,100%,.6);filter:drop-shadow(0 0 10px rgba(70, 12, 12, 0.53))}@media screen and (min-width: 576px){.notice .content{padding:50px 30px}}@media screen and (min-width: 1200px){.notice .content{padding:80px 50px}}.notice .content::before{content:"";position:absolute;bottom:0;left:0;display:block;width:100%;height:50%;background:url("../images/noticePattern.png") no-repeat center bottom/cover}@supports(background-image: url("data:image/webp;base64,UklGRhYAAABXRUJQVlA4WAoAAAAgAAAA")){.notice .content::before{background:url("../images/noticePattern.webp") no-repeat center bottom/cover}}.notice .content::before{pointer-events:none}.notice .content ol{margin-bottom:0;color:#311d05;font-size:14px;line-height:22px;letter-spacing:.1em;text-align:justify}@media screen and (min-width: 576px){.notice .content ol{font-size:16px;line-height:25px}}@media screen and (min-width: 1200px){.notice .content ol{font-size:21px;line-height:30px}}.notice .content ol li{margin-bottom:10px}@media screen and (min-width: 576px){.notice .content ol li{margin-bottom:25px}}@media screen and (min-width: 1200px){.notice .content ol li{margin-bottom:30px}}.notice .content ol li:last-child{margin-bottom:0}