*{box-sizing:border-box}html{margin:0;padding:0;height:100%;overflow:hidden}input,select{font:inherit}[v-cloak]{display:none}img{display:block;max-width:100%;height:auto}body{margin:0;padding:0;height:100%;overflow:hidden;font-family:"Noto Serif TC",sans-serif;color:#fff;background:#231a13}.fullpage-swiper{position:fixed;inset:0;width:100%;height:100dvh;overflow:hidden}.page{position:relative;overflow:hidden;width:100%;height:100%;background:#24150d}.visual-bg{position:absolute;inset:0;background-position:center center;background-size:cover}.page-1 .visual-bg{background-image:url(/img/20261016/section1/bg.jpg)}.page-2 .visual-bg{background-image:url(/img/20261016/section2/bg.jpg)}.page-3 .visual-bg{background-image:url(/img/20261016/section3/bg.jpg)}.page-4 .visual-bg{background-image:url(/img/20261016/section4/bg.jpg)}.design-stage{position:absolute;left:50%;top:50%;font-weight:600;width:1920px;height:960px;transform:translate(-50%,-50%) scale(var(--stage-scale));transform-origin:center center}button{font:inherit;-webkit-tap-highlight-color:transparent;cursor:pointer;color:inherit;transition:filter .25s,box-shadow .25s}a{-webkit-tap-highlight-color:transparent;color:inherit;text-decoration:none;transition:filter .25s,box-shadow .25s}button:hover,a:hover{filter:brightness(1.22) drop-shadow(rgba(255,223,131,.376) 0px 0px 8px)}button:focus-visible{outline:rgb(255,214,110) solid 3px;outline-offset:5px}a:focus-visible{outline:rgb(255,214,110) solid 3px;outline-offset:5px}.round-icon{display:block;width:50px;height:50px}.round-icon img{width:100%;height:100%;object-fit:contain}.floating-actions{position:fixed;top:32px;right:42px;display:flex;gap:16px;z-index:25}.side-menu.open{transform:translate(0)}.side-menu nav{display:grid;gap:18px}.side-menu nav button{background:none;border-width:0px 0px 1px;border-style:none none solid;border-color:currentcolor currentcolor rgb(147,122,66);border-image:none;padding:14px;color:#f6d694;font-size:24px}.menu-social{display:flex;gap:18px;justify-content:center;margin-top:35px}.menu-toggle.open{right:var(--menu-width)}.menu-toggle.open .menu-arrow{transform:rotate(-180deg)}.menu-mask{position:fixed;inset:0;background:#0005;z-index:35}.mobile-only{display:none}.section-title{position:absolute;left:630px;top:64px;width:660px;margin:0;text-align:center;font-size:86px;font-weight:900;color:#c71212;-webkit-text-stroke:2px rgb(255,218,119);text-shadow:rgb(52,23,6) 0px 4px,rgba(0,0,0,.533) 0px 8px 10px;line-height:1.2;z-index:5}.character-placeholder span{padding:20px;background:#0003;border-radius:12px}.section4-viewport{height:100%;position:relative;overflow:hidden}#section4{overflow-y:auto;overscroll-behavior:contain;touch-action:pan-y;scrollbar-width:none}#section4::-webkit-scrollbar{display:none}:root{--stage-scale: 1;--gold: #eec675;--ink: #412713;--menu-width: 340px}.side-menu{position:fixed;right:0;top:0;bottom:0;width:var(--menu-width);padding:55px 36px;background:linear-gradient(160deg,#361910,#100b15);border-left:2px solid rgb(217,177,91);z-index:40;transform:translate(100%);transition:transform .4s;overflow-y:auto}.side-logo img{width:220px;margin:0 auto 35px}.menu-toggle{position:fixed;right:0;top:45%;z-index:45;width:90px;height:207px;background:none;border-width:medium;border-style:none;border-color:currentcolor;border-image:none;padding:0;transition:right .4s,filter .25s}.menu-arrow{display:block;width:70px;height:161px;background:url(/img/20261016/section1/menu-toggle.png) center center / contain no-repeat;transform:rotate(0);margin:auto}.menu-bars{display:none}.character-placeholder{position:absolute;display:flex;z-index:1}.character-placeholder img{width:100%;height:100%;object-fit:contain}.section-title img{width:100%;height:auto}.gold-button{border-width:medium;border-style:none;border-color:currentcolor;border-image:none;background:none;padding:0}.gold-button img{width:100%;height:auto}.logo-hit{position:absolute;left:800px;top:74px;width:320px;z-index:3}.logo-hit img{width:100%}.slogan strong{display:block;font-size:190px;line-height:1.05;-webkit-text-stroke:3px rgb(81,33,11);font-weight:900;letter-spacing:4px}.slogan small{font-size:56px;font-weight:900;color:#fff0c3;-webkit-text-stroke:1px rgb(81,49,32)}.store-btn{width:223px}.store-btn img{width:100%}.character-s1-right{left:1240px;top:165px;width:540px;height:740px}.parchment{color:var(--ink);position:relative}.mission-form label{font-size:19px;display:block;text-align:center;margin:10px 0}.phone-row{display:flex;gap:10px}.phone-control{position:relative;min-width:0px;height:40px}.phone-control-country{flex:0 1 145px}.phone-control-number{flex:1}.phone-row input{width:100%;min-width:0px;height:40px;border:1px solid rgb(149,116,67);background:#fff8e4;padding:5px}.phone-row input::placeholder{color:#aaa}.phone-row select{width:100%;height:40px;border:1px solid rgb(149,116,67);background:#fff8e4;padding:5px}.mission-form .agree{display:flex;align-items:flex-start;text-align:left;font-size:17px;line-height:1.5}.agree input{margin-top:5px}.mission-form .agree a{text-decoration:underline}.reward-board h3{font-size:42px;margin:33px 0 16px;text-align:center}.reward-list{display:grid;gap:16px;justify-content:space-evenly}.mobile-rewards{display:none}.skill-content{position:absolute;left:672px;top:255px;width:590px;z-index:3}.skill-list{display:grid;grid-template-columns:repeat(4,1fr);gap:15px;margin-bottom:70px}.skill{margin:0;text-align:center}.play-btn{width:104px;height:104px;border-radius:50%;background:none;border-width:medium;border-style:none;border-color:currentcolor;border-image:none;font-size:50px;display:grid;place-items:center;padding-left:2px;color:#fff0b3}.video-pagination{display:none}.event-content{position:absolute;left:377px;top:310px;width:1115px;z-index:4}.event-list{display:flex;align-items:center;justify-content:center}.event-card img{height:auto;max-width:none}.event-list .event-card:nth-child(2){transform:translateY(-45px)}.event-mobile{display:none}.character-s1-left{left:-23px;top:220px;width:716px;height:617px}.character-s2{left:1326px;top:173px;width:688px;height:680px;z-index:11}.character-s3-left{left:1253px;top:399px;width:376px;height:666px;z-index:11}.character-s3-right{left:1376px;top:115px;width:280px;height:687px}.character-s3-left-2{left:375px;top:380px;width:300px;height:669px;z-index:11}.character-s3-right-2{left:250px;top:115px;width:373px;height:657px}.character-s4{left:-125px;top:192px;width:666px;height:655px}.slogan{position:absolute;left:666px;top:280px;width:588px;z-index:3;text-align:center;color:#e7bd66;text-shadow:rgb(53,17,8) 0px 5px,rgba(0,0,0,.533) 0px 8px 15px}.slogan img{width:100%}.download-row{position:absolute;left:725px;top:665px;width:470px;display:flex;gap:24px;z-index:4}.reserve-btn{position:absolute;left:760px;top:751px;width:384px;height:88px}.mission-board{left:370px;top:235px;width:668px;height:632px;z-index:3;padding:58px 129px 55px;background:url(/img/20261016/section2/parchment.png) 0% 0% / 100% 100% no-repeat;position:absolute}.mission-board h3{font-size:48px;text-align:center;margin:61px 0 2px}.mission-form{padding:0 8px}.mission-copy{text-align:center;line-height:1.8;font-size:24px;margin-bottom:20px}.reward-board{position:absolute;left:993px;top:278px;width:450px;height:533px;padding:26px;z-index:3;background:url(/img/20261016/section2/reward.png) 0% 0% / 100% 100% no-repeat}.notice-btn{display:block;margin:22px auto 0;width:185px;height:42px}.skill figcaption{font-size:19px;margin:8px auto 0;width:126px;height:34px;color:#f7ddb4;background:url(/img/20261016/section3/skill_txt.png) 0% 0% / 100% 100% no-repeat;padding:3px}.skill img{width:133px;height:133px;object-fit:contain;margin:auto;border-radius:12px}.event-card{display:block;width:345px;flex:0 0 345px;margin-left:0}.play-btn img{width:100%;height:100%;object-fit:contain}.reward-item{display:flex;align-items:center;gap:18px;color:#fff7e1;padding:12px 18px;font-size:15px;text-align:center;width:300px;height:80px;background:url(/img/20261016/section2/_reward-item.png) 0% 0% / 100% 100% no-repeat}.reward-item img{width:50px;height:50px;object-fit:contain;flex:0 0 50px}.reward-copy{flex:1 1 0%;min-width:0px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;text-align:center;line-height:1.35;padding-left:13px}.reward-name,.reward-detail{display:block;width:100%;text-align:center;font-size:14px;white-space:nowrap}.mission-submit{display:block;margin:18px auto 0;width:280px;font-size:23px;padding:0;height:auto;transform-origin:center center}.mission-submit img{width:100%;height:auto;transition:transform .25s}.mission-submit:active img{transform:scale(.96)}.video-frame{width:100%;height:auto;border-radius:18px;display:grid;place-items:center;position:relative;margin-left:0;background:none;aspect-ratio:608 / 293;isolation:isolate;overflow:visible}.video-thumbnail{position:absolute;inset:8px 25px;background-position:center center;background-size:cover;overflow:hidden;border-radius:16px;z-index:0;display:block;width:calc(100% - 54px);height:calc(100% - 16px);object-fit:cover;max-width:none}.video-frame .play-btn{z-index:6;padding:0;position:relative}.video-caption{position:absolute;bottom:20px;color:#ffeac0;font-size:18px;z-index:6;text-shadow:rgb(0,0,0) 0px 2px 5px;font-weight:700}.modal{position:fixed;inset:0;z-index:80;background:#000c;display:flex;align-items:center;justify-content:center;padding:24px;overflow:auto}.modal .success_title{font-size:28px}.modal .fail_title{margin-top:60px;font-size:28px}.modal-card h2{margin-top:0}.modal-close{position:absolute;right:3%;top:8%;width:36px;height:36px;border:1px solid rgb(116,81,38);color:#412713;background:#fbe4b8;font-size:26px}.serial{display:block;margin:22px 0;font-size:28px;font-weight:700;letter-spacing:2px;-webkit-user-select:all;user-select:all}.copy-message{min-height:42px;margin:12px 0 0;color:#82500d}.copy-feedback{display:inline-flex;align-items:center;justify-content:center;gap:8px;max-width:100%;padding:8px 14px;border:1px solid rgba(169,122,56,.55);border-radius:20px;background:#fff1bdcc;font-weight:700;line-height:24px;animation:copy-feedback-enter .48s cubic-bezier(.22,1,.36,1) both}.copy-feedback.is-success{color:#82500d;border-color:#d17f0485;background:#f4edd8;animation:copy-feedback-enter .48s cubic-bezier(.22,1,.36,1) both,copy-feedback-glow 1.1s .18s ease-out}.copy-feedback-icon{position:relative;display:inline-block;flex:0 0 24px;width:24px;height:24px;border-radius:50%;background:currentColor;font-size:0}.copy-feedback-icon:after{content:"!";position:absolute;inset:0;color:#fff;font-size:16px;line-height:24px;text-align:center}.is-success .copy-feedback-icon{animation:copy-check-pop .5s .1s ease-out both}.is-success .copy-feedback-icon:after{content:"";inset:50% auto auto 50%;width:6px;height:11px;box-sizing:border-box;border:solid #fff;border-width:0 2px 2px 0;transform:translate(-50%,-60%) rotate(45deg)}@keyframes copy-feedback-enter{0%{opacity:0;transform:translateY(10px) scale(.9)}65%{opacity:1;transform:translateY(-3px) scale(1.04)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes copy-check-pop{0%{transform:scale(.4) rotate(-30deg)}65%{transform:scale(1.2) rotate(8deg)}to{transform:scale(1) rotate(0)}}@keyframes copy-feedback-glow{0%{box-shadow:0 0 #e4962166}to{box-shadow:0 0 0 14px #70913800}}@media(prefers-reduced-motion:reduce){.copy-feedback,.copy-feedback.is-success,.is-success .copy-feedback-icon{animation:none}}.notice-content{text-align:left;font-size:15px;line-height:1.5;width:94%;font-weight:700;margin:0 auto}.notice-content>ol{padding-inline-start:35px}.notice-content h3{margin-bottom:0}.notice-content>p{padding-left:20px}.video-modal iframe{width:100%;aspect-ratio:16 / 9;border:0px}.video-help{font-size:14px;color:#ceba93}.modal-card{width:min(750px,100%);height:auto;overflow:auto;padding:92px 90px 65px;position:relative;text-align:center;border-radius:8px;background:url(/img/20261016/section2/modal.png) 0% 0% / 100% 100% no-repeat;min-height:520px;max-height:calc(100dvh - 48px)}.modal-card:focus{outline:none}.modal-card .modal-close{right:7%;top:6%;z-index:2}.modal-card.notice-modal{display:flex;flex-direction:column;height:min(870px,calc(100dvh - 48px));min-height:0px;overflow:hidden}.notice-modal>h2{flex:0 0 auto;margin:0 0 10px}.notice-modal .notice-content{flex:1 1 auto;min-height:0px;overflow-y:auto;overflow-wrap:anywhere;overscroll-behavior-y:contain}.video-modal{width:min(1000px,100%);background:#1a1513;color:#ffdf9f;min-height:0px;padding:60px 28px 28px}.video-modal .modal-close{right:12px;top:12px}.modal-card .copy-message{margin-bottom:0}.modal-card .gold-button{padding:9px 18px;border:1px solid rgb(169,122,56);border-radius:6px;background:#6f270e;color:#fff1bd}.video-source{display:inline-block;margin-top:14px;color:#ffdf9f;text-decoration:underline;font-size:14px}.reveal{opacity:0;transform:translateY(35px);transition-behavior:normal,normal;transition-duration:.8s,.8s;transition-timing-function:ease,ease;transition-property:opacity,transform;transition-delay:var(--delay, 0s)}.from-left{transform:translate(-110px)}.from-right{transform:translate(110px)}.swiper-slide-active .reveal{opacity:1;transform:translate(0)}.modal .modal-card .modal-close{position:fixed;top:max(16px,env(safe-area-inset-top));right:max(16px,env(safe-area-inset-right));width:48px;height:48px;padding:0;border:0px;border-radius:0;background:none;color:#fff;box-shadow:none;z-index:90;display:grid;place-items:center}.close-x{position:relative;width:32px;height:32px;display:block}.close-x:before{content:"";position:absolute;left:0;top:13px;width:32px;height:6px;background:#fff;border-radius:2px;transform:rotate(45deg)}.close-x:after{content:"";position:absolute;left:0;top:13px;width:32px;height:6px;background:#fff;border-radius:2px;transform:rotate(-45deg)}.has-modal .menu-toggle,.has-modal .floating-actions{visibility:hidden}.video-border{position:absolute;inset:0;z-index:5;pointer-events:none;background:none;clip-path:polygon(evenodd,0% 0%,100% 0%,100% 100%,0% 100%,0% 0%,8% 7%,92% 7%,95% 17%,95% 83%,92% 93%,8% 93%,5% 83%,5% 17%,8% 7%);-webkit-mask:none;mask:none;width:100%;height:100%;object-fit:fill;max-width:none}@media(min-width:769px){.section-title{top:38px}.mission-board{left:350px;top:210px;width:700px;height:665px;padding:72px 133px 60px}}@media(hover:hover){.mission-submit:hover img{animation:.55s ease-out 0s 1 normal none running mission-bounce}}@media(prefers-reduced-motion:reduce){.mission-submit:hover img{animation:auto ease 0s 1 normal none running none}.reveal{opacity:1;transform:none;transition:none}.side-menu,.menu-toggle,.menu-arrow{transition:none}}@media(max-width:768px){.modal-card h2{font-size:22px;margin-top:-14%}.modal-card h4{font-size:20px}.modal .fail_title{margin-top:45x;font-size:20px}.modal-card .modal-close{right:20px;top:16px}.notice-modal h2{margin-top:5%;margin-bottom:10px}.notice-content{font-size:14px;line-height:1.6;padding-left:30px;padding-right:30px}.notice-content ol{padding-left:20px}.video-modal .modal-close{right:10px;top:10px}:root{--menu-width: min(320px, 82vw)}.floating-actions{display:none}.menu-toggle,.menu-toggle.open{top:max(12px,env(safe-area-inset-top));right:12px;width:44px;height:44px;border:2px solid rgb(219,173,80);border-radius:8px;background:linear-gradient(#491e12,#171016);display:grid;place-items:center}.menu-arrow{display:none}.menu-bars{display:grid;gap:5px;width:23px}.menu-bars i{display:block;height:3px;width:100%;background:#ffd479;border-radius:2px;transition:transform .3s}.menu-toggle.open .menu-bars{transform:rotate(180deg)}.side-menu{padding:76px 28px 32px}.side-logo img{width:205px;margin-bottom:24px}.side-menu nav{gap:10px}.side-menu nav button{font-size:22px;padding:14px}.round-icon{width:42px;height:42px}.menu-social{margin-top:26px}.page-1 .visual-bg{background-image:url(/img/20261016/section1/bg_m.jpg)}.page-2 .visual-bg{background-image:url(/img/20261016/section2/bg_m.jpg)}.page-3 .visual-bg{background-image:url(/img/20261016/section3/bg_m.jpg)}.page-4 .visual-bg{background-image:url(/img/20261016/section4/bg_m.jpg)}.section-title img,.slogan img{width:100%;height:auto}.store-btn{width:154px;flex:0 0 154px}.store-btn img{width:100%;height:auto}.desktop-mission-title{display:none}.mobile-only{display:block}.mobile-rewards span{line-height:1.3}.mission-form{padding:0}.phone-row{gap:6px}.reward-board h3,.reward-board .reward-list,.character-s2{display:none}.skill{min-width:0px}.video-frame{width:100%;height:auto;aspect-ratio:608 / 293;margin:0;border-radius:14px}.play-btn{width:66px;height:66px}.video-caption{bottom:12px;font-size:13px}.event-list{display:none}.event-mobile .swiper-slide{display:flex;justify-content:center}.event-mobile .event-card img{width:100%;height:auto}.event-prev img,.event-next img{width:100%;height:100%;object-fit:contain}.event-pagination .swiper-pagination-bullet{background:#ffc857}.modal{padding:18px}.serial{font-size:22px}.modal-card{min-height:400px;max-height:calc(100dvh - 36px);padding:60px 48px 54px}.modal-card.notice-modal{height:min(760px,calc(100dvh - 36px));padding:clamp(24px,8dvh,60px) clamp(24px,8vw,48px) clamp(20px,7dvh,54px)}.notice-content h3{margin:12px 0 4px}.notice-content p{margin:4px 0 12px}.video-modal{min-height:0px;padding:55px 16px 24px}.design-stage{width:480px;height:900px}.logo-hit{left:120px;top:18px;width:240px}.character-s1-left{left:-111px;top:148px;width:385px;height:340px}.character-s1-right{left:201px;top:140px;width:292px;height:450px}.slogan{left:60px;top:495px;width:360px}.download-row{left:78px;top:740px;width:324px;gap:16px}.reserve-btn{left:112px;top:815px;width:256px;height:auto}.section-title{left:40px;top:35px;width:400px}.mission-board{left:10px;top:125px;width:460px;height:693px;padding:86px 80px 70px;background:url(/img/20261016/section2/parchment_m.png);border:0px}.mission-board h3{margin:10px 0 20px;font-size:27px;white-space:nowrap}.mobile-rewards img{width:72px;height:72px;object-fit:contain}.mission-form label{font-size:15px;margin:10px 0}.phone-control-country{flex:0 0 105px}.phone-control input{position:absolute;top:0;left:0;width:200%;height:80px;padding:10px;border-width:2px;transform:scale(.5);transform-origin:top left}.phone-row input{font-size:32px}.phone-row select{font-size:14px}.mission-form .agree{font-size:13px;line-height:2;margin:12px 0 20px}.reward-board{left:120px;top:810px;width:240px;height:auto;padding:0;border:0px;box-shadow:none;background:none}.notice-btn{width:240px;height:auto;margin:10px auto 0}.skill-content{left:40px;top:165px;width:400px}.skill-list{gap:9px;margin-bottom:26px}.skill img{width:90px;height:90px;border-radius:0;object-fit:contain}.skill figcaption{font-size:13px;line-height:1.3;margin:8px auto 0;padding:5px 0;width:90px;height:24px;background-size:100% 100%;white-space:nowrap}.event-content{left:0;top:200px;width:480px}.event-mobile{display:block;width:480px;overflow:hidden}.event-mobile .event-card{width:440px;flex:0 0 440px;margin:0}.event-prev{position:absolute;top:45%;z-index:3;border:0px;background:none;padding:0;width:32px;height:40px;left:4px}.event-next{position:absolute;top:45%;z-index:3;border:0px;background:none;padding:0;width:32px;height:40px;right:4px}.event-pagination{text-align:center;margin-top:18px}.mobile-rewards .reward-item{display:flex;flex-direction:column;gap:8px;justify-content:flex-start;background:none;color:#4b2914;width:106px;height:auto;padding:0;font-size:18px;text-align:center;flex:0 0 106px}.mobile-rewards .reward-copy{flex:0 0 auto;width:100%;gap:4px}.mobile-rewards{display:flex;gap:10px;justify-content:center;margin:8px 0 17px}.mission-copy{font-size:19px;line-height:1.6;margin:10px 0 16px}.mission-submit{width:260px;height:auto;margin:0 auto;padding:0}.video-thumbnail{inset:6px 19px;border-radius:12px;width:calc(100% - 37px);height:calc(100% - 12px)}.character-s3-left{display:none}.character-s3-right{left:260px;top:515px;width:211px;height:292px}.character-s3-left-2{display:none}.character-s3-right-2{left:10px;top:510px;width:280px;height:450px}.mobile-rewards .reward-name{font-size:12px;white-space:nowrap;line-height:1.35;min-height:0px}.mobile-rewards .reward-detail{font-size:12px;white-space:nowrap}.character-s4{display:flex;left:-77px;top:665px;width:340px;height:300px;z-index:99}.character-s4 img{display:none}.reward-copy{padding-left:0}}@keyframes mission-bounce{0%,to{transform:translateY(0) scale(1)}35%{transform:translateY(-12px) scale(1.08)}65%{transform:translateY(2px) scale(.98)}}.mission-submit:disabled{cursor:wait;opacity:.6}
