*{margin:0;padding:0;border:0}#root{font-family:Noto Sans Thai,sans-serif;font-size:16px;color:#333;background-color:#f0f0f0;width:100%;height:100%}#root input,#root button,input:-internal-autofill-selected{background-color:transparent!important;border:none;outline:none}#root button{cursor:pointer}#root button[disabled]{cursor:not-allowed}.content-wrapper{position:absolute;top:0;left:50%;transform:translate(-50%);width:100%;height:100%;z-index:5}#section_more_detail{position:absolute;top:0;left:0;width:100%;height:100%;z-index:9999;background-color:#000c;display:flex;align-items:center;justify-content:center}#section_more_detail.hidden{display:none}#section_more_detail img{width:auto;height:100vh;max-width:1200px;max-height:80vh}@media screen and (max-width: 1020px){#section_more_detail img{width:100%;height:auto;max-height:80vh}}#section_preregister{position:relative;width:100%;height:100%;overflow:hidden;background:url(https://swordsman3.com/preregister/assets/preregister/background.webp) no-repeat center center fixed;background-size:cover}.preregister-sprite{background-image:url(https://swordsman3.com/preregister/assets/preregister/component.webp);background-color:transparent!important;background-repeat:no-repeat;background-size:460px 297px;display:inline-block}#step1_box_title{width:189px;height:24px;background-position:-44px 0}#step2_box_title{width:240px;height:30px;background-position:-44px -23px}#step3_box_title{width:177px;height:32px;background-position:-44px -53px}#step4_box_title{width:262px;height:32px;background-position:-44px -86px}#step5_box_title{width:211px;height:25px;background-position:-44px -118px}#step1_box_no{background-position:0 0}#step2_box_no{background-position:0 -30px}#step3_box_no{background-position:0 -60px}#step4_box_no{background-position:0 -90px}#step5_box_no{background-position:0 -120px}#btn_login{width:145px;height:44px;background-position:-314px -155px}#btn_register{width:145px;height:45px;background-position:-314px -202px}#btn_appstore{width:145px;height:44px;background-position:-314px -60px}#btn_playstore{width:145px;height:44px;background-position:-314px -105px}#btn_more_detail{width:168px;height:24px;background-position:0 -252px;background-color:transparent!important}.checkbox{width:30px;height:32px;background-position:0 -201px}.checkbox.checked{background-position:-30px -201px!important}.textbox{width:300px;height:43px;background-position:0 -154px;color:#000;text-align:center}#btn_fb_share{width:47px;height:46px;background-position:-119px -203px}#txt_cuation{width:279px;height:16px;background-position:0 -281px}.character{opacity:0;position:absolute;top:0;right:0;width:auto;height:100%;z-index:1}.swiper-slide.swiper-slide-active #section_preregister .character{animation-name:fadeInRight;animation-duration:.8s;animation-timing-function:ease-out;animation-fill-mode:forwards;animation-delay:.6s;transform:translateZ(0);backface-visibility:hidden;-webkit-backface-visibility:hidden}.steps{opacity:0;position:absolute;top:10px;left:10px;width:740px;height:620px;z-index:2;background-image:url(https://swordsman3.com/preregister/assets/preregister/step_bg.webp);background-repeat:no-repeat;background-size:contain}.swiper-slide.swiper-slide-active #section_preregister .steps{animation-name:fadeInLeft;animation-duration:.8s;animation-timing-function:ease-out;animation-fill-mode:forwards;animation-delay:.6s;transform:translateZ(0);backface-visibility:hidden;-webkit-backface-visibility:hidden;top:0;left:0}.step-box-wrapper{position:relative;margin-top:90px;margin-left:80px}.steps-progress{position:absolute;top:29px;left:13px;width:8px;height:300px;z-index:2;background-image:url(https://swordsman3.com/preregister/assets/preregister/step_progress_bg.png)}.step-wrapper,.step-content{position:relative}.step-box{width:100%;position:relative;z-index:4;display:flex;justify-content:space-between;margin-bottom:12px}.step-box.disabled .step-content,.step-box.disabled .step-title{opacity:.5;pointer-events:none}.step-box .step-no{width:31px;height:30px;padding-right:15px;display:block}.step-box .step-wrapper{width:100%}.step-box .step-wrapper .step-content{display:flex;justify-content:space-between;align-items:center;width:360px}.step-box .step-wrapper .step-content-reward{flex-direction:column}.step-box .step-wrapper .step-content-item-code{background:url(https://swordsman3.com/preregister/assets/preregister/itemcode.webp);background-size:cover;max-width:240px!important;height:55px;padding:0 15px;margin-left:8%;color:#365b9b}#reward_code_img{width:auto;height:100%;max-height:40vh;padding-left:5%;max-width:90vw;margin-top:1vh}.step-box .step-title{display:inline-block;margin-bottom:10px}.step-box .step-wrapper .step-content img.checkbox{width:30px!important;height:30px!important}#step1_box_content img,#step2_box_content img{height:45px;width:auto}#step3_box_content img,#step4_box_content img{height:42px;width:auto}#step5_box_content img{height:50px;width:auto}.right-box{opacity:0;position:absolute;bottom:120px;right:40px;z-index:3;display:flex;flex-direction:column;align-items:center}.swiper-slide.swiper-slide-active #section_preregister .right-box{animation-name:fadeInUp;animation-duration:1s;animation-timing-function:ease-out;animation-fill-mode:forwards;animation-delay:.6s;transform:translateZ(0);backface-visibility:hidden;-webkit-backface-visibility:hidden}.banner{width:auto;height:120px}.reward-code{width:auto;height:110px;margin-top:15px}#btn_reward.disabled{opacity:.5}#btn_reward.active{opacity:1;cursor:pointer}#more_detail{width:100%;height:45px;bottom:0;position:absolute;z-index:6;display:flex;justify-content:center;background-image:url(https://swordsman3.com/preregister/assets/preregister/more_detail_bg.png);background-repeat:repeat-x;background-size:contain}#cuation{position:absolute;bottom:50px;right:15px;z-index:5;width:auto;height:24px}#cuation img{width:auto;height:24px}@media screen and (max-width: 1199px){.character{right:-20vw;top:-10vh;width:auto;height:110vh}.step-box-wrapper{position:relative;margin-top:90px;margin-left:70px}.steps{top:0;left:0;background-size:contain}}@media screen and (min-height: 700px){.steps{top:50%;transform:translateY(-50%)}}@media screen and (min-height: 900px) and (min-width: 1200px){.preregister-sprite{background-size:700px 450px!important}#step1_box_title{width:286px;height:36px;background-position:-67px 0}#step2_box_title{width:360px;height:44px;background-position:-67px -36px}#step3_box_title{width:268px;height:48px;background-position:-67px -81px}#step4_box_title{width:397px;height:49px;background-position:-67px -130px}#step5_box_title{width:320px;height:36px;background-position:-67px -180px}.step-box .step-no{width:46px;height:46px;padding-right:20px}#step1_box_no{background-position:0 0}#step2_box_no{background-position:0 -45px}#step3_box_no{background-position:0 -90px}#step4_box_no{background-position:0 -136px}#step5_box_no{background-position:0 -181px}#btn_login{width:223px;height:68px;background-position:-475px -235px}#btn_register{width:223px;height:68px;background-position:-475px -307px}#btn_appstore{width:223px;height:68px;background-position:-475px -91px}#btn_playstore{width:223px;height:69px;background-position:-475px -159px}#btn_more_detail{width:254px;height:35px;background-position:0 -382px}.checkbox{width:46px;height:47px;background-position:0 -306px}.checkbox.checked{background-position:-46px -306px!important}.textbox{width:455px;height:64px;background-position:0 -234px;color:#000;text-align:center}#btn_fb_share{width:72px;height:71px;background-position:-180px -307px}#txt_cuation{width:423px;height:24px;background-position:0 -426px}.content-wrapper{max-width:unset}.steps{position:absolute;left:5vw;width:100%;height:820px;z-index:2}.steps-progress{top:20px;left:18px;width:12px;height:415px}.step-box-wrapper{margin-top:110px;margin-left:100px}.step-box .step-wrapper .step-content{width:550px}.banner{width:auto;height:185px}.reward-code{width:auto;height:170px;margin-top:20px}#more_detail{height:60px}#cuation{bottom:60px;right:5vw;height:32px}#reward_code_img{max-height:35vh;padding-left:7%}}@media screen and (orientation: landscape){.character{right:calc(10vw - 400px)}.steps{left:0}.right-box{right:calc(5vw - 50px)}.banner{width:auto;height:15vh}.reward-code{width:auto;height:15vh;margin-top:15px}}@media screen and (max-width: 1024px) and (orientation: portrait){#section_preregister{position:relative;background:url(https://swordsman3.com/preregister/assets/preregister/background_tablet.jpg) no-repeat center center fixed;background-size:cover}.steps{position:absolute;top:3vh;left:50%;transform:translate(-50%);width:100%;margin-top:0;margin-left:0;background-position:center center;background-size:contain;background-image:url(https://swordsman3.com/preregister/assets/preregister/step_bg_mobile.png)}.steps .step-box-wrapper{position:relative;margin-top:0;margin-left:0;top:50%;left:50%;transform:translate(-50%,-50%);width:fit-content}.right-box{bottom:calc(20vh - 120px);right:unset;left:0;width:70vw}#more_detail{background-image:unset}#cuation{display:none}}@media screen and (max-width: 750px) and (orientation: portrait){#section_preregister{background:url(https://swordsman3.com/preregister/assets/preregister/background_mobile.jpg) no-repeat center center fixed;background-size:cover}.steps{top:0;height:55vh;background-size:cover}.steps .step-box-wrapper{margin-left:0;margin-top:0;top:50%;left:50%;transform:scale(.9) translate(-55%,-55%)}.steps-progress,.step-box .step-no{display:none}.step-box .step-title{width:100%;text-align:center;margin-bottom:0}.right-box{width:100%;bottom:3vh}.banner{width:80%;height:auto}.reward-code{width:70%;height:auto;margin-top:10px}#reward_code_img{max-height:30vh;padding-left:10%}}@media screen and (max-width: 750px) and (max-height: 740px) and (orientation: portrait){.steps{top:0;height:55vh;width:100vw}.steps .step-box-wrapper{margin-left:0;margin-top:0;top:40%;left:40%;transform:scale(.8) translate(-50%,-52%)}.step-box{margin-bottom:5px}.step-box .step-title{margin-bottom:0}}#section_reward{position:relative;background-image:url(https://swordsman3.com/preregister/assets/reward/background.webp);background-size:cover;width:100%;height:100vh;overflow:hidden}#section_reward .content-wrapper:before{position:absolute;content:"";width:100%;height:5vh;bottom:0;z-index:99;background-image:url(https://swordsman3.com/preregister/assets/preregister/more_detail_bg.png);background-repeat:repeat-x;background-size:contain}.reward-title{opacity:0;width:100%;height:20vh;background:url(https://swordsman3.com/preregister/assets/reward/txt_reward_title.webp) no-repeat center;background-size:contain}.swiper-slide.swiper-slide-active #section_reward .reward-title{animation-name:fadeIn;animation-duration:.8s;animation-timing-function:ease-out;animation-fill-mode:forwards;animation-delay:.6s;transform:translateZ(0);backface-visibility:hidden;-webkit-backface-visibility:hidden}.reward-progress{position:relative;left:50%;transform:translate(-50%);display:flex;justify-content:space-between;align-items:flex-start;flex-wrap:nowrap;gap:1rem;margin-bottom:4rem;max-width:1300px}.reward-image{width:calc(20% - .8rem);aspect-ratio:442 / 661;background-size:contain;background-repeat:no-repeat;background-position:center}#img_reward_1{background-image:url(https://swordsman3.com/preregister/assets/reward/img_reward_1.webp);opacity:0}.swiper-slide.swiper-slide-active #img_reward_1{animation-name:fadeInUp;animation-duration:.8s;animation-timing-function:ease-out;animation-fill-mode:forwards;animation-delay:1s;transform:translateZ(0);backface-visibility:hidden;-webkit-backface-visibility:hidden}#img_reward_1.pass{background-image:url(https://swordsman3.com/preregister/assets/reward/img_reward_1_pass.webp)}#img_reward_2{background-image:url(https://swordsman3.com/preregister/assets/reward/img_reward_2.webp);opacity:0}.swiper-slide.swiper-slide-active #img_reward_2{animation-name:fadeInUp;animation-duration:.8s;animation-timing-function:ease-out;animation-fill-mode:forwards;animation-delay:1.2s;transform:translateZ(0);backface-visibility:hidden;-webkit-backface-visibility:hidden}#img_reward_2.pass{background-image:url(https://swordsman3.com/preregister/assets/reward/img_reward_2_pass.webp)}#img_reward_3{background-image:url(https://swordsman3.com/preregister/assets/reward/img_reward_3.webp);opacity:0}.swiper-slide.swiper-slide-active #img_reward_3{animation-name:fadeInUp;animation-duration:.8s;animation-timing-function:ease-out;animation-fill-mode:forwards;animation-delay:1.4s;transform:translateZ(0);backface-visibility:hidden;-webkit-backface-visibility:hidden}#img_reward_3.pass{background-image:url(https://swordsman3.com/preregister/assets/reward/img_reward_3_pass.webp)}#img_reward_4{background-image:url(https://swordsman3.com/preregister/assets/reward/img_reward_4.webp);opacity:0}.swiper-slide.swiper-slide-active #img_reward_4{animation-name:fadeInUp;animation-duration:.8s;animation-timing-function:ease-out;animation-fill-mode:forwards;animation-delay:1.6s;transform:translateZ(0);backface-visibility:hidden;-webkit-backface-visibility:hidden}#img_reward_4.pass{background-image:url(https://swordsman3.com/preregister/assets/reward/img_reward_4_pass.webp)}#img_reward_5{background-image:url(https://swordsman3.com/preregister/assets/reward/img_reward_5.webp);opacity:0}.swiper-slide.swiper-slide-active #img_reward_5{animation-name:fadeInUp;animation-duration:.8s;animation-timing-function:ease-out;animation-fill-mode:forwards;animation-delay:1.8s;transform:translateZ(0);backface-visibility:hidden;-webkit-backface-visibility:hidden}#img_reward_5.pass{background-image:url(https://swordsman3.com/preregister/assets/reward/img_reward_5_pass.webp)}.reward-counter{position:absolute;display:flex;justify-content:center;align-items:flex-end;margin-top:2rem;flex-wrap:wrap;width:100%;bottom:0;height:40vh;opacity:0}.swiper-slide.swiper-slide-active #section_reward .reward-counter{animation-name:fadeInUp;animation-duration:.8s;animation-timing-function:ease-out;animation-fill-mode:forwards;animation-delay:2s;transform:translateZ(0);backface-visibility:hidden;-webkit-backface-visibility:hidden}.counter-digits{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);display:flex;gap:.5rem;justify-content:center;align-items:center;margin-bottom:1.5rem}.digit{width:129px;aspect-ratio:129 / 202;background-image:url(https://swordsman3.com/preregister/assets/reward/digit.webp);background-repeat:no-repeat;display:inline-block}.digit.no0{background-position:0px 0}.digit.no1{background-position:-129px 0}.digit.no2{background-position:-258px 0}.digit.no3{background-position:-387px 0}.digit.no4{background-position:-516px 0}.digit.no5{background-position:-645px 0}.digit.no6{background-position:-774px 0}.digit.no7{background-position:-903px 0}.digit.no8{background-position:-1032px 0}.digit.no9{background-position:-1161px 0}.register-text{position:absolute;top:0;width:100%;height:83px;background:url(https://swordsman3.com/preregister/assets/reward/txt_register.webp) no-repeat center;background-size:contain;margin-bottom:2rem}.character-img{position:absolute;bottom:0;height:20vh;width:50%;background-size:contain;background-repeat:no-repeat}#character_1{left:0;background-image:url(https://swordsman3.com/preregister/assets/reward/character_01.webp);background-position:bottom left}#character_2{right:0;background-image:url(https://swordsman3.com/preregister/assets/reward/character_02.webp);background-position:bottom right}@media (max-width: 1024px) and (orientation: portrait){.reward-title{height:10vh;background-size:contain;background-position:left center}.reward-progress{flex-wrap:wrap;justify-content:center;gap:0rem}.reward-image{width:auto;height:30vh;aspect-ratio:442 / 661;margin-bottom:-5vh}.reward-counter{height:35vh;margin-top:0}.register-text{height:10vh}.character-img{width:100%;background-size:auto 100%}#character_1{left:-15vw}#character_2{right:-15vw}.digit{width:10vw;aspect-ratio:32 / 50;background-image:url(https://swordsman3.com/preregister/assets/reward/digit.webp);background-repeat:no-repeat;background-size:100vw auto;display:inline-block}.digit.no0{background-position:0 0}.digit.no1{background-position:11.11% 0}.digit.no2{background-position:22.22% 0}.digit.no3{background-position:33.33% 0}.digit.no4{background-position:44.44% 0}.digit.no5{background-position:55.55% 0}.digit.no6{background-position:66.66% 0}.digit.no7{background-position:77.77% 0}.digit.no8{background-position:88.88% 0}.digit.no9{background-position:99.99% 0}}@media (max-width: 1024px) and (orientation: landscape){.reward-progress{justify-content:center;gap:0rem}.reward-image{margin:0 -1vw}}@media (max-height: 1000px) and (orientation: landscape){#section_reward .content-wrapper{max-width:1200px}.reward-image{width:auto;height:40vh}.digit{width:auto;height:20vh;background-size:auto 20vh}.digit.no0{background-position:0% 0}.digit.no1{background-position:11.11% 0}.digit.no2{background-position:22.22% 0}.digit.no3{background-position:33.33% 0}.digit.no4{background-position:44.44% 0}.digit.no5{background-position:55.55% 0}.digit.no6{background-position:66.66% 0}.digit.no7{background-position:77.77% 0}.digit.no8{background-position:88.88% 0}.digit.no9{background-position:99.99% 0}}@media (max-width: 600px) and (orientation: portrait){.reward-progress{position:relative;left:50%;top:0;transform:translate(-50%)}.reward-image{width:33vw;margin-bottom:-5vh}.reward-counter{height:35vh}.counter-digits{position:absolute;top:5vh;left:50%;transform:translate(-50%)}.register-text{height:5vh}}@font-face{font-family:swiper-icons;src:url(data:application/font-woff;charset=utf-8;base64,\ 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);font-weight:400;font-style:normal}:root{--swiper-theme-color: #007aff}:host{position:relative;display:block;margin-left:auto;margin-right:auto;z-index:1}.swiper{margin-left:auto;margin-right:auto;position:relative;overflow:hidden;list-style:none;padding:0;z-index:1;display:block}.swiper-vertical>.swiper-wrapper{flex-direction:column}.swiper-wrapper{position:relative;width:100%;height:100%;z-index:1;display:flex;transition-property:transform;transition-timing-function:var(--swiper-wrapper-transition-timing-function, initial);box-sizing:content-box}.swiper-android .swiper-slide,.swiper-ios .swiper-slide,.swiper-wrapper{transform:translateZ(0)}.swiper-horizontal{touch-action:pan-y}.swiper-vertical{touch-action:pan-x}.swiper-slide{flex-shrink:0;width:100%;height:100%;position:relative;transition-property:transform;display:block}.swiper-slide-invisible-blank{visibility:hidden}.swiper-autoheight,.swiper-autoheight .swiper-slide{height:auto}.swiper-autoheight .swiper-wrapper{align-items:flex-start;transition-property:transform,height}.swiper-backface-hidden .swiper-slide{transform:translateZ(0);-webkit-backface-visibility:hidden;backface-visibility:hidden}.swiper-3d.swiper-css-mode .swiper-wrapper{perspective:1200px}.swiper-3d .swiper-wrapper{transform-style:preserve-3d}.swiper-3d{perspective:1200px}.swiper-3d .swiper-slide,.swiper-3d .swiper-cube-shadow{transform-style:preserve-3d}.swiper-css-mode>.swiper-wrapper{overflow:auto;scrollbar-width:none;-ms-overflow-style:none}.swiper-css-mode>.swiper-wrapper::-webkit-scrollbar{display:none}.swiper-css-mode>.swiper-wrapper>.swiper-slide{scroll-snap-align:start start}.swiper-css-mode.swiper-horizontal>.swiper-wrapper{scroll-snap-type:x mandatory}.swiper-css-mode.swiper-vertical>.swiper-wrapper{scroll-snap-type:y mandatory}.swiper-css-mode.swiper-free-mode>.swiper-wrapper{scroll-snap-type:none}.swiper-css-mode.swiper-free-mode>.swiper-wrapper>.swiper-slide{scroll-snap-align:none}.swiper-css-mode.swiper-centered>.swiper-wrapper:before{content:"";flex-shrink:0;order:9999}.swiper-css-mode.swiper-centered>.swiper-wrapper>.swiper-slide{scroll-snap-align:center center;scroll-snap-stop:always}.swiper-css-mode.swiper-centered.swiper-horizontal>.swiper-wrapper>.swiper-slide:first-child{margin-inline-start:var(--swiper-centered-offset-before)}.swiper-css-mode.swiper-centered.swiper-horizontal>.swiper-wrapper:before{height:100%;min-height:1px;width:var(--swiper-centered-offset-after)}.swiper-css-mode.swiper-centered.swiper-vertical>.swiper-wrapper>.swiper-slide:first-child{margin-block-start:var(--swiper-centered-offset-before)}.swiper-css-mode.swiper-centered.swiper-vertical>.swiper-wrapper:before{width:100%;min-width:1px;height:var(--swiper-centered-offset-after)}.swiper-3d .swiper-slide-shadow,.swiper-3d .swiper-slide-shadow-left,.swiper-3d .swiper-slide-shadow-right,.swiper-3d .swiper-slide-shadow-top,.swiper-3d .swiper-slide-shadow-bottom{position:absolute;left:0;top:0;width:100%;height:100%;pointer-events:none;z-index:10}.swiper-3d .swiper-slide-shadow{background:#00000026}.swiper-3d .swiper-slide-shadow-left{background-image:linear-gradient(to left,#00000080,#0000)}.swiper-3d .swiper-slide-shadow-right{background-image:linear-gradient(to right,#00000080,#0000)}.swiper-3d .swiper-slide-shadow-top{background-image:linear-gradient(to top,#00000080,#0000)}.swiper-3d .swiper-slide-shadow-bottom{background-image:linear-gradient(to bottom,#00000080,#0000)}.swiper-lazy-preloader{width:42px;height:42px;position:absolute;left:50%;top:50%;margin-left:-21px;margin-top:-21px;z-index:10;transform-origin:50%;box-sizing:border-box;border:4px solid var(--swiper-preloader-color, var(--swiper-theme-color));border-radius:50%;border-top-color:transparent}.swiper:not(.swiper-watch-progress) .swiper-lazy-preloader,.swiper-watch-progress .swiper-slide-visible .swiper-lazy-preloader{animation:swiper-preloader-spin 1s infinite linear}.swiper-lazy-preloader-white{--swiper-preloader-color: #fff}.swiper-lazy-preloader-black{--swiper-preloader-color: #000}@keyframes swiper-preloader-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.swiper.swiper-cards{overflow:visible}.swiper-cards .swiper-slide{transform-origin:center bottom;-webkit-backface-visibility:hidden;backface-visibility:hidden;overflow:hidden}.swiper-fade.swiper-free-mode .swiper-slide{transition-timing-function:ease-out}.swiper-fade .swiper-slide{pointer-events:none;transition-property:opacity}.swiper-fade .swiper-slide .swiper-slide{pointer-events:none}.swiper-fade .swiper-slide-active,.swiper-fade .swiper-slide-active .swiper-slide-active{pointer-events:auto}:root{--swiper-navigation-size: 44px}.swiper-button-prev,.swiper-button-next{position:absolute;top:var(--swiper-navigation-top-offset, 50%);width:calc(var(--swiper-navigation-size) / 44 * 27);height:var(--swiper-navigation-size);margin-top:calc(0px - (var(--swiper-navigation-size) / 2));z-index:10;cursor:pointer;display:flex;align-items:center;justify-content:center;color:var(--swiper-navigation-color, var(--swiper-theme-color))}.swiper-button-prev.swiper-button-disabled,.swiper-button-next.swiper-button-disabled{opacity:.35;cursor:auto;pointer-events:none}.swiper-button-prev.swiper-button-hidden,.swiper-button-next.swiper-button-hidden{opacity:0;cursor:auto;pointer-events:none}.swiper-navigation-disabled .swiper-button-prev,.swiper-navigation-disabled .swiper-button-next{display:none!important}.swiper-button-prev svg,.swiper-button-next svg{width:100%;height:100%;object-fit:contain;transform-origin:center}.swiper-rtl .swiper-button-prev svg,.swiper-rtl .swiper-button-next svg{transform:rotate(180deg)}.swiper-button-prev,.swiper-rtl .swiper-button-next{left:var(--swiper-navigation-sides-offset, 10px);right:auto}.swiper-button-lock{display:none}.swiper-button-prev:after,.swiper-button-next:after{font-family:swiper-icons;font-size:var(--swiper-navigation-size);text-transform:none!important;letter-spacing:0;font-variant:initial;line-height:1}.swiper-button-prev:after,.swiper-rtl .swiper-button-next:after{content:"prev"}.swiper-button-next,.swiper-rtl .swiper-button-prev{right:var(--swiper-navigation-sides-offset, 10px);left:auto}.swiper-button-next:after,.swiper-rtl .swiper-button-prev:after{content:"next"}.swiper-pagination{position:absolute;text-align:center;transition:.3s opacity;transform:translateZ(0);z-index:10}.swiper-pagination.swiper-pagination-hidden{opacity:0}.swiper-pagination-disabled>.swiper-pagination,.swiper-pagination.swiper-pagination-disabled{display:none!important}.swiper-pagination-fraction,.swiper-pagination-custom,.swiper-horizontal>.swiper-pagination-bullets,.swiper-pagination-bullets.swiper-pagination-horizontal{bottom:var(--swiper-pagination-bottom, 8px);top:var(--swiper-pagination-top, auto);left:0;width:100%}.swiper-pagination-bullets-dynamic{overflow:hidden;font-size:0}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transform:scale(.33);position:relative}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active,.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main{transform:scale(1)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev{transform:scale(.66)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev{transform:scale(.33)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next{transform:scale(.66)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next{transform:scale(.33)}.swiper-pagination-bullet{width:var(--swiper-pagination-bullet-width, var(--swiper-pagination-bullet-size, 8px));height:var(--swiper-pagination-bullet-height, var(--swiper-pagination-bullet-size, 8px));display:inline-block;border-radius:var(--swiper-pagination-bullet-border-radius, 50%);background:var(--swiper-pagination-bullet-inactive-color, #000);opacity:var(--swiper-pagination-bullet-inactive-opacity, .2)}button.swiper-pagination-bullet{border:none;margin:0;padding:0;box-shadow:none;-webkit-appearance:none;-moz-appearance:none;appearance:none}.swiper-pagination-clickable .swiper-pagination-bullet{cursor:pointer}.swiper-pagination-bullet:only-child{display:none!important}.swiper-pagination-bullet-active{opacity:var(--swiper-pagination-bullet-opacity, 1);background:var(--swiper-pagination-color, var(--swiper-theme-color))}.swiper-vertical>.swiper-pagination-bullets,.swiper-pagination-vertical.swiper-pagination-bullets{right:var(--swiper-pagination-right, 8px);left:var(--swiper-pagination-left, auto);top:50%;transform:translate3d(0,-50%,0)}.swiper-vertical>.swiper-pagination-bullets .swiper-pagination-bullet,.swiper-pagination-vertical.swiper-pagination-bullets .swiper-pagination-bullet{margin:var(--swiper-pagination-bullet-vertical-gap, 6px) 0;display:block}.swiper-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic,.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{top:50%;transform:translateY(-50%);width:8px}.swiper-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{display:inline-block;transition:.2s transform,.2s top}.swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet,.swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet{margin:0 var(--swiper-pagination-bullet-horizontal-gap, 4px)}.swiper-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic,.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{left:50%;transform:translate(-50%);white-space:nowrap}.swiper-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transition:.2s transform,.2s left}.swiper-horizontal.swiper-rtl>.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transition:.2s transform,.2s right}.swiper-pagination-fraction{color:var(--swiper-pagination-fraction-color, inherit)}.swiper-pagination-progressbar{background:var(--swiper-pagination-progressbar-bg-color, rgba(0, 0, 0, .25));position:absolute}.swiper-pagination-progressbar .swiper-pagination-progressbar-fill{background:var(--swiper-pagination-color, var(--swiper-theme-color));position:absolute;left:0;top:0;width:100%;height:100%;transform:scale(0);transform-origin:left top}.swiper-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill{transform-origin:right top}.swiper-horizontal>.swiper-pagination-progressbar,.swiper-pagination-progressbar.swiper-pagination-horizontal,.swiper-vertical>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,.swiper-pagination-progressbar.swiper-pagination-vertical.swiper-pagination-progressbar-opposite{width:100%;height:var(--swiper-pagination-progressbar-size, 4px);left:0;top:0}.swiper-vertical>.swiper-pagination-progressbar,.swiper-pagination-progressbar.swiper-pagination-vertical,.swiper-horizontal>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,.swiper-pagination-progressbar.swiper-pagination-horizontal.swiper-pagination-progressbar-opposite{width:var(--swiper-pagination-progressbar-size, 4px);height:100%;left:0;top:0}.swiper-pagination-lock{display:none}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeInLeft{0%{opacity:0;transform:translate(-50px)}to{opacity:1;transform:translate(0)}}@keyframes fadeInRight{0%{opacity:0;transform:translate(50px)}to{opacity:1;transform:translate(0)}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(50px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInDown{0%{opacity:0;transform:translateY(-50px)}to{opacity:1;transform:translateY(0)}}@keyframes zoomIn{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}#section_character{width:100%;height:100%}#section_character .swiper-button-prev,#section_character .swiper-button-next,#section_hilight .swiper-button-prev,#section_hilight .swiper-button-next{width:10vw!important;height:auto;max-width:100px;aspect-ratio:50 / 61}#section_character .swiper-button-prev:after,#section_hilight .swiper-button-prev:after,#section_character .swiper-button-next:after,#section_hilight .swiper-button-next:after{content:"";width:100%;height:100%;background-image:url(https://swordsman3.com/preregister/assets/gold_arrows.png)!important;background-size:contain;background-repeat:no-repeat}#section_character .swiper-button-next:after,#section_hilight .swiper-button-next:after{transform:rotate(180deg)}#section_character .swiper-pagination-bullet-active,#section_hilight .swiper-pagination-bullet-active{background-color:#fd2836}#section_character .swiper-slide .bg{position:absolute;width:100%;height:100%;top:0;left:0;object-fit:cover}#section_character .swiper-slide .character-info{position:relative;width:100%;height:100%;overflow:hidden;background-size:cover!important;background-position:center!important}#section_character .character-info .name{position:absolute;width:auto;height:15vh;object-fit:cover;left:10vw;top:5vh;z-index:5}#section_character .character-info .info{position:absolute;width:auto;max-height:20vh;left:10vw;top:25vh;z-index:5}#section_character .character-info .status{position:absolute;width:auto;height:40vh;max-height:328px;bottom:10vh;left:10vw;aspect-ratio:442 / 328;object-fit:cover;z-index:5}#section_character .character-info .image{position:absolute;width:auto;height:100vh;right:0;top:0;object-fit:cover}#section_character .character-thumb-shadow{position:absolute;bottom:0;left:0;width:100%;height:15vh;background:linear-gradient(to top,rgba(0,0,0,.8),transparent);z-index:1}#section_character .swiperCharacterThumbs{position:absolute;bottom:5vh;right:5vw;width:470px;z-index:10;background:linear-gradient(to right,#fff0,#ffffff4d 20%,#ffffff4d 80%,#fff0);padding:5px}#section_character .swiperCharacterThumbs:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(to right,#6f633400,#6f633480 20%,#6f633480 80%,#6f633400);z-index:1}#section_character .swiperCharacterThumbs:after{content:"";position:absolute;bottom:0;left:0;right:0;height:2px;background:linear-gradient(to right,#6f633400,#6f633480 20%,#6f633480 80%,#6f633400);z-index:1}#section_character .swiperCharacterThumbs .swiper-slide{position:relative;width:110px;height:110px}#section_character .character-thumbnail{position:absolute;top:0;left:0;width:110px;height:110px;cursor:pointer;background-image:url(https://swordsman3.com/preregister/assets/characters/character_icons.png)}#section_character .character-thumbnail:hover{transform:scale(1.05);transition:transform .3s ease}#section_character .swiperCharacterThumbs .swiper-slide .character-name{position:absolute;bottom:0;left:0;width:100%;text-align:center;border-radius:10px;color:#afa785;text-shadow:1px 1px 2px #000000,1px 1px 2px #000000,1px 1px 2px #000000,1px 1px 2px #000000,1px 1px 2px #000000}#section_character .swiperCharacterThumbs .swiper-slide-thumb-active .character-name{color:#fff}#section_character .character-thumbnail-01{background-position:0 0}#section_character .character-thumbnail-02{background-position:-110px 0}#section_character .character-thumbnail-03{background-position:-220px 0}#section_character .character-thumbnail-04{background-position:-330px 0}#section_character .character-thumbnail-05{background-position:-440px 0}#section_character .character-thumbnail-06{background-position:-550px 0}#section_character .character-thumbnail-07{background-position:-660px 0}#section_character .character-thumbnail-08{background-position:-770px 0}#section_character .character-thumbnail-09{background-position:-880px 0}#section_character .character-thumbnail-10{background-position:-990px 0}#section_character .character-thumbnail-11{background-position:-1100px 0}#section_character .swiper-slide-thumb-active .character-thumbnail-01{background-position:0px -110px}#section_character .swiper-slide-thumb-active .character-thumbnail-02{background-position:-110px -110px}#section_character .swiper-slide-thumb-active .character-thumbnail-03{background-position:-220px -110px}#section_character .swiper-slide-thumb-active .character-thumbnail-04{background-position:-330px -110px}#section_character .swiper-slide-thumb-active .character-thumbnail-05{background-position:-440px -110px}#section_character .swiper-slide-thumb-active .character-thumbnail-06{background-position:-550px -110px}#section_character .swiper-slide-thumb-active .character-thumbnail-07{background-position:-660px -110px}#section_character .swiper-slide-thumb-active .character-thumbnail-08{background-position:-770px -110px}#section_character .swiper-slide-thumb-active .character-thumbnail-09{background-position:-880px -110px}#section_character .swiper-slide-thumb-active .character-thumbnail-10{background-position:-990px -110px}#section_character .swiper-slide-thumb-active .character-thumbnail-11{background-position:-1100px -110px}#section_character .swiper-slide .character-info .name,#section_character .swiper-slide .character-info .info,#section_character .swiper-slide .character-info .status,#section_character .swiper-slide .character-info .image{opacity:0;will-change:transform,opacity}#section_character .swiper-slide-active .character-info .name{animation-name:fadeInLeft;animation-duration:.8s;animation-timing-function:ease-out;animation-fill-mode:forwards;animation-delay:.2s;transform:translateZ(0);backface-visibility:hidden;-webkit-backface-visibility:hidden}#section_character .swiper-slide-active .character-info .info{animation-name:fadeInLeft;animation-duration:.8s;animation-timing-function:ease-out;animation-fill-mode:forwards;animation-delay:.4s;transform:translateZ(0);backface-visibility:hidden;-webkit-backface-visibility:hidden}#section_character .swiper-slide-active .character-info .status{animation-name:fadeInUp;animation-duration:.8s;animation-timing-function:ease-out;animation-fill-mode:forwards;animation-delay:.6s;transform:translateZ(0);backface-visibility:hidden;-webkit-backface-visibility:hidden}#section_character .swiper-slide-active .character-info .image{opacity:1;animation-name:fadeInRight;animation-duration:1s;animation-timing-function:ease-in-out;animation-fill-mode:forwards;transform:translateZ(0);backface-visibility:hidden;-webkit-backface-visibility:hidden}@media screen and (max-width: 1024px) and (orientation: portrait){#section_character .character-info .name{left:5vw;top:5vh;height:10vh}#section_character .character-info .info{display:none}#section_character .character-info .status{left:50vw;bottom:calc(3vh + 110px);transform:translate(-50%)!important;width:100vw;max-width:380px;height:auto}#section_character .character-info .image{top:unset;bottom:0;left:50vw;height:100vh;width:auto;transform:translate(-50%)!important}#section_character .swiperCharacterThumbs{position:absolute;bottom:1vh;left:50vw;transform:translate(-50%);z-index:10}}@media screen and (max-width: 768px) and (orientation: portrait){#section_character .character-info .name{left:0vw;top:0vh;width:100%;height:auto;max-width:fit-content;max-height:10vh}#section_character .character-info .status{object-fit:unset;width:95vw;height:auto}}@media screen and (max-width: 480px) and (orientation: portrait){#section_character .character-info .status{bottom:calc(4vh + 88px)}#section_character .swiperCharacterThumbs{scale:.8;transform:translate(-62%);width:440px;bottom:1vh}}#section_footer.footer{background:#e7f6f9;padding:20px 0;text-align:center;color:#666;font-size:14px}.logos{display:flex;justify-content:center;align-items:center;gap:1vw;margin-bottom:2vh}.logos .logo{height:8vh;object-fit:contain}.copyright{margin:0}#section_hilight{display:flex;justify-content:center;align-items:center;width:100%;height:100%;background-image:url(https://swordsman3.com/preregister/assets/hilight/bg.jpg);background-size:cover}#section_hilight .swiper-slide{height:100%;display:flex;justify-content:center;align-items:center}#section_hilight .swiper-slide img{display:block;opacity:0;width:100%;max-width:1280px;height:100%;object-fit:contain}#section_hilight .swiper-slide.swiper-slide-prev img,#section_hilight .swiper-slide.swiper-slide-next img{opacity:.2}#section_hilight .swiper-slide.swiper-slide-active img{opacity:1}.login-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background-color:#00000080;display:flex;justify-content:center;align-items:center;z-index:1000}.login-box{background-color:#fff;border-radius:8px;box-shadow:0 4px 20px #0003;width:90%;max-width:400px;padding:20px;box-sizing:border-box}.login-tabs{display:flex;justify-content:center;margin-bottom:25px;border-bottom:1px solid #e0e0e0}.tab-button{background:none;border:none;padding:10px 20px;font-size:1.1em;cursor:pointer;outline:none;color:#888;transition:color .3s ease,border-bottom .3s ease;position:relative;font-weight:600}.tab-button.active{color:#333}.tab-button.active:after{content:"";position:absolute;left:0;bottom:-1px;width:100%;height:3px;background-color:#007bff}.input-group{margin-bottom:15px}.input-group input[type=email],.input-group input[type=password]{width:100%;padding:12px 15px;border:1px solid #ccc!important;background-color:#f9f9f9;color:#333;border-radius:5px;font-size:1em;box-sizing:border-box;outline:none;transition:border-color .3s ease}.input-group input:focus{border-color:#007bff!important}.terms-checkbox{display:flex;align-items:flex-start;margin-top:15px;margin-bottom:25px;font-size:.9em;color:#555}.terms-checkbox input[type=checkbox]{margin-top:2px;margin-right:10px;width:16px;height:16px;flex-shrink:0}.terms-checkbox span{cursor:pointer;line-height:1.4}.form-footer{display:flex;flex-direction:column;align-items:center;margin-top:20px}#root .login-button{background-color:#007bff!important;color:#fff;border:none;border-radius:5px;padding:12px 20px;font-size:1.1em;cursor:pointer;width:100%;transition:background-color .3s ease;font-weight:600}.login-button:hover{background-color:#0056b3!important}.forgot-password{display:block;margin-top:15px;color:#007bff;text-decoration:none;font-size:.9em;transition:color .3s ease}.forgot-password:hover{color:#0056b3;text-decoration:underline}@media (max-width: 480px){.login-box{padding:15px}.tab-button{font-size:1em;padding:8px 15px}.input-group input{padding:10px 12px}.login-button{padding:10px 15px;font-size:1em}}.spin-backdrop{position:fixed;top:0;left:0;width:100vw;height:100vh;background:#0009;display:flex;justify-content:center;align-items:center;z-index:999}.spin-container{position:relative;width:90vw;max-width:500px;aspect-ratio:800 / 762}.spin-bg,.spin-reward-bg{width:100%;height:100%;position:absolute;top:0;left:0}.spin-group{position:absolute;left:18.5%;top:6.4%;width:63%;height:66%}.spinner-circle{position:absolute;width:100%;height:100%;top:0;left:0}.spin-animate{animation:spin 3s linear forwards}.btn-spin{position:absolute;left:37%;top:38%;width:25%;height:auto;cursor:pointer}.txt-spin{position:absolute;left:14.25%;top:75%;width:71.625%;height:auto}.btn-close{position:absolute;left:36.125%;top:85%;width:27.875%;height:auto;cursor:pointer}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(1080deg)}}#section_video{width:100%;height:100%;overflow:hidden;position:relative}#section_video:before{position:absolute;content:"";width:100%;height:100%;bottom:0;z-index:3}#section_video video{object-fit:cover;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}#section_video .content-wrapper{position:absolute;top:0;left:50%;transform:translate(-50%);width:auto;height:100vh;z-index:5;display:flex;flex-direction:column;align-items:center;justify-content:center}#section_video .content-wrapper #img_logo{width:auto;height:40vh}#section_video.mobile .content-wrapper #img_logo{width:90vw;max-width:600px;height:auto;object-fit:contain}@keyframes slideFadeLoop{0%{transform:translate(-50%,-5vh);opacity:0}20%{transform:translate(-50%);opacity:1}}#section_video #arrow_down{position:absolute;bottom:3vh;left:50%;transform:translate(-50%);height:10vh;animation:slideFadeLoop 3s ease-out infinite;opacity:0;z-index:6;cursor:pointer}#section_video #download{display:flex;justify-content:center;align-items:center;list-style:none;padding:0;margin:1vh 0}#section_video #download li{margin:0 1rem}#section_video #download img{width:auto;height:5rem;object-fit:contain;cursor:pointer}#section_video #social_link{display:flex;justify-content:center;align-items:center;list-style:none;padding:0;margin:1vh 0}#section_video #social_link li{margin:0 1rem}#section_video #social_link img{width:auto;height:5rem;object-fit:contain}#section_video.mobile:before{background-image:url(https://swordsman3.com/preregister/assets/mobile_video.jpg);background-size:cover;background-position:top center}#section_video.mobile .content-wrapper{bottom:5vh;left:50vw;transform:translate(-50%);height:auto;padding-bottom:2vh;top:unset}#section_video.mobile #download{flex-direction:column;align-items:center}#section_video.mobile #download li{margin:0}#section_video.mobile #download img{width:40vw;max-width:200px;height:auto;margin-top:-2vh}#section_video.mobile #social_link li{margin:0;margin-right:1vw;margin-top:-1vh}#section_video.mobile #social_link li:last-child{margin-right:0}#section_video.mobile #social_link img{width:18vw;max-width:80px;height:auto}:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;display:flex;place-items:center;min-width:320px;height:100%;overflow:hidden}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media (prefers-color-scheme: light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}