@import url('/assets/portal.css');
@import url('/assets/admin-actions.css');
@import url('/assets/comp.css');
@import url('/assets/rank-selects.css');
@import url('/assets/player-search.css');
:root { --ink:#0b0e0c; --panel:#111611; --olive:#858752; --olive2:#b1a86b; --sand:#e9dfc0; --muted:#9b9d91; --line:#252c25; --green:#8fbe72; }
*{box-sizing:border-box} html{scroll-behavior:smooth} body{margin:0;background:var(--ink);color:#f3f0e6;font-family:Arial,Helvetica,sans-serif;background-image:linear-gradient(rgba(255,255,255,.018) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.018) 1px,transparent 1px);background-size:42px 42px} button,a{font:inherit}.shell{width:min(1180px,calc(100% - 48px));margin:auto}.nav{height:86px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.brand{display:flex;align-items:center;gap:14px;color:inherit;text-decoration:none}.brand img{width:88px;height:40px;object-fit:contain}.brand span{display:grid;letter-spacing:2px;font-size:13px}.brand small{color:var(--olive2);font-size:9px;letter-spacing:5px;margin-top:3px}.navlinks{display:flex;gap:36px}.navlinks a,.ghost{color:#b7b9b1;text-decoration:none;font-size:12px;text-transform:uppercase;letter-spacing:1.8px}.button{border:1px solid var(--olive2);background:var(--olive2);color:#10130f;padding:15px 22px;text-transform:uppercase;font-size:11px;font-weight:800;letter-spacing:1.5px;cursor:pointer}.button span{margin-left:28px}.button.small{padding:11px 16px;background:transparent;color:var(--sand)}.hero{min-height:670px;display:grid;grid-template-columns:1.04fr .96fr;align-items:center;position:relative;overflow:hidden}.eyebrow{color:var(--olive2);font-size:10px;letter-spacing:3.5px;font-weight:800}.hero h1{font-size:clamp(52px,6vw,88px);line-height:.9;letter-spacing:-4px;margin:24px 0 28px;text-transform:uppercase;max-width:720px}.hero h1 em{font-style:normal;color:transparent;-webkit-text-stroke:1px var(--olive2)}.lede{color:#a9aba2;max-width:590px;font-size:17px;line-height:1.7}.actions{display:flex;align-items:center;gap:26px;margin:38px 0 50px}.statusRow{display:flex;gap:36px}.status{display:flex;gap:10px;align-items:center}.status i{width:7px;height:7px;border-radius:50%;background:var(--olive2);box-shadow:0 0 12px currentColor}.status i.green{background:var(--green)}.status span{display:grid;text-transform:uppercase;color:#777d74;font-size:9px;letter-spacing:1.5px}.status b{color:#e8e6de;font-size:12px;margin-top:4px}.heroArt{height:100%;display:grid;place-items:center;position:relative}.heroArt>img{width:min(570px,95%);position:relative;z-index:2;filter:drop-shadow(0 30px 50px #000)}.radar{position:absolute;width:530px;height:530px;border:1px solid #292f28;border-radius:50%}.radar span{position:absolute;border:1px solid #20261f;border-radius:50%;inset:12%}.radar span:nth-child(2){inset:25%}.radar span:nth-child(3){inset:38%}.radar span:nth-child(4){inset:50%;border-radius:0;border-width:0 1px}.coordinate{position:absolute;right:0;bottom:55px;color:#63685f;text-align:right;font:10px monospace;line-height:1.7}.coordinate b{color:#9b9875}.ticker{border-block:1px solid var(--line);height:46px;display:flex;align-items:center;overflow:hidden;color:#8c9086;font:10px monospace;letter-spacing:2px;white-space:nowrap}.ticker div{margin:auto}.ticker span{color:var(--olive2);padding:0 30px}.capabilities{padding:110px 0}.sectionHead{display:grid;grid-template-columns:1fr 1fr;gap:90px;align-items:end;margin-bottom:55px}.sectionHead h2,.briefing h2,.modal h2{font-size:46px;text-transform:uppercase;line-height:1;margin:12px 0}.sectionHead>p,.briefing p{color:var(--muted);line-height:1.8}.featureGrid{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--line);border-left:1px solid var(--line)}.featureGrid article{padding:34px;min-height:255px;border-right:1px solid var(--line);border-bottom:1px solid var(--line);background:rgba(15,19,15,.7)}.featureGrid article:hover{background:#151b15}.featureGrid span{color:#686d63;font:10px monospace}.featureGrid h3{text-transform:uppercase;letter-spacing:1px;margin-top:32px}.featureGrid p{color:#8f9389;font-size:13px;line-height:1.7}.featureGrid a{display:inline-block;margin-top:20px;color:var(--olive2);text-decoration:none;text-transform:uppercase;font-size:9px;letter-spacing:1px}.briefing{margin-bottom:110px;padding:70px;display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:center;border:1px solid #343a2d;background:linear-gradient(115deg,#151a14,#0c100d)}.flow{display:grid;grid-template-columns:1fr;gap:10px;text-align:center}.flow b{padding:16px;border:1px solid #3a4234;color:var(--sand);letter-spacing:3px}.flow span{color:#656c61;font:9px monospace;letter-spacing:2px}footer{display:grid;grid-template-columns:1fr 1.5fr .5fr;gap:40px;align-items:center;border-top:1px solid var(--line);padding:45px 0;color:#6f746b;font-size:10px;line-height:1.7}.footBrand img{width:100px;height:38px;object-fit:contain}.footBrand p{color:#aaa;margin:2px 0}.modalBackdrop{position:fixed;inset:0;background:rgba(0,0,0,.78);display:grid;place-items:center;z-index:20;padding:24px}.modal{width:min(460px,100%);padding:42px;background:#121712;border:1px solid #4d513a;text-align:center;position:relative}.modal>img{width:145px}.modal p:not(.eyebrow){color:#9b9e95;line-height:1.6}.close{position:absolute;right:16px;top:12px;border:0;background:none;color:#aaa;font-size:28px;cursor:pointer}.steam{width:100%;margin:20px 0 12px;padding:15px;background:#252b26;color:#777;border:1px solid #3a4039;text-transform:uppercase;font-size:11px;letter-spacing:2px}.modal small{display:block;color:#656961;line-height:1.5}
@media(max-width:850px){.navlinks{display:none}.hero{grid-template-columns:1fr;padding:70px 0}.heroArt{min-height:450px;order:-1}.heroArt>img{width:380px}.radar{width:390px;height:390px}.hero h1{font-size:56px}.featureGrid{grid-template-columns:1fr 1fr}.sectionHead,.briefing{grid-template-columns:1fr;gap:25px}.statusRow{flex-wrap:wrap}footer{grid-template-columns:1fr}}
@media(max-width:560px){.shell{width:min(100% - 28px,1180px)}.nav{height:72px}.brand span{display:none}.heroArt{min-height:360px}.heroArt>img{width:320px}.radar{width:310px;height:310px}.hero h1{font-size:44px;letter-spacing:-2px}.actions{align-items:flex-start;flex-direction:column}.featureGrid{grid-template-columns:1fr}.sectionHead h2,.briefing h2{font-size:36px}.briefing{padding:35px}.coordinate{display:none}}
.modalBackdrop[hidden]{display:none}.steam.active{background:var(--olive2);color:#10130f;text-decoration:none;cursor:pointer}.account{display:flex;align-items:center;gap:14px}.account span{display:grid;color:#858b81;font-size:9px;text-transform:uppercase;letter-spacing:1px}.account b{color:var(--sand);font-size:12px;margin-top:3px}.account .button{text-decoration:none}
.portalHero{min-height:330px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.portalHero h1{font-size:clamp(48px,7vw,86px);text-transform:uppercase;margin:12px 0}.portalHero p:not(.eyebrow){color:var(--muted)}.portalHero img{width:260px;height:260px;object-fit:contain}.statGrid{display:grid;grid-template-columns:repeat(4,1fr);margin-top:42px;border-left:1px solid var(--line);border-top:1px solid var(--line)}.statGrid article{padding:28px;border-right:1px solid var(--line);border-bottom:1px solid var(--line);background:var(--panel)}.statGrid span,.module small{display:block;color:var(--muted);font-size:10px;text-transform:uppercase;letter-spacing:1.4px}.statGrid b{display:block;font-size:25px;margin-top:10px;color:var(--sand)}.portalGrid{display:grid;grid-template-columns:1fr 1fr;gap:22px;margin-top:22px}.portalCard{padding:34px;border:1px solid var(--line);background:#101410}.portalCard h2{text-transform:uppercase;margin:12px 0 24px}.roleList{display:flex;gap:10px;flex-wrap:wrap}.roleList span{padding:10px 13px;border:1px solid #444a37;color:var(--sand);font-size:11px}.muted{color:var(--muted)}dl{margin:0}dl div{display:flex;justify-content:space-between;gap:20px;padding:12px 0;border-bottom:1px solid var(--line)}dt{color:var(--muted);font-size:11px;text-transform:uppercase}dd{margin:0;color:var(--sand);text-align:right}.moduleGrid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin:22px auto 100px}.module{padding:25px;border:1px solid var(--line);background:#121612}.module span{color:#666d61;font:10px monospace}.module b{display:block;text-transform:uppercase;margin:24px 0 8px}.portalBody footer a{color:var(--olive2)}@media(max-width:850px){.statGrid,.moduleGrid{grid-template-columns:1fr 1fr}.portalGrid{grid-template-columns:1fr}.portalHero img{width:190px}}@media(max-width:560px){.portalHero img{display:none}.statGrid,.moduleGrid{grid-template-columns:1fr}.account span{display:none}}
.discordNav{color:#c8caff!important}.discordButton{display:inline-flex;align-items:center;gap:.7rem;padding:15px 20px;background:#5865f2;color:#fff;text-decoration:none;font-size:11px;font-weight:800;letter-spacing:1.4px;text-transform:uppercase;border:1px solid #7983f5;transition:.2s ease}.discordButton:hover{background:#6d78f5;transform:translateY(-2px);box-shadow:0 12px 30px rgba(88,101,242,.28)}.discordButton span{color:#fff}.discordPortalCta{margin-top:22px;padding:22px 26px;display:flex;align-items:center;justify-content:space-between;gap:24px;border:1px solid rgba(88,101,242,.55);background:linear-gradient(110deg,rgba(88,101,242,.18),rgba(17,22,17,.96))}.discordPortalCta b,.discordPortalCta small{display:block}.discordPortalCta b{text-transform:uppercase;font-size:18px;margin:4px 0 7px}.discordPortalCta small{color:var(--muted)}@media(max-width:560px){.discordPortalCta{align-items:flex-start;flex-direction:column}}

/* Consistent dark form controls across public, portal, faction and staff pages. */
:root{color-scheme:dark}input:not([type="checkbox"]):not([type="radio"]):not([type="range"]):not([type="button"]):not([type="submit"]):not([type="reset"]),select,textarea{box-sizing:border-box;background:#070a07!important;color:#f3f0e6!important;border:1px solid #343a32!important;caret-color:var(--olive2)}input::placeholder,textarea::placeholder{color:#747a70;opacity:1}input:focus,select:focus,textarea:focus{outline:1px solid var(--olive2);border-color:var(--olive2)!important;box-shadow:0 0 0 3px rgba(184,176,111,.12)}input:-webkit-autofill,input:-webkit-autofill:hover,input:-webkit-autofill:focus{-webkit-text-fill-color:#f3f0e6;-webkit-box-shadow:0 0 0 1000px #070a07 inset;transition:background-color 9999s ease-out}select option{background:#070a07;color:#f3f0e6}
