@import url('https://fonts.googleapis.com/css2?family=Black+Ops+One&family=Inter:wght@400;500;600;700;800&display=swap');
:root{--bg:#080a08;--panel:#0d100d;--line:#343a33;--text:#eceee9;--muted:#a6aba4;--accent:#e0b109;--accent2:#f4c520;--green:#4adc67;--max:1180px;--headline:'Black Ops One',Impact,'Arial Narrow',sans-serif;--body:'Inter',Arial,Helvetica,sans-serif;--hero-overlay:.30;--page-overlay:.38;--panel-opacity:.82;--hero-height:520px;--page-position:right top}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#050705;color:var(--text);font-family:var(--body);line-height:1.45;min-height:100vh}a{color:inherit;text-decoration:none}img{display:block}.container{width:min(var(--max),calc(100% - 38px));margin:auto}.muted{color:var(--muted)}
.site-background{position:fixed;z-index:-3;inset:0;background-image:url('/assets/images/hero-renegade-v5.png');background-repeat:no-repeat;background-size:cover;background-position:var(--page-position);background-attachment:fixed;transform:translateZ(0)}
.site-background-shade{position:fixed;z-index:-2;inset:0;background:rgba(3,5,3,var(--page-overlay));pointer-events:none}
.site-background-shade:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(2,4,2,.70) 0%,rgba(2,4,2,.43) 28%,rgba(2,4,2,.13) 53%,rgba(2,4,2,.04) 78%)}
.topbar{height:58px;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;padding:0 max(20px,calc((100vw - var(--max))/2));position:sticky;top:0;z-index:50;background:rgba(5,7,5,.91);backdrop-filter:blur(10px);border-bottom:1px solid #282d28}.brand-main{font-family:var(--headline);font-size:23px;letter-spacing:.04em}.nav{display:flex;gap:32px;height:100%;align-items:center}.nav a{font-size:12px;font-weight:600;color:#c8cbc5;position:relative}.nav a:hover,.nav a.active{color:#fff}.nav a.active:after{content:"";position:absolute;left:0;right:0;bottom:-20px;height:2px;background:var(--accent)}.top-join{justify-self:end}.menu-toggle{display:none}
.btn{min-height:40px;padding:0 17px;display:inline-flex;align-items:center;justify-content:center;gap:9px;border:1px solid #5a6058;font-weight:800;font-size:13px;transition:.2s}.btn img{width:15px;height:15px}.btn-primary{background:linear-gradient(#f3c522,#d6a600);border-color:#ebbd22;color:#111}.btn-primary:hover{filter:brightness(1.07)}.btn-ghost{background:rgba(4,6,4,.58);backdrop-filter:blur(5px)}
.hero{height:var(--hero-height);position:relative;border-bottom:1px solid #413819;background:transparent}.hero-shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(3,5,3,var(--hero-overlay)) 0%,rgba(3,5,3,calc(var(--hero-overlay)*.74)) 23%,rgba(3,5,3,calc(var(--hero-overlay)*.18)) 47%,rgba(3,5,3,0) 72%);pointer-events:none}.hero-layout{height:100%;position:relative;z-index:2}.hero-copy{position:absolute;left:0;top:50%;transform:translateY(-50%);width:430px}.eyebrow{letter-spacing:.23em;color:#d7dad3;font-size:11px;font-weight:700;margin-bottom:11px}.hero h1{font-family:var(--headline);font-size:clamp(48px,4.3vw,66px);line-height:.93;margin:0 0 13px;letter-spacing:.015em}.hero h2{color:var(--accent2);font-size:19px;line-height:1.2;margin:0 0 10px}.hero p{max-width:420px;color:#d4d7d1;font-size:14px;margin:0 0 20px}.hero-actions{display:flex;gap:11px;flex-wrap:wrap}.hero-status{position:absolute;left:51%;bottom:40px;width:290px}
.status-card{padding:6px 14px;background:rgba(7,10,7,.78);backdrop-filter:blur(7px);border:1px solid #515850;box-shadow:0 12px 34px rgba(0,0,0,.32)}.status-row{display:flex;justify-content:space-between;align-items:center;min-height:35px;border-bottom:1px solid #343a33;gap:11px}.status-row:last-child{border:0}.status-row>span{display:flex;align-items:center;gap:9px;color:#c7cac4;font-size:12px}.status-row img{width:13px;height:13px;opacity:.85}.status-row strong{font-size:12px;white-space:nowrap}.online{color:#e0e8de}.online i{display:inline-block;width:7px;height:7px;background:var(--green);border-radius:50%;margin-right:6px}.accent,.status-row b{color:var(--accent2)}
.features{padding:0 0 14px;background:transparent}.feature-grid{display:grid;grid-template-columns:repeat(4,1fr);border:1px solid var(--line);background:rgba(7,10,7,var(--panel-opacity));backdrop-filter:blur(8px)}.feature-grid article{padding:17px 19px;display:flex;align-items:flex-start;gap:13px;position:relative;min-height:96px}.feature-grid article:not(:last-child):after{content:"";position:absolute;right:0;top:16px;bottom:16px;width:1px;background:#3a4039}.feature-grid img{width:31px;height:31px;flex:0 0 auto;margin-top:2px}.feature-grid h3{font-size:14px;margin:0 0 4px}.feature-grid p{color:#b5b9b2;font-size:11px;margin:0}
.content-section{padding:0 0 20px;background:transparent}.split-grid{display:grid;grid-template-columns:.88fr 1.12fr;border:1px solid var(--line);background:rgba(7,10,7,var(--panel-opacity));backdrop-filter:blur(8px)}.panel{padding:22px 24px;min-height:260px}.panel:first-child{border-right:1px solid #3a4039}.panel h2,.section-title,.footer-brand{font-family:var(--headline);font-weight:400;letter-spacing:.04em}.panel h2{font-size:22px;margin:0 0 13px}.info-row{display:flex;justify-content:space-between;align-items:center;padding:13px 0;border-bottom:1px solid #353b34;gap:22px}.info-row:last-child{border-bottom:0}.info-row span{display:flex;align-items:center;gap:10px;color:#c0c4bd;font-size:12px}.info-row img{width:18px;height:18px}.info-row strong,.info-row a{color:var(--accent2);font-size:12px;text-align:right;word-break:break-word}.news-item{padding:0 0 12px;margin-bottom:12px;border-bottom:1px solid #353b34}.news-item:last-child{border-bottom:0;margin-bottom:0;padding-bottom:0}.news-item time{display:block;color:var(--accent2);font-weight:700;font-size:11px;margin-bottom:3px}.news-item h3{font-size:14px;margin:0 0 2px}.news-item p{margin:0;color:#bec2bb;font-size:11px}
.gallery-section{padding:0 0 27px;background:transparent}.section-title{font-size:21px;margin:0 0 12px;text-shadow:0 2px 8px #000}.gallery{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.gallery figure{margin:0;aspect-ratio:1.7;overflow:hidden;border:1px solid #515750;border-radius:3px;background:rgba(7,10,7,.65)}.gallery img{width:100%;height:100%;object-fit:cover}.rules-strip{border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:13px 0;color:#bec2bb;font-size:12px;background:rgba(7,10,7,.72);backdrop-filter:blur(8px)}.rules-strip .container{display:flex;gap:10px;flex-wrap:wrap}.rules-strip strong{color:#e8ebe4}footer{padding:20px 0 16px;background:rgba(5,7,5,.83);backdrop-filter:blur(9px)}.footer-grid{display:flex;align-items:center;justify-content:space-between;gap:24px}.footer-brand{font-size:23px}.footer-grid p{margin:4px 0 0;color:#a4aaa1;font-size:12px}.footer-grid nav{display:flex;gap:21px;color:#c3c7c0;font-size:12px;flex-wrap:wrap}.copyright{border-top:1px solid #343934;margin-top:17px;padding-top:12px;text-align:center;color:#8a9088;font-size:10px}
@media(max-width:980px){.site-background{background-position:72% top}.hero{height:auto;min-height:680px}.hero-layout{min-height:680px}.hero-copy{position:relative;left:auto;top:auto;transform:none;padding-top:100px;width:min(520px,100%)}.hero-status{position:relative;left:auto;bottom:auto;margin-top:18px;width:min(330px,100%)}.feature-grid{grid-template-columns:1fr 1fr}.split-grid{grid-template-columns:1fr}.panel:first-child{border-right:0;border-bottom:1px solid #3a4039}}
@media(max-width:800px){.topbar{grid-template-columns:1fr auto;height:62px;padding:0 18px}.menu-toggle{display:block;background:none;border:0;color:#fff;font-size:23px}.nav{display:none;position:absolute;top:62px;left:0;right:0;height:auto;flex-direction:column;align-items:flex-start;background:#090b09;padding:18px}.nav.open{display:flex}.nav a.active:after{display:none}.top-join{display:none}.footer-grid{flex-direction:column;align-items:flex-start}}
@media(max-width:560px){.container{width:min(100% - 26px,var(--max))}.site-background{background-position:72% top}.hero{min-height:650px}.hero h1{font-size:44px}.hero h2{font-size:17px}.hero p{font-size:13px}.hero-actions .btn{width:100%}.feature-grid{grid-template-columns:1fr}.feature-grid article:not(:last-child):after{top:auto;left:16px;right:16px;bottom:0;width:auto;height:1px}.gallery{grid-template-columns:1fr}.panel{padding:20px 17px}}
/* SSR2 hosting fix: background is always visible behind content. */
.site-background{z-index:-1!important;background-color:#10130f!important;background-image:url('/assets/images/hero-renegade-v5.png');}
.site-background-shade{z-index:0!important;pointer-events:none!important;opacity:.72}
.topbar,main,footer{position:relative;z-index:1}
.hero{overflow:hidden}
.offline{color:#ff7b6d}.offline i{display:inline-block;width:7px;height:7px;background:#e9574f;border-radius:50%;margin-right:6px}