:root{--bg:#0a261d;--surface:#162f29;--blue:#2c353f;--deep:#101d1c;--line:rgba(240,244,248,.16);--lime:#39ff14;--lime-soft:#b4ff9f;--ice:#f0f4f8;--muted:#b7c7c4;--max:1180px;--sans:Arial,"Microsoft YaHei","PingFang SC",sans-serif;--display:Impact,"Arial Narrow","Microsoft YaHei",sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:84px}body{margin:0;background:var(--bg);color:var(--ice);font-family:var(--sans);font-size:16px;line-height:1.7;overflow-x:hidden}a{color:inherit;text-decoration:none}img{display:block;max-width:100%;height:auto}button{font:inherit}::selection{background:var(--lime);color:#092319}.container{width:min(calc(100% - 48px),var(--max));margin:0 auto}.skip-link{position:fixed;z-index:9999;top:-80px;left:20px;background:var(--lime);color:#071a13;padding:9px 15px;font-weight:700;transition:top .2s}.skip-link:focus{top:16px}.site-header{position:fixed;z-index:100;top:0;left:0;width:100%;border-bottom:1px solid transparent;transition:background .25s,border-color .25s,backdrop-filter .25s}.site-header.is-scrolled{background:rgba(10,38,29,.91);border-color:var(--line);backdrop-filter:blur(12px)}.header-inner{min-height:76px;display:flex;align-items:center;justify-content:space-between;gap:30px}.brand{display:inline-flex;align-items:center;gap:10px;font:24px/1 var(--display);letter-spacing:.6px;white-space:nowrap}.brand img{width:42px;height:42px;border-radius:50%;border:1px solid rgba(57,255,20,.5);object-fit:cover}.brand span span{color:var(--lime)}.site-nav{display:flex;align-items:center;gap:21px;font-size:14px;font-weight:700}.site-nav>a:not(.nav-cta){color:rgba(240,244,248,.8);transition:color .2s}.site-nav>a:not(.nav-cta):hover,.site-nav>a:not(.nav-cta):focus{color:var(--lime)}.nav-cta,.button{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:46px;padding:0 18px;border:1px solid transparent;font-weight:800;transition:transform .2s,box-shadow .2s,background .2s}.nav-cta{min-height:40px;background:var(--lime);color:#082019}.nav-cta:hover,.button-primary:hover{transform:translateY(-2px);box-shadow:0 8px 25px rgba(57,255,20,.2)}.menu-toggle{display:none;width:42px;height:42px;border:1px solid var(--line);background:transparent;padding:10px;cursor:pointer}.menu-toggle span{display:block;height:2px;margin:4px 0;background:var(--ice);transition:transform .2s,opacity .2s}
.hero{position:relative;min-height:700px;display:flex;align-items:center;overflow:hidden;background:linear-gradient(110deg,#071d16 0%,var(--bg) 49%,#14342d 100%)}.hero:before{position:absolute;content:"";width:800px;height:800px;right:-270px;bottom:-340px;border-radius:50%;border:1px solid rgba(57,255,20,.16);box-shadow:0 0 0 85px rgba(57,255,20,.03),0 0 0 170px rgba(57,255,20,.025)}.hero-grid{position:absolute;inset:0;opacity:.3;background-image:linear-gradient(rgba(240,244,248,.07) 1px,transparent 1px),linear-gradient(90deg,rgba(240,244,248,.07) 1px,transparent 1px);background-size:52px 52px;mask-image:linear-gradient(to bottom,#000,transparent 85%)}.hero-layout{position:relative;z-index:1;display:grid;grid-template-columns:minmax(0,.95fr) minmax(420px,.9fr);align-items:center;gap:clamp(38px,7vw,110px);padding:142px 0 105px}.eyebrow,.section-kicker{margin:0 0 13px;color:var(--lime);font-size:12px;font-weight:800;letter-spacing:1.9px;line-height:1.4}.eyebrow{display:flex;align-items:center;gap:9px}.eyebrow span{width:30px;height:1px;background:var(--lime)}h1,h2,h3,p{margin-top:0}h1,h2,h3{line-height:1.08}h1{max-width:670px;margin-bottom:24px;font:clamp(52px,6.4vw,88px)/.94 var(--display);letter-spacing:1.3px;text-transform:uppercase}h1 span{display:block;max-width:520px;margin-top:19px;color:var(--muted);font:600 clamp(18px,2vw,25px)/1.45 var(--sans);letter-spacing:0;text-transform:none}.hero-lede{max-width:600px;color:var(--muted);font-size:18px}.hero-actions{display:flex;flex-wrap:wrap;align-items:center;gap:25px;margin-top:32px}.button-primary{min-width:148px;background:var(--lime);color:#082019}.text-link{display:inline-flex;gap:9px;align-items:center;color:var(--ice);font-size:14px;font-weight:800;border-bottom:1px solid var(--lime);padding-bottom:3px;transition:color .2s,gap .2s}.text-link:hover{color:var(--lime);gap:13px}.hero-stats{display:flex;flex-wrap:wrap;gap:0;margin:53px 0 0}.hero-stats>div{min-width:115px;padding:0 22px;border-left:1px solid var(--line)}.hero-stats>div:first-child{padding-left:0;border-left:0}.hero-stats dt{color:var(--muted);font-size:11px;font-weight:700;letter-spacing:1.2px}.hero-stats dd{margin:3px 0 0;font-size:15px;font-weight:800}.hero-media{position:relative;padding:15px 24px 35px 0}.hero-image-frame{position:relative;border:1px solid rgba(57,255,20,.5);background:#0d1f1b}.hero-image-frame:before,.hero-image-frame:after{position:absolute;z-index:2;content:"";width:44px;height:44px;pointer-events:none}.hero-image-frame:before{top:-1px;left:-1px;border-top:4px solid var(--lime);border-left:4px solid var(--lime)}.hero-image-frame:after{right:-1px;bottom:-1px;border-right:4px solid var(--lime);border-bottom:4px solid var(--lime)}.hero-image-frame img{width:100%;aspect-ratio:4/3;object-fit:cover}.match-card{position:absolute;right:-18px;bottom:0;display:grid;gap:4px;width:min(255px,55%);padding:17px 19px;background:var(--blue);border-left:3px solid var(--lime);box-shadow:0 15px 30px rgba(0,0,0,.26);font-size:12px;letter-spacing:.8px}.match-card-label{color:var(--lime);font-size:10px;font-weight:800;letter-spacing:1.4px}.match-card strong{font:23px/1 var(--display);letter-spacing:.6px}.match-card-line{display:block;width:100%;height:1px;background:var(--line);margin:5px 0}.scroll-cue{position:absolute;z-index:3;bottom:26px;left:50%;display:flex;align-items:center;gap:9px;color:var(--muted);font-size:11px;font-weight:700;letter-spacing:1px;transform:translateX(-50%)}.scroll-cue span{width:26px;height:1px;background:var(--lime)}
.quick-strip{background:var(--blue);border-bottom:1px solid var(--line)}.quick-strip-inner{min-height:74px;display:flex;align-items:center;justify-content:space-between;gap:25px}.quick-strip p{margin:0;font-weight:700}.quick-strip-inner div{display:flex;align-items:center;gap:24px}.quick-strip a{color:var(--lime-soft);font-size:13px;font-weight:800}.quick-strip a:hover{color:var(--lime)}.section{padding:115px 0}.section-heading h2{margin-bottom:20px;font:clamp(37px,4.4vw,60px)/.98 var(--display);letter-spacing:.5px;text-transform:uppercase}.section-heading>p:last-child{color:var(--muted)}.split-layout{display:grid;grid-template-columns:.92fr 1.08fr;gap:9vw;align-items:start}.intro-prose{padding:2px 0 0 30px;border-left:1px solid var(--line)}.prose p{color:var(--muted);font-size:17px}.fact-row{display:flex;flex-wrap:wrap;gap:14px;margin-top:33px}.fact-row span{padding:7px 11px;border:1px solid var(--line);color:var(--muted);font-size:12px}.fact-row b{color:var(--lime);letter-spacing:.6px}.content-section{background:var(--deep);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.heading-row{display:flex;align-items:end;justify-content:space-between;gap:50px;margin-bottom:42px}.heading-row>p{max-width:340px;margin-bottom:5px}.gameplay-grid{display:grid;grid-template-columns:repeat(4,1fr);grid-auto-rows:minmax(218px,auto);gap:1px;background:var(--line);border:1px solid var(--line)}.system-card{position:relative;overflow:hidden;padding:28px;background:#172a27}.system-card:hover{background:#1c3530}.system-card h3{margin:23px 0 10px;font-size:21px}.system-card p{margin-bottom:0;color:var(--muted);font-size:14px;line-height:1.65}.system-card-large{grid-column:span 2;background:#213a34}.system-card-large h3{font-size:29px}.system-card-large p{max-width:490px;font-size:15px}.card-number{color:var(--lime);font-size:12px;font-weight:800;letter-spacing:1.6px}.card-tag{position:absolute;right:26px;bottom:21px;color:rgba(240,244,248,.34);font:20px var(--display);letter-spacing:.7px}.image-card{padding:0;min-height:282px}.image-card:after{position:absolute;inset:0;content:"";background:linear-gradient(0deg,rgba(4,16,13,.95) 6%,rgba(4,16,13,.05) 75%)}.image-card img{width:100%;height:100%;object-fit:cover}.image-card>div{position:absolute;z-index:1;right:25px;bottom:23px;left:25px}.image-card h3{margin:10px 0 7px}.image-card p{color:rgba(240,244,248,.82)}.system-card-wide{grid-column:span 4;display:flex;align-items:center;justify-content:space-between;min-height:208px;padding-right:7%;background:#1a302b}.wide-copy{max-width:570px}.wide-copy h3{margin:13px 0 8px;font-size:29px}.pitch-diagram{position:relative;width:235px;height:126px;border:1px solid rgba(57,255,20,.45);background:repeating-linear-gradient(90deg,rgba(57,255,20,.04) 0 30px,transparent 30px 60px)}.pitch-diagram:before{position:absolute;top:0;bottom:0;left:50%;content:"";border-left:1px solid rgba(57,255,20,.45)}.pitch-diagram:after{position:absolute;top:50%;left:50%;content:"";width:43px;height:43px;border:1px solid rgba(57,255,20,.45);border-radius:50%;transform:translate(-50%,-50%)}.pitch-diagram i{position:absolute;z-index:1;width:9px;height:9px;border-radius:50%;background:var(--ice)}.pitch-diagram i:nth-child(1){top:22%;left:18%}.pitch-diagram i:nth-child(2){top:68%;left:26%}.pitch-diagram i:nth-child(3){top:43%;left:43%;background:var(--lime)}.pitch-diagram i:nth-child(4){top:21%;right:21%}.pitch-diagram i:nth-child(5){bottom:21%;right:22%}.pitch-diagram b{position:absolute;z-index:2;top:50%;left:50%;color:var(--lime);font:16px var(--display);transform:translate(-50%,-50%)}
.visual-break{padding:0;background:#0d211b}.visual-break-grid{display:grid;grid-template-columns:1fr 1fr;align-items:stretch}.portrait-figure{min-height:530px;margin:0;overflow:hidden}.portrait-figure img{width:100%;height:100%;object-fit:cover}.visual-break-copy{display:flex;flex-direction:column;justify-content:center;padding:8vw}.visual-break-copy h2{margin-bottom:20px;font:clamp(34px,3.7vw,53px)/1 var(--display);text-transform:uppercase}.visual-break-copy p:not(.section-kicker){color:var(--muted)}.visual-break-copy .text-link{align-self:flex-start;margin-top:12px}.guide-section{background:#132e27}.guide-layout{display:grid;grid-template-columns:minmax(280px,.74fr) minmax(0,1.2fr);gap:clamp(45px,8vw,130px)}.guide-sidebar{position:sticky;top:110px;align-self:start}.guide-sidebar h2{margin-bottom:19px;font:clamp(38px,4.2vw,57px)/.98 var(--display);text-transform:uppercase}.guide-sidebar>p:not(.section-kicker){color:var(--muted)}.guide-sidebar img{width:100%;margin-top:36px;border:1px solid var(--line)}.guide-list{border-top:1px solid var(--line)}.guide-list article{display:grid;grid-template-columns:48px 1fr;gap:16px;padding:27px 0;border-bottom:1px solid var(--line)}.guide-list article>span{color:var(--lime);font:12px/1.6 var(--display);letter-spacing:1px}.guide-list h3{margin:0 0 8px;font-size:21px}.guide-list p{margin:0;color:var(--muted);font-size:14px}.features-section{background:var(--deep)}.centered-heading{max-width:690px;margin:0 auto 50px;text-align:center}.feature-grid{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid var(--line);border-left:1px solid var(--line)}.feature-grid article{min-height:253px;padding:30px 25px;border-right:1px solid var(--line);border-bottom:1px solid var(--line);background:#142a24}.feature-icon{color:var(--lime);font-size:26px;line-height:1}.feature-grid h3{margin:28px 0 11px;font-size:19px}.feature-grid p{margin:0;color:var(--muted);font-size:14px}.updates-section{background:var(--blue)}.updates-layout{display:grid;grid-template-columns:.74fr 1.26fr;gap:clamp(50px,9vw,145px)}.updates-heading h2{margin-bottom:19px;font:clamp(44px,4.8vw,62px)/.96 var(--display);text-transform:uppercase}.updates-heading>p:not(.section-kicker){color:var(--muted)}.button-outline{margin-top:18px;border-color:var(--lime);color:var(--lime)}.button-outline:hover{background:var(--lime);color:#082019}.timeline{position:relative;margin:0;padding:0;list-style:none}.timeline:before{position:absolute;top:8px;bottom:8px;left:110px;content:"";border-left:1px solid rgba(57,255,20,.3)}.timeline li{position:relative;display:grid;grid-template-columns:86px 1fr;gap:48px;padding-bottom:32px}.timeline li:before{position:absolute;top:5px;left:106px;content:"";width:9px;height:9px;border:2px solid var(--lime);background:var(--blue);border-radius:50%;transform:translateX(-50%)}.timeline time{color:var(--lime-soft);font-size:12px;font-weight:800;letter-spacing:.4px}.timeline h3{margin:-5px 0 7px;font-size:19px}.timeline p{margin:0;color:var(--muted);font-size:14px}.gallery-section{padding:100px 0 95px;overflow:hidden;background:#0d201b}.gallery-heading{margin-bottom:28px}.gallery-heading h2{margin:0;font:clamp(35px,4vw,54px)/1 var(--display);text-transform:uppercase}.gallery-track{display:flex;gap:17px;width:max-content;padding:0 max(24px,calc((100vw - var(--max))/2))}.gallery-track figure{position:relative;width:clamp(255px,27vw,390px);margin:0;overflow:hidden;border:1px solid var(--line);background:var(--blue)}.gallery-track img{width:100%;aspect-ratio:16/9;object-fit:cover;transition:transform .4s}.gallery-track figure:hover img{transform:scale(1.04)}.gallery-track figcaption{padding:10px 12px;color:var(--lime-soft);font-size:12px;font-weight:800;letter-spacing:.6px}.faq-section{background:#132d27}.faq-layout{display:grid;grid-template-columns:.75fr 1.25fr;gap:clamp(50px,10vw,150px)}.faq-heading{position:sticky;top:110px;align-self:start}.faq-heading h2{margin-bottom:18px;font:clamp(45px,5vw,64px)/.95 var(--display);text-transform:uppercase}.faq-heading>p:not(.section-kicker){color:var(--muted)}.faq-list{border-top:1px solid var(--line)}.faq-list details{border-bottom:1px solid var(--line)}.faq-list summary{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:22px 1px;cursor:pointer;list-style:none;font-size:17px;font-weight:800}.faq-list summary::-webkit-details-marker{display:none}.faq-list summary span{position:relative;flex:0 0 16px;width:16px;height:16px}.faq-list summary span:before,.faq-list summary span:after{position:absolute;top:7px;left:0;content:"";width:16px;height:2px;background:var(--lime);transition:transform .2s}.faq-list summary span:after{transform:rotate(90deg)}.faq-list details[open] summary{color:var(--lime)}.faq-list details[open] summary span:after{transform:rotate(0)}.faq-list details p{max-width:700px;margin:-3px 0 23px;color:var(--muted);font-size:14px}.closing-cta{position:relative;overflow:hidden;padding:120px 0;text-align:center;background:#071c15}.closing-cta:before{position:absolute;top:50%;left:50%;content:"";width:min(66vw,850px);aspect-ratio:1;border:1px solid rgba(57,255,20,.18);border-radius:50%;transform:translate(-50%,-50%);box-shadow:0 0 0 60px rgba(57,255,20,.025),0 0 0 120px rgba(57,255,20,.018)}.closing-inner{position:relative}.closing-cta h2{margin-bottom:30px;font:clamp(46px,6vw,78px)/.94 var(--display);text-transform:uppercase}.closing-cta .button{min-width:155px}.site-footer{border-top:1px solid var(--line);background:#081a15}.footer-inner{min-height:94px;display:flex;align-items:center;justify-content:space-between;gap:20px}.footer-inner .brand{font-size:19px}.footer-inner .brand img{width:34px;height:34px}.footer-inner p{margin:0;color:var(--muted);font-size:12px}.footer-inner>a{color:var(--lime-soft);font-size:12px;font-weight:800}.reveal-ready{opacity:0;transform:translateY(15px);transition:opacity .45s ease,transform .45s ease}.reveal-ready.is-visible{opacity:1;transform:translateY(0)}
@media(max-width:950px){.site-nav{gap:13px;font-size:12px}.nav-cta{padding:0 12px}.hero-layout{grid-template-columns:minmax(0,1fr) minmax(350px,.8fr);gap:35px}.gameplay-grid{grid-template-columns:repeat(2,1fr)}.system-card-wide{grid-column:span 2}.feature-grid{grid-template-columns:repeat(2,1fr)}.updates-layout,.faq-layout{gap:60px}.visual-break-copy{padding:7vw 5vw}}
@media(max-width:760px){.container{width:min(calc(100% - 34px),var(--max))}.header-inner{min-height:67px}.brand{font-size:21px}.brand img{width:38px;height:38px}.menu-toggle{display:block;position:relative;z-index:2}.menu-toggle.is-open span:nth-child(1){transform:translateY(6px) rotate(45deg)}.menu-toggle.is-open span:nth-child(2){opacity:0}.menu-toggle.is-open span:nth-child(3){transform:translateY(-6px) rotate(-45deg)}.site-nav{position:absolute;top:67px;right:0;left:0;display:grid;gap:0;padding:8px 17px 18px;background:#102820;border-bottom:1px solid var(--line);transform:translateY(-130%);opacity:0;pointer-events:none;transition:transform .25s,opacity .25s}.site-nav.is-open{transform:translateY(0);opacity:1;pointer-events:auto}.site-nav>a:not(.nav-cta){padding:12px 0;border-bottom:1px solid var(--line);font-size:14px}.nav-cta{width:max-content;margin-top:14px;padding:0 17px}.hero{min-height:auto}.hero-layout{grid-template-columns:1fr;padding:122px 0 85px}.hero-media{width:min(100%,560px);margin:0 auto;padding-right:17px}.hero-lede{font-size:16px}.hero-stats{margin-top:35px}.hero-stats>div{min-width:95px;padding:0 12px}.scroll-cue{display:none}.quick-strip-inner{min-height:auto;align-items:flex-start;flex-direction:column;padding:20px 0;gap:10px}.quick-strip-inner div{flex-wrap:wrap;gap:12px 20px}.section{padding:78px 0}.split-layout,.guide-layout,.updates-layout,.faq-layout,.visual-break-grid{grid-template-columns:1fr;gap:34px}.intro-prose{padding-left:0;border-left:0}.heading-row{align-items:start;flex-direction:column;gap:0;margin-bottom:28px}.guide-sidebar,.faq-heading{position:static}.guide-sidebar img{max-height:230px;object-fit:cover}.portrait-figure{min-height:340px}.visual-break-copy{padding:72px 0}.gameplay-grid{grid-template-columns:1fr}.system-card-large,.system-card-wide{grid-column:auto}.system-card-wide{align-items:flex-start;flex-direction:column;gap:25px}.pitch-diagram{width:100%}.image-card{min-height:245px}.feature-grid{grid-template-columns:1fr}.feature-grid article{min-height:0}.timeline:before{left:74px}.timeline li{grid-template-columns:58px 1fr;gap:29px}.timeline li:before{left:70px}.gallery-section{padding:72px 0}.gallery-track{padding-left:17px;padding-right:17px}.faq-list summary{font-size:16px}.closing-cta{padding:87px 0}.footer-inner{align-items:flex-start;flex-direction:column;justify-content:center;padding:25px 0}.footer-inner>a{margin-top:-4px}}
@media(max-width:400px){h1{font-size:45px}.hero-stats>div{min-width:84px}.hero-stats dd{font-size:13px}.match-card{width:66%;right:0}.section-heading h2{font-size:35px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important}}
