:root{--primary-gold: #ffd700;--dark-bg: #0b0b0b;--darker-bg: #050505;--text-gray: #b0b0b0;--white: #ffffff;--black: #000000}.mainColor{color:#ece8e1}.noteColor{color:#ff7e7e}.linkColor{color:#3fa493}.linkColor:hover{color:#358d7e}.gold{color:gold}html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}q:before,q:after{content:"";content:none}table{border-collapse:collapse;border-spacing:0}img{max-width:100%}button{background:none;border:0}body{background-color:#0b0b0b;color:#fff;font-family:"Noto Sans TC",sans-serif;margin:0;overflow-x:hidden}.oswald{font-family:"Oswald",sans-serif}.text-gold{color:gold}.border-gold{border:2px solid gold}.border-white{border:2px solid #fff}.img-container img{display:block;height:auto}.main-nav{background-color:rgba(0,0,0,.9);border-bottom:1px solid #333;padding:1rem 0;z-index:1000}.nav-links{list-style:none;gap:2rem}.nav-links a{color:#fff;text-decoration:none;font-weight:500;font-size:.9rem;transition:color .3s}.nav-links a:hover{color:gold}.social-icons{display:flex;gap:10px}.hero{min-height:640px;height:100svh;background-image:url("../images/mainbg.png");background-size:cover;background-position:center 0;position:relative;overflow:hidden}@supports(background-image: url("data:image/webp;base64,UklGRhYAAABXRUJQVlA4WAoAAAAgAAAA")){.hero{background-image:url("../images/mainbg.webp")}}.hero .overlay{position:absolute;top:0;left:0;width:100%;height:100%}#particles-js{position:absolute;top:0;left:0;width:100%;height:100%;z-index:1}.hero-content{position:absolute;left:50%;z-index:2;width:min(100%,920px);padding-inline:20px;transform:translateX(-50%);display:flex;flex-direction:column;align-items:center}.hero-content h1,.hero-content h2{line-height:1;margin:0 !important}.hero-content h1 img{width:100%}.hero-content h2 img{width:min(68vw,560px)}.logo2{position:absolute;top:clamp(24px,3vw,40px);right:clamp(20px,3vw,40px);z-index:3}.logo2 img{width:100%;height:auto}.cta-btns{position:relative;top:auto;margin-top:150px}.joinBtn,.downloadBtn{display:inline-flex;align-items:center;justify-content:center;font-size:clamp(1.35rem,2.5vw,2.2rem);line-height:1.1;margin:0 clamp(8px,1.4vw,20px);padding:.3em .65em;white-space:nowrap}.downloadBtn{background-color:rgba(0,0,0,.37)}.top-btn{position:fixed;right:clamp(14px,2vw,20px);bottom:clamp(18px,8vh,20%);transform:translateY(-50%);background:rgba(0,0,0,.1);border:1px solid #fff;color:#fff;text-decoration:none;font-weight:bold;z-index:999;opacity:0;pointer-events:none;transition:opacity .25s ease-out,background-color .25s ease-out;font-size:clamp(1rem,2vw,1.875rem);line-height:1;padding:.32em .72em}.top-btn:hover{background-color:#e6c200;color:#000;text-decoration:none}.top-btn.is-visible{opacity:1;pointer-events:auto}.weapon-choose{width:clamp(120px,10vw,150px);aspect-ratio:150/148;position:fixed;top:50%;right:clamp(14px,1.6vw,24px);transform:translateY(-50%);background:url("../images/weapon-choose.png") no-repeat center/contain;text-indent:101%;white-space:nowrap;overflow:hidden;z-index:999;display:block;transition:filter .25s ease-out,transform .25s ease-out}.weapon-choose:hover{filter:brightness(1.08);text-decoration:none;transform:translateY(-50%) scale(1.04)}.weapon-choose.is-visible{opacity:1;pointer-events:auto}@media only screen and (max-width: 1200px){.weapon-choose{width:clamp(108px,12vw,140px)}}@media only screen and (max-width: 767px){.weapon-choose{right:12px;width:clamp(78px,18vw,104px)}}@media only screen and (max-width: 480px){.weapon-choose{right:10px;width:clamp(72px,20vw,88px)}}.main-content{background:url("../images/bg.png") no-repeat center top;background-size:cover;position:relative;top:-60px;padding-top:clamp(84px,9vw,130px);padding-bottom:clamp(32px,5vw,72px)}@supports(background-image: url("data:image/webp;base64,UklGRhYAAABXRUJQVlA4WAoAAAAgAAAA")){.main-content{background-image:url("../images/bg.webp")}}.feature-section{position:relative;padding-block:clamp(44px,6vw,88px) !important}.section-title{font-size:clamp(2.25rem,4vw,3.5rem);font-weight:700;margin-bottom:clamp(1rem,2vw,1.5rem);font-style:italic;line-height:1.08;color:#ece8e1}.section--sub-title{font-size:clamp(1.6rem,3.1vw,2.5rem);font-weight:700;color:#ece8e1;font-style:italic;line-height:1.12}.section-text{max-width:58ch;color:#fff;line-height:1.85;font-size:clamp(.98rem,1.35vw,1.08rem)}.btn-yellow{background-color:gold;color:#000;border-radius:0;transition:transform .2s}.btn-yellow:hover{background-color:#e6c200;transform:scale(1.05)}.btn-outline-white{border:1px solid #fff;color:#fff;border-radius:0}.btn-outline-white:hover{background-color:#fff;color:#000}.btn-outline-white-sm{border:1px solid #555;padding:.32em 1.1em;border-radius:0;text-decoration:none;display:inline-flex;align-items:center;justify-content:center;min-height:44px;font-size:clamp(1.1rem,2vw,1.75rem);font-weight:700;line-height:1.1;background:rgba(0,0,0,.37);color:#fff;white-space:nowrap}.btn-outline-white-sm:hover{background:gold;color:#000}.video-container{position:relative}.play-btn{position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);width:60px;height:60px;background:rgba(255,215,0,.8);border-radius:50%;display:flex;align-items:center;justify-content:center;color:#000;font-size:1.5rem;cursor:pointer}.weapon-section{min-height:472px;display:flex;align-items:center;background-size:cover;padding-block:clamp(44px,6vw,88px) !important}.weapon-layout{display:grid;grid-template-columns:minmax(260px, 330px) minmax(0, 740px);justify-content:space-between;align-items:center;gap:clamp(32px,6vw,76px)}.weapon-copy{padding-left:clamp(0px,1vw,12px)}.weapon-copy .section-title{font-size:clamp(2.8rem,5vw,4.35rem);line-height:1.05;letter-spacing:0;color:#f8f3ec;text-shadow:0 2px 8px rgba(22,10,4,.55)}.weapon-grid{display:grid;grid-template-columns:repeat(3, minmax(0, 235px));gap:clamp(14px,2vw,20px) clamp(12px,1.8vw,18px);justify-content:end;width:min(100%,740px)}.weapon-grid img{width:100%;aspect-ratio:235/198;height:auto;display:block;object-fit:contain;transition:transform .22s ease-out,filter .22s ease-out}.weapon-grid img:hover{transform:translateY(-4px);filter:brightness(1.12)}.weapon-card,.weapon-info{display:contents}.update-grid{display:grid;grid-template-columns:repeat(4, 1fr);gap:10px}.footer{border-top:1px solid #222}@media only screen and (max-width: 1200px){.hero{min-height:600px;background-position:center top}.main-content{top:-48px}.weapon-layout{grid-template-columns:minmax(240px, 300px) minmax(0, 650px)}}@media only screen and (max-width: 991.98px){.nav-links{position:fixed;top:60px;left:-100%;width:100%;height:calc(100vh - 60px);background:#000;flex-direction:column;padding-top:2rem;transition:.3s}.nav-toggle:checked~.nav-links{left:0}.nav-toggle-label{cursor:pointer;padding:10px}.nav-toggle-label span,.nav-toggle-label span::before,.nav-toggle-label span::after{display:block;background:#fff;height:2px;width:25px;position:relative}.nav-toggle-label span::before{content:"";top:-8px}.nav-toggle-label span::after{content:"";top:6px}.hero{min-height:580px}.hero-content{bottom:clamp(300px,7vh,78px);width:min(100%,760px);transform:translateX(-50%)}.hero-content h1 img{width:min(88vw,640px)}.hero-content h2 img{width:min(76vw,500px)}.cta-btns{margin-top:clamp(26px,5vh,48px)}.main-content{top:-38px;padding-top:clamp(72px,10vw,100px)}.section-text{max-width:62ch;margin-inline:auto}.update-grid{grid-template-columns:repeat(2, 1fr)}.weapon-section{min-height:auto;background-position:center 50%}.weapon-layout{grid-template-columns:1fr;justify-items:center;text-align:center;gap:clamp(28px,5vw,40px)}.weapon-copy{padding-left:0}.weapon-copy p{max-width:58ch;margin-inline:auto}.weapon-grid{grid-template-columns:repeat(2, minmax(0, 235px));justify-content:center;width:min(100%,540px)}}@media only screen and (max-width: 767px){.hero{min-height:560px;height:calc(100svh - 80px);background-position:center top}.logo2{top:18px;right:18px}.logo2 img{width:clamp(78px,20vw,110px)}.hero-content{bottom:clamp(22px,3.6vh,32px);width:100%;padding-inline:18px;transform:translateX(-50%)}.hero-content h1 img{width:min(92vw,520px)}.hero-content h2{margin:0 !important}.hero-content h2 img{width:min(82vw,410px)}.cta-btns{flex-direction:row !important;flex-wrap:nowrap;width:min(100vw - 60px,360px);margin-inline:auto;margin-top:clamp(12px,2.4vh,18px);gap:6px !important}.joinBtn,.downloadBtn{flex:1 1 0;width:auto;min-width:0;min-height:40px;margin:0;padding-inline:.35em;font-size:clamp(.98rem,4.4vw,1.2rem)}.top-btn{right:12px;bottom:18px;transform:none;font-size:.95rem;padding:.46em .7em}.main-content{top:-28px;padding-top:64px}.feature-section,.weapon-section{padding-block:clamp(36px,9vw,60px) !important}.section-title{font-size:clamp(1.9rem,8vw,2.6rem)}.section--sub-title{font-size:clamp(1.35rem,6vw,2rem)}.section-text{font-size:.98rem;line-height:1.75;text-align:left}.btn-outline-white-sm{min-height:42px;font-size:1.08rem}}@media only screen and (max-width: 480px){.hero{min-height:520px;height:calc(100svh - 80px)}.hero-content{bottom:clamp(18px,3vh,26px);transform:translateX(-50%)}.hero-content h1 img{width:min(94vw,420px)}.hero-content h2 img{width:min(86vw,330px)}.cta-btns{width:min(100vw - 60px,330px);margin-top:12px;gap:6px !important}.joinBtn,.downloadBtn{min-height:40px;font-size:clamp(.94rem,4.2vw,1.08rem)}.main-content{top:-22px;padding-top:54px}.weapon-grid{grid-template-columns:repeat(2, minmax(0, 158px));width:min(100%,340px);gap:12px 10px}}@media only screen and (max-width: 374px){.weapon-grid{grid-template-columns:minmax(0, 210px);width:min(100%,230px)}}.modal{background-color:rgba(0,0,0,.5215686275);padding:clamp(48px,8vh,96px) 16px 32px;z-index:999}.modal .modal-content{border:none;background:rgba(0,0,0,0)}.modal .modal-dialog{max-width:min(1200px,100vw - 48px);margin-inline:auto;pointer-events:auto}.modal .modal-body{text-align:center;padding:0}.modal-backdrop{display:none}button.close{position:absolute;display:inline-block;width:44px;height:44px;font-size:0;right:-58px;top:0;transition:.2s;z-index:999}@media only screen and (max-width: 1200px){button.close{right:0;top:-52px}}button.close::before{content:"";position:absolute;top:50%;left:50%;width:42px;height:2px;background-color:#fff;transform:translate(-50%, -50%) rotate(45deg)}button.close::after{content:"";position:absolute;top:50%;left:50%;width:42px;height:2px;background-color:#fff;transform:translate(-50%, -50%) rotate(135deg)}#player1{max-width:min(100%,1200px);max-height:78vh}@media only screen and (max-width: 1440px){#player1{max-width:90vw;max-height:70vh}}@media only screen and (max-width: 767px){#player1{max-width:100%;max-height:62vh}}@media only screen and (max-width: 480px){.modal{padding:56px 12px 24px}.modal .modal-dialog{max-width:calc(100vw - 24px)}button.close{top:-48px;right:0;width:40px;height:40px}button.close::before,button.close::after{width:34px}}#nav-main{position:relative;min-height:80px;background-color:#131313;z-index:1000}