:root{--ink:#070807;--ink2:#0d0f0d;--panel:#11130f;--panel2:#171913;--steel:#2a2c26;--steel2:#42433a;--edge:#6e6a59;--edge2:#332f27;--cream:#eee6d2;--muted:#a29d8d;--gold:#c79b39;--green:#87c55f;--accent:#c79b39;--accent-rgb:199,155,57;--max:1680px;--rail:232px}*{box-sizing:border-box}html{scroll-behavior:smooth;background:#030403}body{margin:0;color:var(--cream);font-family:"Arial Narrow","Roboto Condensed",Arial,sans-serif;background:radial-gradient(circle at 50% 0,#26241d 0,#080a08 34%,#030403 75%);font-size:17px;line-height:1.45}a{color:inherit;text-decoration:none}button,input{font:inherit}.skip{position:absolute;left:-999px}.skip:focus{left:10px;top:10px;z-index:9999;background:#fff;color:#000;padding:8px}.network-ribbon{position:sticky;top:0;z-index:90;height:28px;padding:0 22px;display:flex;align-items:center;justify-content:space-between;background:linear-gradient(90deg,#0a0b09,#171913 50%,#0a0b09);border-bottom:1px solid #5b5849;color:#858175;font:700 10px/1 Arial,sans-serif;letter-spacing:2.1px;text-transform:uppercase;box-shadow:0 5px 20px #000}.network-ribbon span:first-child:before,.online-dot:before{content:"";display:inline-block;width:7px;height:7px;border-radius:50%;background:var(--green);box-shadow:0 0 10px var(--green);margin-right:8px;vertical-align:1px}.shell{width:min(var(--max),calc(100% - 24px));margin:12px auto 28px;position:relative;border:1px solid #716c5a;background:#080a08;box-shadow:0 0 0 4px #11130f,0 0 0 6px #373831,0 25px 100px #000;overflow:hidden}.shell:before,.shell:after{content:"";position:absolute;z-index:80;width:16px;height:16px;border-radius:50%;background:radial-gradient(circle at 33% 30%,#c3b991 0 8%,#5f5d50 17%,#171816 50%,#030403 75%);box-shadow:0 0 0 1px #6a6758}.shell:before{left:8px;top:8px}.shell:after{right:8px;bottom:8px}.topbar{position:sticky;top:28px;z-index:70;min-height:72px;padding:0 28px;display:flex;align-items:center;background:linear-gradient(#1a1c18,#0b0d0b 70%);border-bottom:1px solid #575346;box-shadow:0 5px 22px #000}.brand{display:flex;align-items:center;gap:12px;min-width:310px}.brand-mark{width:44px;height:44px;display:grid;place-items:center;border:1px solid var(--accent);box-shadow:inset 0 0 0 3px #0d0f0d;color:var(--accent);font:900 19px Georgia,serif;background:linear-gradient(135deg,#24251f,#090a09)}.brand-copy strong{display:block;font:900 19px Impact,"Arial Narrow",sans-serif;letter-spacing:2.2px}.brand-copy small{display:block;color:#8e8a7d;letter-spacing:2.7px;font-size:9px;margin-top:2px}.topnav{display:flex;align-self:stretch;margin-left:auto}.topnav a,.topnav button{border:0;border-left:1px solid #30312b;background:transparent;color:#beb9aa;padding:0 18px;display:flex;align-items:center;cursor:pointer;text-transform:uppercase;font:800 11px Arial,sans-serif;letter-spacing:1.8px;position:relative}.topnav a:after,.topnav button:after{content:"";position:absolute;left:18px;right:18px;bottom:0;height:2px;background:var(--accent);transform:scaleX(0);transition:.2s}.topnav a:hover,.topnav a.active,.topnav button:hover{color:#fff;background:#151711}.topnav a:hover:after,.topnav a.active:after,.topnav button:hover:after{transform:scaleX(1)}.top-status{margin-left:18px;font:700 9px Arial,sans-serif;letter-spacing:1.8px;color:#8f8b7f;white-space:nowrap}.menu-toggle{display:none;margin-left:auto;border:1px solid #555143;background:#10120f;color:#ddd;padding:8px 11px}.home-hero{height:600px;position:relative;overflow:hidden;border-bottom:1px solid #5d5848;background:#050605}.home-hero img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transform:scale(1.015);filter:saturate(.86) contrast(1.08)}.home-hero:before{content:"";position:absolute;inset:0;z-index:2;background:linear-gradient(90deg,rgba(0,0,0,.38),rgba(0,0,0,.03) 43%,rgba(0,0,0,.24)),linear-gradient(0deg,#080a08 0,transparent 21%,transparent 72%,rgba(0,0,0,.42));pointer-events:none}.hero-grain{position:absolute;inset:0;z-index:3;opacity:.17;pointer-events:none;background-image:repeating-linear-gradient(0deg,transparent 0 3px,rgba(255,255,255,.05) 4px)}.hero-plate{position:absolute;z-index:4;left:50%;top:49%;transform:translate(-50%,-50%);min-width:min(680px,80%);text-align:center;padding:20px 42px 22px;background:linear-gradient(#2f302a,#11120f 70%);border:2px solid #77705b;box-shadow:0 0 0 5px #0a0b09,0 0 0 7px #3e3f37,0 18px 55px #000}.hero-plate:before,.hero-plate:after{content:"";position:absolute;top:9px;width:10px;height:10px;border-radius:50%;background:#151613;box-shadow:inset 1px 1px 1px #777}.hero-plate:before{left:10px}.hero-plate:after{right:10px}.hero-plate small{display:block;color:var(--gold);font:800 11px Arial,sans-serif;letter-spacing:5px;margin-bottom:4px}.hero-plate h1{margin:0;font:900 clamp(48px,6vw,96px)/.92 Impact,"Arial Narrow",sans-serif;letter-spacing:4px;text-shadow:0 4px 0 #000,0 0 24px rgba(0,0,0,.7)}.hero-plate p{margin:10px 0 0;color:#c8c0ae;font:700 13px Arial,sans-serif;letter-spacing:3px;text-transform:uppercase}.hero-corners{position:absolute;inset:14px;z-index:3;border:1px solid rgba(200,190,160,.26);pointer-events:none}.hero-corners:before,.hero-corners:after{content:"";position:absolute;width:120px;height:42px;border-top:3px solid #5b574a;top:-2px}.hero-corners:before{left:-2px;border-left:3px solid #5b574a}.hero-corners:after{right:-2px;border-right:3px solid #5b574a}.command-strip{display:grid;grid-template-columns:1.2fr repeat(3,1fr);border-bottom:1px solid #4f4c40;background:#0e100d}.command-strip>div,.command-strip>a{min-height:78px;padding:14px 18px;border-right:1px solid #34352e;display:flex;flex-direction:column;justify-content:center}.command-strip small{color:#77756c;text-transform:uppercase;font-size:9px;letter-spacing:2px}.command-strip strong{font:900 16px Impact,"Arial Narrow",sans-serif;letter-spacing:1.4px}.command-strip .live{color:#aad487}.section-head{text-align:center;padding:28px 18px 15px}.section-head small{display:block;color:#817d70;font-size:9px;letter-spacing:3px;text-transform:uppercase}.section-head h2{margin:2px 0 0;color:var(--gold);font:900 25px Impact,"Arial Narrow",sans-serif;letter-spacing:4px}.faction-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;padding:0 18px 24px}.faction-card{position:relative;min-height:390px;border:1px solid #625e50;background:#0c0e0c;padding:10px;overflow:hidden;cursor:pointer;color:#fff;box-shadow:inset 0 0 0 3px #171913;transition:transform .24s,border-color .24s,box-shadow .24s}.faction-card:hover{transform:translateY(-4px);border-color:var(--card);box-shadow:0 10px 30px #000,0 0 28px rgba(var(--card-rgb),.13),inset 0 0 0 3px #171913}.faction-card img{position:absolute;inset:10px;width:calc(100% - 20px);height:calc(100% - 20px);object-fit:cover;filter:saturate(.76) contrast(1.08);transition:.35s}.faction-card:hover img{transform:scale(1.018);filter:saturate(.95) contrast(1.12)}.faction-card:after{content:"";position:absolute;inset:10px;background:linear-gradient(0deg,rgba(4,5,4,.93),transparent 48%),linear-gradient(90deg,rgba(0,0,0,.18),transparent);pointer-events:none}.faction-card .card-meta{position:absolute;z-index:3;left:25px;right:25px;bottom:23px;text-align:left}.card-meta small{color:var(--card);text-transform:uppercase;font:800 9px Arial,sans-serif;letter-spacing:2px}.card-meta b{display:block;margin-top:3px;font:900 27px Impact,"Arial Narrow",sans-serif;letter-spacing:1.7px}.card-meta span{display:block;color:#aaa597;font-size:12px;letter-spacing:.5px}.home-intel{display:grid;grid-template-columns:1.15fr 1fr 1fr;gap:12px;padding:0 18px 26px}.intel-card{min-height:160px;border:1px solid #4c493e;background:linear-gradient(145deg,#141611,#0c0e0c);padding:18px;position:relative;overflow:hidden}.intel-card:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(199,155,57,.05),transparent 45%);pointer-events:none}.intel-card small{color:var(--gold);letter-spacing:2px;font-size:9px;text-transform:uppercase}.intel-card h3{font:900 22px Impact,"Arial Narrow",sans-serif;letter-spacing:1.4px;margin:5px 0 7px}.intel-card p{color:#aaa596;margin:0;max-width:58ch}.footer{min-height:78px;padding:14px 24px;display:flex;align-items:center;gap:22px;border-top:1px solid #575346;background:linear-gradient(#181a16,#0b0c0b);font-size:13px}.footer strong{font:900 22px Impact,"Arial Narrow",sans-serif;letter-spacing:2px}.footer span{color:#898579}.coffee{margin-left:auto;padding:11px 18px;border:1px solid #765c24;background:linear-gradient(#4f3710,#201609);color:#e1b653;font-weight:900;letter-spacing:1.4px;text-transform:uppercase}.coffee:hover{filter:brightness(1.15)}
/* modal */.modal{position:fixed;inset:0;z-index:200;background:rgba(0,0,0,.9);display:none;place-items:center;padding:26px;backdrop-filter:blur(5px)}.modal.open{display:grid}.modal-card{width:min(1260px,96vw);max-height:92vh;overflow:auto;position:relative;border:1px solid #77715d;background:#090b09;box-shadow:0 0 0 5px #11130f,0 0 0 7px #3a3b33,0 25px 100px #000}.modal-rail{height:30px;padding:0 50px 0 18px;display:flex;align-items:center;justify-content:space-between;background:repeating-linear-gradient(90deg,#32342e 0 55px,#171916 55px 62px);border-bottom:1px solid #696453;color:#b4ae9d;font-size:9px;letter-spacing:2px;text-transform:uppercase}.modal-close{position:absolute;right:8px;top:6px;z-index:8;width:38px;height:38px;border:1px solid #6e6855;background:#0e100e;color:#fff;font-size:25px;cursor:pointer}.modal-hero{height:390px;position:relative;overflow:hidden;background:#0a0b09}.modal-hero .scene{position:absolute;inset:0;background-position:center;background-size:cover;filter:saturate(.85) contrast(1.08)}.modal-hero:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(0,0,0,.9) 0,rgba(0,0,0,.55) 36%,rgba(0,0,0,.03) 70%),linear-gradient(0deg,#0b0d0b 0,transparent 28%)}.modal-title{position:absolute;z-index:3;left:42px;bottom:45px;max-width:58%}.modal-title small{color:var(--accent);font:900 10px Arial,sans-serif;letter-spacing:3px}.modal-title h2{font:900 clamp(52px,7vw,92px)/.88 Impact,"Arial Narrow",sans-serif;margin:6px 0 4px;letter-spacing:2px}.modal-title p{margin:0;color:var(--accent);font:900 15px Arial,sans-serif;letter-spacing:2px}.modal-flag{position:absolute;z-index:4;right:34px;top:34px;width:185px;padding:8px;background:#11120f;border:1px solid #6c6653;box-shadow:0 0 0 4px #080908,0 12px 30px #000}.modal-flag img{display:block;width:100%;height:220px;object-fit:cover}.modal-wire{position:absolute;z-index:4;left:0;right:0;bottom:4px;height:42px;opacity:.7;background:repeating-linear-gradient(170deg,transparent 0 72px,#74766f 73px 75px,transparent 76px 120px);mask-image:linear-gradient(90deg,transparent,#000 10% 90%,transparent)}.modal-body{padding:18px 24px 22px}.status-rail{display:grid;grid-template-columns:repeat(5,1fr);border:1px solid #5b5749;background:#10120f}.status-rail div{padding:13px 16px;border-right:1px solid #37382f}.status-rail div:last-child{border-right:0}.status-rail small{display:block;color:#74736a;font-size:9px;letter-spacing:1.6px;text-transform:uppercase}.status-rail b{font:900 14px Impact,"Arial Narrow",sans-serif;letter-spacing:1px}.status-rail .online b:before{content:"";display:inline-block;width:7px;height:7px;border-radius:50%;background:var(--green);box-shadow:0 0 8px var(--green);margin-right:7px}.modal-brief{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:14px}.modal-panel{border:1px solid #4e4b40;background:#0f110e;padding:15px}.modal-panel h3{margin:0 0 6px;color:var(--accent);font:900 18px Impact,"Arial Narrow",sans-serif;letter-spacing:1.3px}.modal-panel p{margin:0;color:#aaa596}.modal-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:14px}.btn{border:1px solid #5d594b;background:#11130f;color:#e9e2d2;padding:11px 18px;text-transform:uppercase;font:900 11px Arial,sans-serif;letter-spacing:1.5px;cursor:pointer}.btn.primary{background:linear-gradient(rgba(var(--accent-rgb),.95),rgba(var(--accent-rgb),.57));border-color:var(--accent);color:#050505}.btn:hover{filter:brightness(1.12)}
/* faction pages */body.faction-page{--accent:#c79b39;--accent-rgb:199,155,57;--faction-bg:#10130e;--faction-dark:#080a08}.faction-layout{display:grid;grid-template-columns:var(--rail) minmax(0,1fr)}.side-rail{position:sticky;top:100px;height:calc(100vh - 100px);z-index:30;display:flex;flex-direction:column;background:linear-gradient(90deg,#080a08,#131510);border-right:1px solid #555144;box-shadow:8px 0 26px rgba(0,0,0,.45);overflow:hidden}.rail-badge{padding:18px 14px 14px;text-align:center;border-bottom:1px solid #4a473d;background:radial-gradient(circle at 50% 0,rgba(var(--accent-rgb),.13),transparent 60%)}.rail-badge img{width:116px;height:132px;object-fit:cover;border:1px solid #6b6552;box-shadow:0 0 0 4px #0a0b09}.rail-badge strong{display:block;color:var(--accent);font:900 16px Impact,"Arial Narrow",sans-serif;letter-spacing:1.5px;margin-top:11px}.rail-badge small{display:block;color:#77746a;font-size:9px;letter-spacing:1.5px;margin-top:3px}.side-menu{padding:7px 0}.side-menu a{display:flex;align-items:center;gap:9px;min-height:40px;padding:0 16px;border-bottom:1px solid #292b25;color:#bdb7a8;text-transform:uppercase;font:800 10px Arial,sans-serif;letter-spacing:1.25px;position:relative}.side-menu a:before{content:"";width:6px;height:6px;border:1px solid var(--accent);transform:rotate(45deg);opacity:.7}.side-menu a:hover,.side-menu a.active{color:#fff;background:linear-gradient(90deg,rgba(var(--accent-rgb),.24),transparent)}.side-menu a.active:after{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;background:var(--accent);box-shadow:0 0 10px var(--accent)}.rail-mark{margin-top:auto;min-height:130px;border-top:1px solid #403d34;position:relative;background:radial-gradient(circle at 50% 55%,rgba(var(--accent-rgb),.14),transparent 45%),repeating-linear-gradient(165deg,transparent 0 36px,rgba(150,148,135,.22) 37px 39px,transparent 40px 72px)}.rail-mark:before{content:attr(data-mark);position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);font:900 44px Impact,"Arial Narrow",sans-serif;color:rgba(var(--accent-rgb),.18);letter-spacing:2px}.faction-main{min-width:0;background:linear-gradient(var(--faction-bg),var(--faction-dark) 620px,#090b09)}.battle-hero{height:560px;position:relative;overflow:hidden;border-bottom:1px solid #625d4e;background:#050605}.battle-scene{position:absolute;inset:0;background-image:linear-gradient(90deg,#060706 0 20%,rgba(6,7,6,.74) 35%,rgba(6,7,6,.1) 68%),var(--battle);background-position:center,right center;background-repeat:no-repeat;background-size:cover,cover;filter:saturate(.83) contrast(1.06);transform:scale(1.015);animation:cameraDrift 16s ease-in-out infinite}.battle-hero:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,var(--faction-bg) 0,transparent 21%),linear-gradient(90deg,rgba(0,0,0,.35),transparent 50%);pointer-events:none}.hero-copy{position:absolute;z-index:5;left:54px;top:50%;transform:translateY(-48%);max-width:620px}.hero-copy .eyebrow{color:var(--accent);font:900 10px Arial,sans-serif;letter-spacing:3px}.hero-copy h1{font:900 clamp(62px,7vw,110px)/.88 Impact,"Arial Narrow",sans-serif;margin:7px 0 5px;letter-spacing:2.5px;text-shadow:0 5px 0 rgba(0,0,0,.9),0 0 30px #000}.hero-copy .tag{display:block;color:var(--accent);font:900 16px Arial,sans-serif;letter-spacing:2px;text-transform:uppercase}.hero-copy p{color:#c4beae;max-width:55ch;margin:12px 0 0;font-size:16px}.hero-flag{position:absolute;z-index:5;right:36px;top:38px;width:188px;padding:8px;background:linear-gradient(#25261f,#10110e);border:1px solid #6a6451;box-shadow:0 0 0 5px #080908,0 18px 40px #000}.hero-flag img{width:100%;height:235px;display:block;object-fit:cover}.hero-flag:before{content:"FACTION STANDARD";display:block;text-align:center;color:#7f7a69;font:800 8px Arial,sans-serif;letter-spacing:2px;margin-bottom:5px}.hero-barricade{position:absolute;z-index:4;left:0;right:0;bottom:8px;height:65px;pointer-events:none;background:repeating-linear-gradient(171deg,transparent 0 85px,rgba(115,117,110,.55) 86px 88px,transparent 89px 135px);opacity:.7;mask-image:linear-gradient(90deg,transparent,#000 7% 93%,transparent)}.hero-barricade:after{content:"";position:absolute;right:44px;bottom:14px;width:52px;height:52px;background:linear-gradient(45deg,transparent 43%,#595b55 44% 49%,#1a1b19 50% 54%,transparent 55%),linear-gradient(-45deg,transparent 43%,#595b55 44% 49%,#1a1b19 50% 54%,transparent 55%);filter:drop-shadow(0 6px 8px #000)}.faction-status{margin:-18px 32px 0;position:relative;z-index:8;box-shadow:0 12px 32px rgba(0,0,0,.5)}.content-wrap{padding:28px 32px 44px}.section-title{display:flex;align-items:center;gap:15px;margin:0 0 16px;color:var(--accent);font:900 24px Impact,"Arial Narrow",sans-serif;letter-spacing:2.5px;text-transform:uppercase}.section-title:before,.section-title:after{content:"";height:1px;flex:1;background:linear-gradient(90deg,transparent,#625c4d)}.section-title:after{background:linear-gradient(90deg,#625c4d,transparent)}.directory-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.dir-card{height:175px;position:relative;overflow:hidden;border:1px solid #5b574a;background:#0d0f0c;box-shadow:inset 0 0 0 3px #171915;transition:.2s}.dir-card img{width:100%;height:100%;object-fit:cover;filter:saturate(.65) contrast(1.08) brightness(.78);transition:.3s}.dir-card:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(5,6,5,.95),transparent 62%)}.dir-card span{position:absolute;z-index:2;left:14px;bottom:11px;font:900 17px Impact,"Arial Narrow",sans-serif;letter-spacing:1.4px}.dir-card:hover{transform:translateY(-3px);border-color:var(--accent);box-shadow:0 10px 30px #000,0 0 20px rgba(var(--accent-rgb),.12)}.dir-card:hover img{transform:scale(1.035);filter:saturate(.9) contrast(1.1) brightness(.9)}.content-section{padding-top:34px}.panel-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.panel,.roster-box,.doctrine-card,.history-copy{border:1px solid #4d4a3f;background:linear-gradient(145deg,#11140f,#0b0d0b);padding:19px;position:relative}.panel:before,.roster-box:before,.doctrine-card:before{content:"";position:absolute;left:0;top:0;bottom:0;width:2px;background:var(--accent);opacity:.55}.panel h3,.roster-box h3,.doctrine-card h3{margin:0 0 9px;color:var(--accent);font:900 19px Impact,"Arial Narrow",sans-serif;letter-spacing:1.4px}.panel ul,.roster-box ul{padding-left:19px;margin:0}.panel li,.roster-box li{margin:5px 0;color:#c4beae}.unit-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.unit-card{min-height:250px;border:1px solid #4e4b40;background:#0e100d;overflow:hidden;position:relative}.unit-card img{width:100%;height:170px;object-fit:cover;filter:saturate(.7) contrast(1.07)}.unit-card div{padding:12px 14px}.unit-card b{display:block;font:900 18px Impact,"Arial Narrow",sans-serif;letter-spacing:1px}.unit-card small{color:#8b877b}.roster-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-top:12px}.doctrine-card{display:grid;grid-template-columns:220px 1fr;gap:20px;align-items:center}.doctrine-card img{width:100%;height:145px;object-fit:cover;border:1px solid #4c483d}.doctrine-card p{color:#b8b2a2;line-height:1.6}.principles{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.principle{border:1px solid #4a473c;background:#0e100d;padding:18px;min-height:145px}.principle span{display:block;color:var(--accent);font:900 32px Impact,"Arial Narrow",sans-serif}.principle p{margin:8px 0 0;color:#bdb6a6}.history{display:grid;grid-template-columns:44% 1fr;gap:14px}.history>img{width:100%;height:100%;min-height:330px;object-fit:cover;border:1px solid #585345;filter:saturate(.78)}.history-copy h3{margin:0 0 10px;color:var(--accent);font:900 28px Impact,"Arial Narrow",sans-serif;letter-spacing:1.5px}.history-copy p{color:#bdb6a6;font-size:17px}.sources{display:flex;flex-wrap:wrap;gap:9px}.sources a{border:1px solid #4d4a3f;background:#10120f;padding:8px 11px;color:#aba596;font-size:12px}.sources a:hover{color:#fff;border-color:var(--accent)}.notice{margin-top:12px;color:#77746a;font-size:12px}.faction-page.usf{--accent:#c5a342;--accent-rgb:197,163,66;--faction-bg:#11150e;--faction-dark:#070907}.faction-page.ukf{--accent:#809ab0;--accent-rgb:128,154,176;--faction-bg:#0d1417;--faction-dark:#07090a}.faction-page.wehr{--accent:#c84c42;--accent-rgb:200,76,66;--faction-bg:#160d0c;--faction-dark:#090706}.faction-page.dak{--accent:#c59442;--accent-rgb:197,148,66;--faction-bg:#171108;--faction-dark:#0a0805}.faction-page.usf .rail-mark{background-color:#11170d}.faction-page.ukf .rail-mark{background-color:#0d1519}.faction-page.wehr .rail-mark{background-color:#160c0b}.faction-page.dak .rail-mark{background-color:#1c1309}
@keyframes cameraDrift{0%,100%{transform:scale(1.015) translate3d(0,0,0)}50%{transform:scale(1.04) translate3d(-.6%,.25%,0)}}
@media(max-width:1180px){:root{--rail:190px}.brand{min-width:245px}.topnav a,.topnav button{padding:0 10px}.top-status{display:none}.hero-flag{width:150px}.hero-flag img{height:190px}.directory-grid,.unit-grid,.roster-grid,.principles{grid-template-columns:repeat(2,1fr)}.home-intel{grid-template-columns:1fr 1fr}.home-intel .intel-card:first-child{grid-column:1/-1}}
@media(max-width:820px){.network-ribbon{padding:0 10px}.network-ribbon span:nth-child(2){display:none}.shell{width:100%;margin:0;border-left:0;border-right:0}.topbar{top:28px;min-height:64px;padding:8px 14px;flex-wrap:wrap}.brand{min-width:0}.menu-toggle{display:block}.topnav{display:none;order:4;width:100%;margin:8px 0 0;overflow:auto;border-top:1px solid #30312b}.topnav.open{display:flex}.topnav a,.topnav button{min-height:42px;flex:0 0 auto}.home-hero{height:470px}.hero-plate{min-width:86%;padding:18px 20px}.command-strip{grid-template-columns:1fr 1fr}.faction-grid{grid-template-columns:1fr 1fr}.home-intel{grid-template-columns:1fr}.home-intel .intel-card:first-child{grid-column:auto}.faction-layout{display:block}.side-rail{position:relative;top:0;height:auto;display:block;border-right:0}.rail-badge{display:flex;align-items:center;gap:12px;text-align:left;padding:10px 14px}.rail-badge img{width:54px;height:64px}.rail-badge strong{margin-top:0}.side-menu{display:flex;overflow:auto;padding:0}.side-menu a{flex:0 0 auto;border-right:1px solid #292b25}.rail-mark{display:none}.battle-hero{height:480px}.hero-copy{left:28px;right:180px}.hero-copy h1{font-size:64px}.hero-flag{right:22px;top:28px;width:135px}.hero-flag img{height:165px}.faction-status{margin:-14px 14px 0}.status-rail{grid-template-columns:1fr 1fr}.status-rail div:nth-child(5){grid-column:1/-1}.content-wrap{padding:24px 14px 38px}.modal-flag{display:none}.modal-title{max-width:82%}.modal-brief,.panel-grid,.history{grid-template-columns:1fr}.modal-hero{height:330px}.modal-title h2{font-size:54px}.doctrine-card{grid-template-columns:1fr}.doctrine-card img{height:230px}}
@media(max-width:560px){body{font-size:15px}.network-ribbon{font-size:8px}.brand-copy small{display:none}.brand-mark{width:38px;height:38px}.home-hero{height:410px}.hero-plate h1{font-size:48px}.hero-plate p{font-size:10px}.command-strip{grid-template-columns:1fr}.faction-grid{grid-template-columns:1fr}.faction-card{min-height:330px}.directory-grid,.unit-grid,.roster-grid,.principles{grid-template-columns:1fr}.battle-hero{height:430px}.hero-copy{left:20px;right:20px;top:168px;transform:none}.hero-copy h1{font-size:44px}.hero-copy p{font-size:14px;max-width:80%}.hero-flag{width:95px;right:14px;top:18px}.hero-flag img{height:110px}.hero-barricade{height:40px}.status-rail{grid-template-columns:1fr}.status-rail div:nth-child(5){grid-column:auto}.footer{flex-wrap:wrap}.coffee{margin-left:0}.modal{padding:10px}.modal-title{left:20px;bottom:25px}.modal-title h2{font-size:46px}.modal-hero{height:300px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}.battle-scene{animation:none}.faction-card,.dir-card{transition:none}}


/* FINAL TRIPLE-CHECK VISUAL POLISH
   Clean faction artwork only. Homepage target area intentionally untouched. */
.faction-page .battle-scene{
  filter:saturate(.88) contrast(1.08) brightness(1.045);
}
.faction-page .dir-card img,
.faction-page .unit-card img,
.faction-page .doctrine-card img{
  image-rendering:auto;
}
.faction-page .dir-card img{
  filter:saturate(.78) contrast(1.08) brightness(.86);
}
.faction-page .dir-card:hover img{
  filter:saturate(.94) contrast(1.1) brightness(.94);
}
.faction-page .doctrine-card img{
  object-position:center 55%;
  filter:saturate(.82) contrast(1.06) brightness(.88);
}
.faction-page .history>img{
  filter:saturate(.82) contrast(1.06) brightness(.92);
}

/* COMMAND HQ CONSISTENCY PASS — faction pages + live HQ briefing */
.faction-page .shell{background:#080a08}
.faction-page .faction-main{box-shadow:inset 0 0 80px rgba(0,0,0,.38)}
.faction-page .battle-hero{height:525px;border-bottom-color:#756e5b}
.faction-page .battle-scene{background-position:center center;background-size:cover;animation:none;transform:scale(1.006)}
.faction-page .battle-hero:before{content:"";position:absolute;inset:0;z-index:2;pointer-events:none;background:linear-gradient(90deg,rgba(0,0,0,.82) 0,rgba(0,0,0,.56) 29%,rgba(0,0,0,.12) 61%,rgba(0,0,0,.2)),linear-gradient(0deg,var(--faction-bg) 0,transparent 24%,transparent 78%,rgba(0,0,0,.25))}
.faction-page .battle-hero:after{z-index:3}
.faction-page .hero-copy{z-index:5;left:48px;top:55%;max-width:700px}
.faction-page .hero-copy .eyebrow{display:inline-block;border-left:3px solid var(--accent);padding-left:12px;text-shadow:0 2px 6px #000}
.faction-page .hero-copy h1{font-size:clamp(68px,7vw,108px);text-shadow:0 5px 0 #000,0 0 26px #000}
.faction-page .hero-copy .tag{display:inline-block;border:1px solid rgba(var(--accent-rgb),.52);background:rgba(5,6,5,.72);padding:4px 10px;margin-top:3px}
.faction-page .hero-copy p{font-size:15px;line-height:1.5;text-shadow:0 2px 5px #000}
.faction-page .hero-flag{right:34px;top:34px;width:184px;box-shadow:0 0 0 4px #080908,0 0 0 5px #514d41,0 18px 40px #000}
.faction-page .hero-flag img{height:230px}
.faction-page .faction-status{margin:-12px 22px 0}
.faction-page .content-wrap{padding:30px 28px 48px}
.faction-page .directory-grid,.faction-page .unit-grid{gap:14px}
.faction-page .dir-card{height:190px;border-color:#666050}
.faction-page .dir-card:before{content:"";position:absolute;z-index:3;left:0;right:0;top:0;height:3px;background:var(--accent);opacity:.35}
.faction-page .dir-card span{font-size:19px;text-shadow:0 2px 3px #000}
.faction-page .panel,.faction-page .roster-box,.faction-page .doctrine-card,.faction-page .history-copy,.faction-page .principle{box-shadow:inset 0 0 22px rgba(0,0,0,.3)}
.faction-page .unit-card{min-height:238px;border-color:#555043}
.faction-page .unit-card img{height:160px}
.faction-page .footer{border-top:1px solid #5a5547;background:linear-gradient(#151712,#090b09)}

/* The homepage modal should read as a compact version of the full HQ. */
.modal-card{width:min(1320px,96vw);border-color:#807966;background:linear-gradient(#0c0e0b,#080a08);box-shadow:0 0 0 4px #0c0e0b,0 0 0 6px #44443b,0 28px 110px #000}
.modal-rail{height:34px;background:repeating-linear-gradient(90deg,#34362f 0 56px,#151714 56px 64px);border-bottom-color:#77715d}
.modal-hero{height:405px;border-bottom:1px solid #625d4d}
.modal-hero .scene{background-position:center center;filter:saturate(.88) contrast(1.1) brightness(.98);transform:scale(1.006)}
.modal-hero:after{background:linear-gradient(90deg,rgba(0,0,0,.88) 0,rgba(0,0,0,.62) 34%,rgba(0,0,0,.08) 67%),linear-gradient(0deg,#0b0d0b 0,transparent 31%,transparent 78%,rgba(0,0,0,.2))}
.modal-title{left:48px;bottom:42px;max-width:64%}
.modal-title small{display:inline-block;border-left:3px solid var(--accent);padding-left:10px}
.modal-title h2{font-size:clamp(58px,6.5vw,96px);text-shadow:0 5px 0 #000,0 0 25px #000}
.modal-title p{display:inline-block;border:1px solid rgba(var(--accent-rgb),.5);background:rgba(5,6,5,.7);padding:4px 9px}
.modal-flag{right:38px;top:30px;width:184px;box-shadow:0 0 0 4px #080908,0 0 0 5px #514d41,0 16px 34px #000}
.modal-flag:before{content:"FACTION STANDARD";display:block;text-align:center;color:#817b6a;font:800 8px Arial,sans-serif;letter-spacing:2px;margin:0 0 5px}
.modal-body{padding:16px 24px 20px;background:linear-gradient(180deg,rgba(var(--accent-rgb),.025),transparent 45%)}
.modal-status{display:grid;grid-template-columns:repeat(5,1fr);border:1px solid #5b5749;background:#10120f;box-shadow:0 8px 22px rgba(0,0,0,.35)}
.modal-status>div{padding:12px 14px;border-right:1px solid #37382f}
.modal-status>div:last-child{border-right:0}
.modal-status small{display:block;color:#74736a;font-size:8px;letter-spacing:1.5px;text-transform:uppercase}
.modal-status b{font:900 14px Impact,"Arial Narrow",sans-serif;letter-spacing:.8px}
.modal-status .online b:before{content:"";display:inline-block;width:7px;height:7px;border-radius:50%;background:var(--green);box-shadow:0 0 8px var(--green);margin-right:7px}
.modal-brief{grid-template-columns:minmax(0,1fr) auto;align-items:stretch;border:1px solid #4e4a3f;background:#0d0f0c;margin-top:12px;gap:0}
.modal-brief>div:first-child{padding:14px 17px}
.modal-brief>div:first-child small{color:var(--accent);font:900 11px Arial,sans-serif;letter-spacing:1.8px}
.modal-brief>div:first-child p{margin:8px 0 0;color:#c0b9a9}
.modal-actions{align-items:center;margin:0;padding:12px 14px;border-left:1px solid #454238;background:#0a0c0a}

/* QA fix: the Consistency Pass block above (.faction-page .hero-flag / .hero-copy)
   has higher specificity than the responsive rules in the max-width media queries,
   so it was silently winning and causing the title/eyebrow to render behind the
   faction standard flag at phone widths. Re-declaring at matching specificity here
   (later in source order) restores the intended mobile sizing. */
@media(max-width:820px){
  .faction-page .hero-flag{right:22px;top:26px;width:120px}
  .faction-page .hero-flag img{height:145px}
  .faction-page .hero-copy{left:26px;right:150px;top:50%;max-width:520px}
}
@media(max-width:560px){
  .faction-page .hero-flag{right:12px;top:14px;width:88px}
  .faction-page .hero-flag img{height:96px}
  .faction-page .hero-copy{left:20px;right:20px;top:172px;max-width:none;transform:none}
  .faction-page .hero-copy h1{font-size:42px}
  .faction-page .hero-copy p{font-size:13px}
}
@media(max-width:820px){.modal-status{grid-template-columns:1fr 1fr}.modal-status>div:nth-child(5){grid-column:1/-1}.modal-brief{grid-template-columns:1fr}.modal-actions{border-left:0;border-top:1px solid #454238}.faction-page .hero-copy{left:26px}}
@media(max-width:560px){.modal-status{grid-template-columns:1fr}.modal-status>div:nth-child(5){grid-column:auto}.modal-actions{flex-wrap:wrap}.modal-actions .btn{flex:1 1 160px}.faction-page .battle-hero{height:440px}}