@import url('https://fonts.googleapis.com/css2?family=Barlow+Condensed:wght@600;700;800;900&family=IBM+Plex+Mono:wght@400;500&family=Inter:wght@400;500;600;700&display=swap');
:root{--bg:#101310;--panel:#191d17;--line:#30362b;--ink:#eceddf;--muted:#a2aa99;--lime:#c9ef75}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:25px}body{margin:0;background:var(--bg);color:var(--ink);font:15px/1.6 Inter,Arial,sans-serif}a{color:inherit;text-decoration:none}button,input{font:inherit}button,a,input,summary{outline-offset:5px}header{height:94px;display:flex;align-items:center;gap:60px;border-bottom:1px solid var(--line);padding:0 5.5%}.brand{font:900 37px/.8 'Barlow Condensed',Impact,sans-serif;display:flex;align-items:center;gap:13px;letter-spacing:-1px}.brand span{font:10px/1.4 'IBM Plex Mono',monospace;letter-spacing:2px;border-left:1px solid #5a6350;padding-left:13px;width:65px}nav{display:flex;gap:32px;color:#bbc1b2;font-size:13px}.steam{margin-left:auto;font:11px 'IBM Plex Mono',monospace;border:1px solid #526044;padding:12px 18px}main{max-width:1450px;margin:auto;padding:0 5.5%}.hero{display:grid;grid-template-columns:1.05fr 1fr;min-height:540px;align-items:center;gap:30px;padding:55px 0}.eyebrow{font:10px 'IBM Plex Mono',monospace;letter-spacing:1.5px;color:var(--lime)}i,.dot{display:inline-block;width:7px;height:7px;background:var(--lime);border-radius:50%;margin-right:8px}h1{font:800 clamp(43px,4.6vw,73px)/1 'Barlow Condensed',Impact,sans-serif;letter-spacing:-.6px;margin:26px 0}h1 em{color:var(--lime);font-style:normal}.hero p{color:#aeb5a4;font-size:15px}.hero strong{font-weight:500;color:var(--ink)}.button{display:inline-flex;background:var(--lime);color:#17200d;font-weight:700;font-size:13px;padding:14px 20px;gap:35px;margin:22px 0}.meta{font:9px 'IBM Plex Mono',monospace;color:#7e8974;letter-spacing:1px;margin-top:13px}.meta b{padding:0 10px}.map{height:398px;background:#1b251b;position:relative;overflow:hidden;border:1px solid #46533b;transform:perspective(1000px) rotateY(-4deg);box-shadow:0 15px 70px #0005}.map-grid{position:absolute;inset:0;background-image:linear-gradient(#c9ef750c 1px,transparent 1px),linear-gradient(90deg,#c9ef750c 1px,transparent 1px);background-size:28px 28px}.blocks{position:absolute;inset:50px 0;background:repeating-linear-gradient(0deg,transparent 0 24px,#101a11 24px 32px),repeating-linear-gradient(90deg,#4c5a3f 0 19px,#34412c 19px 36px,#182017 36px 44px);opacity:.6;transform:rotate(-18deg) scale(1.2)}.river{position:absolute;width:90px;height:600px;background:#101f24;transform:rotate(36deg);left:25%;top:-70px;z-index:1;border:8px solid #2a3a32}.road{position:absolute;z-index:2;background:#8b967666}.r1{width:120%;height:12px;top:45%;left:-10%;transform:rotate(-18deg)}.r2{height:130%;width:10px;left:70%;top:-15%;transform:rotate(-18deg)}.r3{height:130%;width:7px;left:40%;top:-15%;transform:rotate(-18deg)}.r4{width:120%;height:7px;top:75%;left:-10%;transform:rotate(-18deg)}.zone{position:absolute;width:155px;height:155px;border:1px dashed var(--lime);border-radius:50%;left:8%;top:35%;background:#c9ef7510;z-index:3}.zone span,.infection span{position:absolute;white-space:nowrap;font:8px 'IBM Plex Mono',monospace;top:-18px;color:var(--lime)}.infection{position:absolute;width:125px;height:125px;right:8%;top:21%;border-radius:50%;background:radial-gradient(#eb694777,transparent 70%);border:1px dashed #cf5a3c;z-index:3}.infection:after{content:'';position:absolute;inset:25px;background-image:radial-gradient(#f57850 2px,transparent 3px);background-size:13px 11px}.infection span{color:#f1936f}.marker{position:absolute;z-index:4;background:var(--lime);color:#26331b;width:23px;height:23px;text-align:center;line-height:23px;font-weight:bold;border:3px solid #d9f6a6;box-shadow:0 0 15px #c9ef7533}.m1{top:39%;left:39%}.m2{top:68%;left:29%}.m3{top:58%;left:52%}.map-top,.map-bottom{position:absolute;left:0;right:0;z-index:5;background:#111a12df;padding:14px;font:8px 'IBM Plex Mono',monospace;letter-spacing:1px}.map-top{top:0}.map-top span{float:right;color:#89987b}.map-bottom{bottom:0}.map-bottom small{float:right;color:#79856d;font-size:7px}.strip{border-block:1px solid var(--line);display:flex;align-items:center;padding:24px 0;gap:45px}.strip>span{font:8px/1.7 'IBM Plex Mono',monospace;color:#7f8a74;letter-spacing:.7px}.strip b{display:block;font-size:14px;color:var(--ink);letter-spacing:0}.strip>a{margin-left:auto;font-size:11px;color:var(--lime)}section:not(.hero){padding:65px 0 0}.section-head{display:flex;align-items:end;justify-content:space-between;gap:20px}h2{font:700 39px/1.1 'Barlow Condensed',Impact,sans-serif;margin:12px 0 0}.section-head p{color:var(--muted);font-size:12px;margin:0}.filters{display:flex;align-items:center;gap:10px;margin:25px 0}.filters button{border:1px solid var(--line);color:var(--muted);background:none;padding:9px 15px;font-size:11px;cursor:pointer}.filters .active{background:var(--lime);border-color:var(--lime);color:#1a2312}.search{margin-left:auto;display:flex;align-items:center;gap:10px;border-bottom:1px solid #435039;padding:7px;color:#8d9b80}.search input{background:none;border:0;color:var(--ink);font-size:11px;width:160px}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.guide-card{background:var(--panel);border:1px solid var(--line);text-align:left;padding:0;color:var(--ink);cursor:pointer;transition:transform .2s,border-color .2s}.guide-card:hover{transform:translateY(-4px);border-color:#90a66d}.card-art{height:145px;position:relative;overflow:hidden;background-color:#2c3826;background-image:linear-gradient(125deg,transparent 40%,#c9ef7518 40% 41%,transparent 41% 60%,#c9ef7515 60% 61%,transparent 61%),repeating-linear-gradient(90deg,#ffffff04 0 1px,transparent 1px 26px),repeating-linear-gradient(0deg,#ffffff04 0 1px,transparent 1px 26px)}.card-art span{position:absolute;right:20px;top:-15px;font:800 150px/1.2 'Barlow Condensed',Impact,sans-serif;color:#c9ef7520}.card-art b{position:absolute;left:20px;bottom:15px;font:8px 'IBM Plex Mono',monospace;letter-spacing:2px;color:#b8c6a5}.art-civilian-score{background-color:#37382a}.art-custom-maps{background-color:#243738}.card-copy{padding:22px}.card-copy small{color:var(--lime);font:8px 'IBM Plex Mono',monospace;letter-spacing:1px}h3{font:600 24px/1.2 'Barlow Condensed',Impact,sans-serif;margin:12px 0}.card-copy p{font-size:12px;color:var(--muted);min-height:58px}.read{border-top:1px solid var(--line);padding-top:15px;font-size:10px}.read span{float:right;color:var(--lime)}.unit-grid{display:grid;grid-template-columns:repeat(3,1fr);margin-top:26px;border:1px solid var(--line)}.unit-grid article{padding:25px;border-right:1px solid var(--line)}.unit-grid article:last-child{border:0}.unit-grid article>span{color:var(--lime);font-size:25px}.unit-grid p{color:var(--muted);font-size:12px}.intel{display:grid;grid-template-columns:1fr 1fr;gap:85px;padding-bottom:70px!important}.intel>div>p{color:var(--muted);font-size:13px;max-width:400px}.text-link{color:var(--lime);font-size:12px}.intel-box{border-top:1px solid var(--line)}.intel-box h3{margin:16px 0}details{border-bottom:1px solid var(--line);font-size:12px;padding:14px 0}summary{cursor:pointer}details p{color:var(--muted)}footer{padding:35px 5.5%;border-top:1px solid var(--line);display:flex;align-items:center;gap:45px;color:#849078;font-size:10px}footer>a:last-child{margin-left:auto}footer .brand{color:var(--ink)}dialog{background:#1a2117;color:var(--ink);border:1px solid #68794e;max-width:690px;width:calc(100% - 30px);padding:45px;max-height:85vh}dialog::backdrop{background:#000b;backdrop-filter:blur(5px)}dialog h2{margin:20px 0}dialog p{color:#b8c1ad;font-size:14px}dialog a{color:var(--lime)}dialog h3{margin-top:28px}.article-meta{font:10px 'IBM Plex Mono',monospace!important}.close{position:absolute;right:15px;top:10px;background:none;color:var(--ink);border:0;font-size:27px;cursor:pointer}.source{border-top:1px solid var(--line);padding-top:20px} @media(max-width:800px){header{height:78px;gap:20px}nav{gap:15px}.steam{display:none}.hero{grid-template-columns:1fr;padding:35px 0}.map{height:320px;transform:none}h1{font-size:58px}.strip{gap:16px;flex-wrap:wrap}.strip>a{margin-left:0}.cards{grid-template-columns:1fr}.card-art{height:160px}.card-copy p{min-height:0}.section-head{display:block}.section-head p{margin-top:15px}.filters{flex-wrap:wrap}.search{margin:5px 0 0;width:100%}.search input{width:100%}.unit-grid{grid-template-columns:1fr}.unit-grid article{border:0;border-bottom:1px solid var(--line)}.intel{grid-template-columns:1fr;gap:30px}footer{flex-wrap:wrap;gap:20px}footer>a:last-child{margin-left:0}dialog{padding:30px}}
.game-visual{margin:0;align-self:stretch;min-height:370px;position:relative;border:1px solid #566346}.game-visual img{width:100%;height:100%;position:absolute;object-fit:cover}.game-visual:after{content:'';position:absolute;inset:0;box-shadow:inset 0 0 50px #0005;pointer-events:none}.game-visual figcaption{position:absolute;bottom:0;background:#101a13df;width:100%;padding:13px;z-index:1;font:8px 'IBM Plex Mono',monospace;color:var(--lime)}.game-visual figcaption span{float:right;color:#a3ac99}.guide-card{display:block}.card-art{background-size:cover;background-position:center}.art-first-mission,.art-units-and-air-support{background-image:linear-gradient(#10201222,#102012aa),url('/assets/screenshot-0.jpg')}.art-civilian-score,.art-pc-requirements{background-image:linear-gradient(#10201222,#102012aa),url('/assets/screenshot-2.jpg')}.art-custom-maps,.art-early-access-roadmap{background-image:linear-gradient(#10201222,#102012aa),url('/assets/screenshot-1.jpg')}.card-art span{color:#eef8d966;text-shadow:0 2px 20px #0008}.feature-banner{display:grid;grid-template-columns:1.1fr 1fr;border:1px solid var(--line);margin-top:25px;background:var(--panel)}.feature-banner>img{width:100%;height:280px;object-fit:cover}.feature-banner>div{padding:30px}.feature-banner h3{font-size:32px}.feature-banner p,.news-row p{color:var(--muted);font-size:13px}.feature-banner small,.news-row small{color:var(--lime);font:9px 'IBM Plex Mono',monospace}.feature-banner .text-link{margin-left:15px}.news-row{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-top:25px}.news-row>a{padding:26px;border:1px solid var(--line);background:var(--panel)}.news-row span{color:var(--lime);font-size:11px}.breadcrumb{margin:30px 0;color:var(--muted);font:10px 'IBM Plex Mono',monospace}.article-layout{display:grid;grid-template-columns:minmax(0,1fr) 260px;gap:60px;margin:40px 0 80px}.full-article h1{font-size:60px;max-width:800px}.article-deck{font-size:18px;color:var(--muted)}.byline{font:10px 'IBM Plex Mono',monospace;color:#8f9c82;border-block:1px solid var(--line);padding:17px 0;margin:25px 0}.article-image{width:100%;height:auto;border:1px solid var(--line)}.article-body{max-width:760px;font-size:16px;line-height:1.9}.article-body h3{font-size:30px;margin-top:35px}.article-body p,.article-body li{color:#b6bfaa}.article-body a,.editor-note a{color:var(--lime)}.editor-note{margin-top:35px;border-left:3px solid var(--lime);padding:20px;background:var(--panel);font-size:12px}.editor-note p{color:var(--muted)}aside{padding-top:35px}aside>img{width:100%}aside>a:not(.button){display:block;padding:17px 0;border-bottom:1px solid var(--line);font-size:13px;color:#bcc7ac}aside .button{gap:10px}@media(max-width:800px){nav{gap:12px;font-size:11px}header{gap:20px}.brand{font-size:30px}.brand span{font-size:8px}.game-visual{min-height:320px}.feature-banner{grid-template-columns:1fr}.feature-banner>img{height:220px}.news-row{grid-template-columns:1fr}.article-layout{grid-template-columns:1fr;gap:20px}.full-article h1{font-size:46px}.article-deck{font-size:16px}aside{border-top:1px solid var(--line)}aside>img{max-width:350px}}@media(max-width:450px){header{padding:0 4%;gap:15px}nav{gap:10px}nav a:last-child{display:none}h1{font-size:48px}}

[hidden]{display:none!important}.article-body h2{font:600 30px/1.2 "Barlow Condensed",Impact,sans-serif;margin:35px 0 15px}.article-image,aside>img{height:auto}.hero h1{font-size:clamp(39px,4.3vw,67px)}@media(max-width:800px){.hero h1{font-size:49px}}