@charset "UTF-8";
:root{color-scheme:dark;--bg:#10100f;--card:#191917;--line:#ffffff20;--ink:#eeeee8;--muted:#aaa99f;--accent:#f9a34b}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:90px}body{margin:0;background:var(--bg);color:var(--ink);font:16px/1.8 system-ui,-apple-system,"PingFang SC","Microsoft YaHei",sans-serif}a{color:inherit;text-decoration:none}a:focus-visible,summary:focus-visible{outline:2px solid var(--accent);outline-offset:6px}img{max-width:100%;height:auto;display:block}.wrap{max-width:1240px;margin:auto;padding:0 36px}.topbar{height:82px;display:flex;align-items:center;gap:32px;padding:0 max(32px,calc((100vw - 1168px)/2));border-bottom:1px solid var(--line);background:#111110eb;position:relative;z-index:5}.brand{display:flex;gap:12px;align-items:center;font-weight:800;letter-spacing:1px;white-space:nowrap}.brand-mark{width:37px;height:37px;display:grid;place-items:center;background:var(--accent);color:#19140e;border-radius:4px;font-size:25px;transform:skew(-7deg)}.brand-sub{color:var(--accent);margin-left:6px}.topbar nav{display:flex;gap:26px;margin-left:auto;font-size:14px;color:#c6c5ba}.topbar a:hover,.site-footer a:hover{color:var(--accent)}.nav-cta{border:1px solid #9c744b;padding:7px 16px;border-radius:5px;font-size:14px;white-space:nowrap}.nav-cta span{margin-left:15px}.hero{position:relative;min-height:760px;background:#29251d url(wasteland.webp) center/cover no-repeat;isolation:isolate}.hero-shade{position:absolute;inset:0;background:linear-gradient(90deg,#080909ee 0%,#10100fba 34%,#10100f25 78%),linear-gradient(0deg,#10100f,transparent 30%);z-index:-1}.hero-content{padding-top:92px;padding-bottom:145px;display:flex;justify-content:space-between;align-items:flex-end;gap:28px}.hero-copy{max-width:650px}.eyebrow{display:block;font:600 12px/1.7 system-ui,sans-serif;letter-spacing:2.5px;color:var(--accent)}.eyebrow i{display:inline-block;width:7px;height:7px;margin-right:9px;background:var(--accent);border-radius:50%;box-shadow:0 0 12px #f9a34b99}h1{font-size:clamp(54px,6.5vw,88px);line-height:1.13;letter-spacing:-3px;margin:28px 0 22px;font-weight:900}h1 span{display:block;color:var(--accent);letter-spacing:10px;font-size:1.23em}.hero-lead{font-size:25px;line-height:1.65;font-weight:600}.hero-intro{max-width:480px;color:#d2d1c7;font-size:15px;line-height:1.95}.actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:28px}.button{display:inline-flex;justify-content:center;align-items:center;gap:24px;min-height:50px;padding:12px 24px;border-radius:4px;font-size:14px;font-weight:700;transition:transform .2s,background .2s}.button:hover{transform:translateY(-2px)}.primary{background:var(--accent);color:#18130e}.primary:hover{background:#ffb66d}.ghost{border:1px solid #d9d0ba65;background:#13141269}.hero-tags{display:flex;flex-wrap:wrap;gap:18px;margin-top:28px;font-size:12px;letter-spacing:1px;color:#b7b6aa}.hero-tags span+span:before{content:"/";margin-right:18px;color:var(--accent)}.hero-coordinate{color:#ded6c4;font-size:10px;letter-spacing:2px;border-left:2px solid var(--accent);padding-left:18px;margin-bottom:40px;max-width:250px}.hero-coordinate strong{display:block;font-size:14px;margin:10px 0}.hero-coordinate span{color:#b0aa9b}.scroll-cue{position:absolute;bottom:32px;left:50%;transform:translateX(-50%);font-size:12px;color:#bbb5a9;letter-spacing:3px}.scroll-cue span{display:block;text-align:center;font-size:23px}.ticker{display:flex;justify-content:center;gap:45px;padding:20px 24px;border-block:1px solid var(--line);font-size:13px;letter-spacing:3px;overflow:hidden;white-space:nowrap;color:#bdb9aa;background:#171714}.ticker b{color:var(--accent);font-weight:400}.section{padding-top:100px;padding-bottom:20px;scroll-margin-top:10px}.section-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:50px;margin-bottom:38px}.section-heading>div{flex:1}.section-heading>p{max-width:360px;color:var(--muted);font-size:14px;margin:0 0 4px}h2{font-size:clamp(29px,3.5vw,44px);line-height:1.45;letter-spacing:-1px;margin:16px 0 0;font-weight:800}em{font-style:normal;color:var(--accent)}.feature-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.feature{min-width:0;border:1px solid var(--line);background:linear-gradient(145deg,#23221e,#171716);padding:28px 24px;border-radius:7px;position:relative;overflow:hidden}.feature:after{content:"";position:absolute;right:0;top:0;width:45px;height:3px;background:var(--accent)}.number{font-size:36px;font-weight:800;color:#ffffff28;font-variant-numeric:tabular-nums}.feature h3{font-size:21px;margin:16px 0 10px}.feature p{font-size:14px;color:var(--muted);margin:0 0 25px}.feature-label{font-size:9px;color:#d8ae7f;letter-spacing:1.6px}.play-section{margin-top:100px;padding:65px 0;background:radial-gradient(ellipse at 20% 50%,#49321a40,transparent 65%),#171715;border-block:1px solid var(--line)}.play-layout{display:grid;grid-template-columns:1.3fr 1fr;align-items:center;gap:100px}.play-layout>div>p{font-size:15px;max-width:480px;color:#c1bdaf}.play-layout p.muted{font-size:12px;color:#8d8c81}.qr-card{max-width:302px;width:100%;justify-self:end;margin:0;background:#fff;color:#2c2c29;padding:20px;border-radius:10px;box-shadow:0 22px 60px #0005;text-align:center;transform:rotate(2deg)}.qr-card img{width:100%;margin:12px 0}.qr-caption{font-size:13px;font-weight:700}.qr-card figcaption{font-size:12px;color:#777;padding-bottom:4px}.guide-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:36px}.guide-grid article{border-top:1px solid #a6875e66;padding-top:20px}.step{font-size:12px;border:1px solid #7e6749;padding:4px 8px;color:var(--accent)}.guide-grid h3{font-size:18px;margin:18px 0 9px}.guide-grid p{color:var(--muted);font-size:14px}.guide-grid a{color:var(--accent);font-size:13px}.release-list{border-top:1px solid var(--line)}.release{border-bottom:1px solid var(--line)}summary{cursor:pointer;list-style:none}summary::-webkit-details-marker{display:none}.release summary{display:flex;align-items:center;gap:28px;padding:24px 0}.release-date{font:12px/1.5 ui-monospace,monospace;color:var(--muted);min-width:90px}.release-name{flex:1;min-width:0}.release-name strong{display:block;font-size:18px;font-variant-numeric:tabular-nums}.release-name>span{display:block;color:#b5b2a7;font-size:13px}.release-badge{font-size:10px;line-height:1.5;padding:5px 10px;border:1px solid #6f603e;color:#d9b47b;white-space:nowrap;border-radius:3px}.release-arrow{color:var(--accent)}.release[open] .release-arrow{transform:rotate(45deg)}.release-content{padding:0 0 24px 118px;font-size:14px;color:var(--muted)}.release-content ul{margin:0;padding-left:18px}.release-content li{padding:4px 0}.faq h2{margin-bottom:32px}.faq details{border-bottom:1px solid var(--line);padding:20px 0}.faq summary{font-size:16px;position:relative;padding-right:30px}.faq summary:after{content:"＋";position:absolute;right:0;color:var(--accent)}.faq details[open] summary:after{content:"－"}.faq details p{color:var(--muted);font-size:14px;max-width:850px}.closing{padding-top:110px;padding-bottom:95px;text-align:center}.closing h2{margin-bottom:30px;font-size:clamp(30px,4vw,50px)}.site-footer{border-top:1px solid var(--line);padding-top:34px;padding-bottom:30px;display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:20px}.site-footer>div{display:flex;gap:22px;color:#b2afa3;font-size:13px}.site-footer>p{width:100%;font-size:11px;color:#77766d;border-top:1px solid #ffffff0d;padding-top:20px;margin-top:4px}.site-footer .brand{font-size:14px}.site-footer .brand-mark{height:29px;width:29px;font-size:20px}@media(min-width:1600px){.hero{background-position:center 57%}}@media(max-width:900px){.hero-coordinate{display:none}.hero-shade{background:linear-gradient(90deg,#10100fed,#10100f85 65%,#10100f44),linear-gradient(0deg,#10100f,transparent 50%)}.section-heading{gap:30px}.feature-grid{grid-template-columns:repeat(2,1fr)}.play-layout{gap:50px}.topbar{padding-inline:24px;gap:22px}.topbar nav{gap:18px}.brand{font-size:14px}.guide-grid{gap:24px}}@media(max-width:600px){html{scroll-padding-top:20px}.wrap{padding-inline:22px}.topbar{height:68px;padding:0 18px;gap:15px;justify-content:space-between}.topbar nav{display:none}.brand-mark{width:30px;height:30px;font-size:22px}.brand{font-size:13px;gap:9px}.nav-cta{font-size:12px;padding:6px 11px}.nav-cta span{margin-left:6px}.hero{min-height:710px;background-position:57% center}.hero-content{padding-top:65px;padding-bottom:100px}.hero h1{font-size:57px;letter-spacing:-2px;margin-top:24px}.hero h1 span{font-size:1.18em;letter-spacing:10px}.hero-lead{font-size:21px}.hero-intro{font-size:14px;max-width:325px}.hero-tags{font-size:10px;gap:12px;letter-spacing:0}.hero-tags span+span:before{margin-right:12px}.eyebrow{font-size:10px;letter-spacing:1.5px}.button{padding:12px 17px;font-size:12px;gap:12px;min-height:46px}.actions{gap:10px}.ticker{justify-content:flex-start;gap:23px;font-size:11px;letter-spacing:2px;padding:16px 22px}.section{padding-top:65px}.section-heading{display:block;margin-bottom:26px}.section-heading>p{margin-top:20px;max-width:none;font-size:13px}h2{font-size:30px}.feature-grid{gap:12px}.feature{padding:21px 17px}.feature h3{font-size:18px}.feature p{font-size:12px}.feature-label{font-size:8px;letter-spacing:1px}.number{font-size:30px}.play-section{margin-top:65px;padding:44px 0}.play-layout{grid-template-columns:1fr;gap:35px}.play-layout>div>p{font-size:14px}.qr-card{justify-self:center;width:248px;max-width:100%;padding:17px;transform:rotate(1deg)}.guide-grid{grid-template-columns:1fr;gap:25px}.guide-grid article{padding-top:18px}.guide-grid p{font-size:13px}.release summary{gap:12px;flex-wrap:wrap;padding:20px 0}.release-date{min-width:0;width:100%;font-size:10px}.release-name strong{font-size:16px;overflow-wrap:anywhere}.release-name>span{font-size:12px}.release-badge{font-size:9px;padding:4px 7px}.release-content{padding-left:0;font-size:13px}.release-arrow{font-size:12px}.faq summary{font-size:14px}.faq details p{font-size:13px}.closing{padding-top:80px;padding-bottom:60px}.closing h2{font-size:31px}.site-footer>div{flex-wrap:wrap;gap:14px;font-size:12px}.site-footer .brand{font-size:14px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.button{transition:none}}

.community-section{background:radial-gradient(ellipse at 20% 50%,#49321a40,transparent 65%),#171715}.group-number{display:flex;align-items:center;gap:18px}.group-number strong{font:700 clamp(24px,4vw,35px)/1.5 ui-monospace,monospace;color:var(--accent);user-select:all}.qq-card{max-width:300px;width:100%;margin:0;justify-self:end}.qq-card img{border-radius:12px;width:100%;height:auto}.qq-card figcaption{text-align:center;color:var(--muted);font-size:12px;margin-top:14px}@media(max-width:600px){.qq-card{justify-self:center;max-width:270px}.group-number{gap:12px}}

/* Keep the original panorama sharp on high-density phones instead of cover-upscaling it. */
.hero-mobile-art{display:none}@media(max-width:600px){.hero{min-height:0;background:#10100f}.hero-shade{display:none}.hero-mobile-art{display:block;position:relative;width:100%;background:#29251d}.hero-mobile-art img{display:block;width:100%;height:auto}.hero-mobile-art:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,#10100f,transparent 22%);pointer-events:none}.hero-content{padding-top:20px;padding-bottom:95px}.hero h1{margin-top:18px}.hero-lead{margin-top:18px}.hero-intro{max-width:none}}

.gameplay-gallery{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;margin-top:36px}.gameplay-shot{display:flex;flex-direction:column;margin:0;min-width:0;border:1px solid var(--line);border-radius:8px;overflow:hidden;background:#191917}.gameplay-shot>a{display:block;aspect-ratio:16/9;flex-shrink:0;background:#050606;overflow:hidden}.gameplay-shot img{width:100%;height:100%;object-fit:cover;transition:transform .2s}.gameplay-shot>a:hover img{transform:scale(1.015)}.gameplay-shot figcaption{display:flex;flex-direction:column;flex:1;padding:20px 24px}.gameplay-shot h3{font-size:20px;margin:0 0 8px}.gameplay-shot p{flex:1;min-height:3.6em;font-size:14px;line-height:1.8;color:var(--muted);margin:0 0 12px}.gameplay-shot figcaption>span{display:block;margin-top:auto}.gameplay-shot figcaption>span,.gallery-note{font-size:11px;color:#9f9c90}.gallery-note{margin-top:18px}@media(max-width:600px){.gameplay-gallery{grid-template-columns:1fr;gap:20px;margin-top:28px}.gameplay-shot figcaption{padding:18px}.gameplay-shot h3{font-size:18px}.gameplay-shot p{font-size:13px}.gallery-note{font-size:10px}}@media(prefers-reduced-motion:reduce){.gameplay-shot img{transition:none}}