@charset "UTF-8";
:root{color-scheme:dark;--bg:#081e26;--surface:#102b34;--text:#f4f0df;--muted:#a2b8b7;--line:#29434b;--accent:#87d5be;--nav:rgba(8,30,38,.94);--orange:#f1ae48;--paper:#fff6df;--deep:#071e27;--shadow:0 20px 60px #0003}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;background:var(--bg);color:var(--text);font-family:Arial,"PingFang TC","Noto Sans TC","Microsoft JhengHei",sans-serif;line-height:1.7;-webkit-font-smoothing:antialiased}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;cursor:pointer}a{color:inherit;text-decoration:none}button{color:inherit}img{max-width:100%;display:block}h1,h2,h3,p{margin:0}h2,h3{line-height:1.3}button:focus-visible,a:focus-visible,[tabindex]:focus-visible{outline:3px solid var(--orange);outline-offset:5px}.skip{position:fixed;top:-80px;left:16px;z-index:100;padding:12px;background:var(--orange);color:var(--deep)}.skip:focus{top:12px}.header{position:sticky;top:0;z-index:20;background:var(--nav);backdrop-filter:blur(14px);border-bottom:1px solid var(--line);height:88px;padding:0 5%;display:flex;align-items:center;justify-content:space-between;gap:24px}.brand{display:flex;align-items:center;gap:12px;font-size:14px;line-height:1.02;font-weight:900;letter-spacing:1px}.brand-symbol{color:var(--accent);font-size:43px;font-weight:400}.brand-dot,.footer-brand span{color:var(--orange)}nav{display:flex;gap:36px;font-size:13px;font-weight:700}nav a{padding:12px 0;position:relative}nav a:hover{color:var(--accent)}.preferences{display:flex;align-items:center;gap:10px}.preferences button{border:1px solid var(--line);background:transparent;border-radius:50px;height:38px;padding:0 15px;font-size:12px;font-weight:700}.preferences button:hover{background:var(--surface)}.hero{min-height:690px;position:relative;overflow:hidden;color:var(--paper);background:#05314b;display:flex;align-items:center}.hero-art,.hero-shade,.hero-grid{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.hero-art{object-position:70% 50%}.hero-shade{background:linear-gradient(90deg,rgba(3,22,34,.95) 0%,rgba(3,22,34,.83) 29%,rgba(3,22,34,.17) 70%),linear-gradient(0deg,#061f2d 0%,transparent 25%)}.hero-grid{pointer-events:none;background-image:linear-gradient(#a9e7df09 1px,transparent 1px),linear-gradient(90deg,#a9e7df09 1px,transparent 1px);background-size:64px 64px}.hero-content{position:relative;padding:64px 6% 104px;width:100%}.eyebrow{font:11px/1.5 ui-monospace,SFMono-Regular,Consolas,monospace;letter-spacing:2px;font-weight:600;color:var(--accent);display:flex;align-items:center;gap:10px}.hero .eyebrow{color:#9bd6c5;letter-spacing:2px}.live-dot{display:inline-block;width:6px;height:6px;border-radius:50%;background:#96e0bc;box-shadow:0 0 0 5px #96e0bc16;flex-shrink:0}.hero h1{font-size:clamp(70px,8.2vw,125px);font-weight:900;line-height:.89;letter-spacing:-6px;margin:28px 0}.hero h1 span{color:var(--orange)}.hero h2{font-size:clamp(22px,2.6vw,34px);letter-spacing:2px}.hero-copy{max-width:440px;font-size:15px;line-height:1.9;margin-top:18px;color:#b9cfce}.hero-actions{display:flex;align-items:center;gap:16px;margin-top:32px}.button{display:inline-flex;justify-content:space-between;align-items:center;gap:26px;min-height:52px;padding:13px 23px;border:1px solid transparent;font-weight:700;font-size:13px;transition:transform .2s,background .2s}.button:hover{transform:translateY(-3px)}.primary{background:var(--orange);color:#122f37}.primary:hover{background:#ffca6a}.ghost{border-color:#b0d4ca66;background:#08263266;color:var(--paper)}.play-icon{font-size:22px}.hero-footer{position:absolute;bottom:0;left:6%;right:6%;display:flex;align-items:center;justify-content:space-between;padding:19px 0;border-top:1px solid #b8d6ce40;font:11px ui-monospace,monospace;letter-spacing:1.7px;color:#afd1cc}.hero-footer a{font-size:25px}.stat-strip{display:grid;grid-template-columns:repeat(4,1fr);margin:0 6%;border-bottom:1px solid var(--line);padding:34px 0;gap:20px}.stat-strip>div{display:flex;align-items:center;gap:18px;justify-content:center;border-right:1px solid var(--line)}.stat-strip>div:last-child{border:none}.stat-strip strong{font:500 34px ui-monospace,monospace;letter-spacing:-2px}.stat-strip>div:last-child strong{font-size:18px;letter-spacing:0;color:var(--accent)}.stat-strip span{font-size:12px;color:var(--muted)}.section{padding:100px 6%;max-width:1600px;margin:auto}.section-head h2{font-size:clamp(30px,3.5vw,46px);letter-spacing:-1.5px;margin-top:17px}.section-head>p:last-child,.inline-head>p{max-width:440px;font-size:14px;color:var(--muted);line-height:1.9}.intel .section-head{display:grid;grid-template-columns:1fr 1fr;align-items:end;gap:0 12%}.intel .section-head .eyebrow{grid-column:1/-1}.intel .section-head>p:last-child{margin-bottom:5px}.feature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:32px;margin-top:54px}.feature-grid article{border-top:1px solid var(--line);padding-top:20px}.feature-number{font:10px ui-monospace,monospace;color:var(--muted);letter-spacing:1.5px}.feature-grid h3{font-size:23px;margin:26px 0 14px}.feature-grid p{font-size:14px;color:var(--muted);max-width:330px}.radar-mini{position:relative;border:1px solid var(--accent);border-radius:50%;width:68px;height:68px;margin-top:32px;overflow:hidden;background:repeating-radial-gradient(circle,transparent 0 10px,#66ba9c33 11px 12px,transparent 13px 22px)}.radar-mini i{position:absolute;inset:0;background:conic-gradient(from 0deg,transparent 200deg,#69dbab77 360deg);animation:scan 5s linear infinite}.radar-mini b{position:absolute;top:20px;left:43px;width:5px;height:5px;background:var(--accent);border-radius:50%}@keyframes scan{to{transform:rotate(360deg)}}.formation{display:grid;grid-template-columns:repeat(2,24px);gap:9px;height:68px;width:68px;margin-top:32px;align-content:center}.formation i{height:24px;border:1px solid var(--accent);background:#75b79c20}.formation i:nth-child(3){background:var(--accent)}.route-art{font-size:30px;letter-spacing:2px;display:flex;align-items:center;color:var(--accent);height:68px;margin-top:32px}.route-art span{font-size:48px}.campaign{background:var(--surface);max-width:none}.inline-head{display:flex;justify-content:space-between;gap:50px;align-items:end}.stage-tabs{display:grid;grid-template-columns:repeat(6,1fr);margin-top:42px;border-bottom:1px solid var(--line)}.stage-tabs button{padding:18px 8px;border:0;border-bottom:3px solid transparent;background:none;display:flex;gap:9px;justify-content:center;font-size:11px;color:var(--muted)}.stage-tabs button[aria-selected=true]{border-color:var(--accent);color:var(--text);font-weight:bold}.stage-tabs button:hover{background:#6cb69b12}.stage-panel{display:grid;grid-template-columns:1.5fr 1fr;min-height:380px;margin-top:28px;background:var(--bg);box-shadow:var(--shadow)}.stage-picture{position:relative;overflow:hidden}.stage-picture img{width:100%;height:100%;object-fit:cover;min-height:360px}.image-caption{position:absolute;bottom:16px;left:20px;padding:4px 9px;font-size:10px;letter-spacing:1px;color:#fff3d9;background:#082630b3}.stage-info{padding:36px 40px;position:relative;overflow:hidden}.stage-index{position:absolute;right:24px;top:-18px;font-size:116px;line-height:1.4;font-weight:900;color:var(--text);opacity:.045;pointer-events:none}.stage-info h3{font-size:28px;margin:16px 0}.stage-info>p:not(.eyebrow){font-size:14px;color:var(--muted);min-height:80px}.mission-note{display:flex;flex-direction:column;border-left:2px solid var(--accent);padding-left:14px;margin-top:23px}.mission-note span{font-size:10px;color:var(--muted)}.mission-note strong{font-size:12px}.stage-pager{display:flex;align-items:center;gap:20px;margin-top:24px}.stage-pager button{border:1px solid var(--line);background:none;width:33px;height:33px}.stage-pager button:hover{border-color:var(--accent)}.stage-pager span{font:11px ui-monospace,monospace;color:var(--muted)}.unit-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-top:40px}.unit-grid article{border:1px solid var(--line);padding:20px;transition:transform .2s,background .2s}.unit-grid article:hover{transform:translateY(-5px);background:var(--surface)}.unit-top{display:flex;justify-content:space-between;font:10px ui-monospace,monospace;letter-spacing:1px;color:var(--muted)}.unit-top span:last-child{color:var(--accent)}.unit-grid img{width:100%;height:160px;object-fit:contain;padding:15px 0;filter:drop-shadow(0 10px 6px #0002)}.unit-grid h3{font-size:19px;margin:8px 0}.unit-grid p{color:var(--muted);font-size:11px}.boss-section{margin:0 6%;padding:42px 6%;position:relative;display:grid;grid-template-columns:1.2fr 1fr;align-items:center;gap:30px;background:#102b34;color:var(--paper);border-top:2px solid #eb9870;overflow:hidden;background-image:linear-gradient(#a8d9c906 1px,transparent 1px),linear-gradient(90deg,#a8d9c906 1px,transparent 1px);background-size:35px 35px}.boss-copy{position:relative;z-index:1}.boss-copy .eyebrow{color:#ffab83}.orange{background:#ffab83;box-shadow:0 0 0 5px #ffab8316}.boss-copy h2{font-size:clamp(30px,3.2vw,43px);margin:26px 0}.boss-copy>p:not(.eyebrow){font-size:14px;line-height:1.9;color:#b9c9c9;max-width:460px}.boss-tags{display:flex;gap:10px;flex-wrap:wrap;margin-top:28px}.boss-tags span{font-size:10px;border:1px solid #64858a70;padding:5px 12px;color:#d4cbb5}.boss-art{position:relative;min-height:300px;display:flex;align-items:center;justify-content:center}.boss-art img{width:100%;max-height:320px;object-fit:contain;position:relative;transform:rotate(-8deg);filter:drop-shadow(0 18px 15px #0005)}.boss-art>span{position:absolute;bottom:0;font:9px ui-monospace,monospace;letter-spacing:2px;color:#91acae}.target-ring{position:absolute;width:260px;height:260px;border:1px solid #e8966940;border-radius:50%;box-shadow:0 0 0 32px #e8966909,0 0 0 65px #e8966905}.screenshot-button{display:block;position:relative;width:100%;padding:0;margin-top:40px;border:1px solid var(--line);background:var(--surface);overflow:hidden}.screenshot-button img{width:100%;height:auto;transition:transform .4s}.screenshot-button:hover img{transform:scale(1.015)}.screenshot-button>span{position:absolute;right:22px;bottom:22px;display:flex;gap:30px;color:var(--paper);background:#082630e8;padding:13px 20px;font-size:12px}.field-caption{display:flex;justify-content:space-between;font:10px/1.5 ui-monospace,monospace;color:var(--muted);margin-top:15px;gap:20px}.cta{text-align:center;padding:75px 6% 90px;background:var(--surface);border-top:1px solid var(--line)}.cta .eyebrow{justify-content:center}.cta h2{font-size:clamp(29px,4vw,50px);margin:20px 0}.cta>p:not(.eyebrow){color:var(--muted);font-size:14px}.cta .button{margin:28px 0 16px}.cta .cta-note{font-size:11px!important}footer{padding:34px 6%;display:flex;align-items:center;justify-content:space-between;gap:25px}footer p{font-size:10px;color:var(--muted);max-width:400px}.footer-brand{font-size:15px;font-weight:900;letter-spacing:-.5px}footer>a:last-child{font-size:11px;white-space:nowrap}dialog{max-width:min(1200px,94vw);width:94vw;border:1px solid var(--line);background:var(--bg);color:var(--text);padding:40px 12px 12px;max-height:92vh;overflow:auto}dialog::backdrop{background:#001119e8;backdrop-filter:blur(7px)}dialog img{width:100%;max-height:78vh;object-fit:contain}dialog p{text-align:center;font-size:11px;padding-top:9px}#close-gallery{position:absolute;right:12px;top:2px;font-size:27px;border:0;background:none;min-width:40px;min-height:36px}.no-script{padding:20px;text-align:center}
@media(min-width:1600px){.hero-content{max-width:1600px;margin:auto}.hero{min-height:780px}.hero-art{object-position:center 48%}}
@media(max-width:1000px){nav{gap:18px}.hero{min-height:650px}.hero h1{font-size:90px}.hero-art{object-position:62% center}.stat-strip strong{font-size:27px}.stat-strip>div{gap:10px}.section{padding:74px 5%}.stage-panel{grid-template-columns:1.2fr 1fr}.stage-info{padding:26px}.unit-grid{grid-template-columns:repeat(2,1fr)}.inline-head{gap:30px}.inline-head>p{max-width:340px}.boss-section{margin:0 5%;padding:35px 4%}.stage-tabs button{flex-direction:column;align-items:center;gap:4px}.boss-copy h2{font-size:31px}}
@media(max-width:640px){html{scroll-padding-top:80px}.header{height:72px;padding:0 5%;gap:12px}nav{display:none}.brand{font-size:12px;gap:7px}.brand-symbol{font-size:35px}.preferences{gap:7px}.hero{min-height:690px;align-items:start}.hero-content{padding:60px 6% 95px}.hero h1{font-size:clamp(66px,16vw,95px);letter-spacing:-4px;margin:26px 0}.hero h2{font-size:24px;letter-spacing:0}.hero-art{object-position:62% center;opacity:.8}.hero-shade{background:linear-gradient(90deg,#031622e8,#03162270),linear-gradient(0deg,#061f2d,transparent 50%)}.hero-copy{font-size:14px;max-width:330px}.hero-actions{gap:10px;flex-wrap:wrap}.button{font-size:12px;gap:16px;padding:12px 16px}.hero .eyebrow{font-size:9px;letter-spacing:1px}.hero-footer{font-size:8px;letter-spacing:.5px}.stat-strip{grid-template-columns:1fr 1fr;gap:24px 0;padding:27px 0}.stat-strip>div:nth-child(2){border:0}.stat-strip>div{flex-direction:column;gap:3px}.stat-strip strong{font-size:29px}.stat-strip span{font-size:11px}.section{padding:60px 6%}.intel .section-head{display:block}.section-head h2{font-size:32px;letter-spacing:-1px}.section-head>p:last-child{margin-top:20px}.feature-grid{grid-template-columns:1fr;gap:28px;margin-top:35px}.feature-grid article{display:grid;grid-template-columns:75px 1fr;gap:0 14px}.feature-number{grid-column:1/-1}.feature-grid article>div{grid-column:1;grid-row:2/4;margin-top:23px}.feature-grid h3{margin:22px 0 10px;font-size:21px}.feature-grid p{grid-column:2;max-width:none;font-size:13px}.inline-head{display:block}.stage-tabs{grid-template-columns:repeat(3,1fr);margin-top:28px}.stage-tabs button{padding:12px 4px;flex-direction:row;font-size:10px}.stage-panel{grid-template-columns:1fr}.stage-picture img{min-height:0;aspect-ratio:16/10;height:auto;object-fit:cover}.stage-info{padding:25px}.stage-info>p:not(.eyebrow){min-height:0}.stage-info h3{font-size:25px}.unit-grid{gap:10px;margin-top:28px}.unit-grid article{padding:13px}.unit-grid img{height:114px}.unit-grid h3{font-size:16px}.unit-grid p{font-size:10px}.unit-top{font-size:8px}.boss-section{grid-template-columns:1fr;padding:30px 6%;margin:0 6%;gap:10px}.boss-copy .eyebrow{font-size:9px;letter-spacing:1px}.boss-copy h2{font-size:30px}.boss-art{min-height:250px}.boss-art img{max-height:240px}.target-ring{width:200px;height:200px}.field-caption{flex-direction:column;gap:6px;font-size:9px}.screenshot-button>span{right:10px;bottom:10px;font-size:10px;padding:8px 12px}.cta{padding:58px 6%}.cta>p:not(.eyebrow){font-size:13px}footer{flex-wrap:wrap;padding:25px 6%}footer p{order:3;flex-basis:100%}.eyebrow{font-size:10px;letter-spacing:1.5px}}
@media(max-width:640px){.route-art{font-size:23px;letter-spacing:0;gap:0}.route-art span{font-size:30px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important}}

/* App identity and upcoming storefronts */
.brand-icon{width:48px;height:48px;border-radius:12px;flex-shrink:0}.cta-icon{margin:0 auto 24px;border-radius:22px;box-shadow:0 12px 35px #0003}.store-platforms{display:flex;justify-content:center;gap:16px;margin:30px auto 22px;flex-wrap:wrap}.store-card{display:flex;align-items:center;gap:18px;text-align:left;padding:18px 26px;border:1px solid var(--line);background:var(--bg);min-width:220px;border-radius:12px}.platform-mark{width:38px;height:38px;display:flex;align-items:center;justify-content:center;font-size:20px;font-weight:700;letter-spacing:-1px;color:var(--accent)}.store-card strong{display:block;font-size:21px;line-height:1.4}.store-card div>span{display:block;color:var(--muted);font-size:12px;margin-top:3px}@media(max-width:640px){.brand-icon{width:40px;height:40px;border-radius:10px}.store-platforms{gap:12px}.store-card{width:100%;max-width:290px;padding:16px 24px}.cta-icon{width:72px;height:72px;border-radius:18px}}

.difficulty{border-bottom:1px solid var(--line)}.difficulty-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:32px}.difficulty-grid article{padding:26px;border:1px solid var(--line);background:var(--surface)}.difficulty-grid span{font:11px ui-monospace,monospace;color:var(--accent)}.difficulty-grid h3{margin:14px 0;font-size:24px}.difficulty-grid p,.battle-details p:not(.eyebrow){font-size:14px;color:var(--muted)}.battle-details{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin-top:40px}.battle-details article{border:1px solid var(--line);background:var(--surface)}.battle-details img{width:100%;aspect-ratio:16/10;object-fit:contain;background:var(--bg)}.battle-details article>div{padding:26px}.battle-details h3{margin:14px 0}.release-info{display:flex;flex-direction:column;font:11px/1.8 ui-monospace,monospace;color:var(--muted)}footer{flex-wrap:wrap}@media(max-width:640px){.difficulty-grid,.battle-details{grid-template-columns:1fr}.release-info{width:100%}}