:root{--gunmetal-950: #0e1013;--gunmetal-900: #14171b;--gunmetal-850: #1a1e23;--gunmetal-800: #22272e;--gunmetal-700: #343a40;--gunmetal-600: #495057;--gunmetal-500: #70757a;--gunmetal-400: #8d9399;--gunmetal-300: #adb5bd;--olive-950: var(--gunmetal-950);--olive-900: var(--gunmetal-900);--olive-850: var(--gunmetal-850);--olive-800: var(--gunmetal-800);--olive-700: #343a40;--olive-600: #495057;--olive-500: #70757a;--olive-400: #70757a;--olive-300: #adb5bd;--color-bg: #0e1013;--color-bg-elevated: #16191d;--color-bg-card: #1c2025;--color-border: #282d34;--color-border-strong: #343a40;--color-text: #ffffff;--color-text-muted: #adb5bd;--color-text-dim: #70757a;--color-accent: #f47c20;--color-accent-hover: #ff8f38;--color-accent-dim: rgba(244, 124, 32, .14);--color-accent-glow: rgba(244, 124, 32, .45);--color-on-accent: #0e1013;--color-gunmetal: #343a40;--color-slate: #70757a;--color-olive: #70757a;--color-olive-deep: #343a40;--color-olive-hover: #9aa0a6;--color-olive-dim: rgba(112, 117, 122, .16);--color-olive-glow: rgba(112, 117, 122, .32);--color-grid-olive: rgba(112, 117, 122, .12);--color-grid-accent: rgba(244, 124, 32, .15);--color-cover-from: #22272e;--color-cover-to: var(--color-bg);--font-heading: "Inter", system-ui, sans-serif;--font-mono: "Inter", system-ui, sans-serif;--font-body: "Inter", system-ui, sans-serif;--radius: 18px;--radius-pill: 999px;--container-width: 1200px;--page-max: 1440px;--page-max-narrow: 1240px;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 24px;--space-6: 32px;--space-7: 48px;--space-8: 64px;--shadow-card: 0 16px 40px -20px rgba(0, 0, 0, .65);--shadow-glow-accent: 0 0 60px var(--color-accent-dim);--shadow-glow-olive: 0 0 48px var(--color-olive-dim);--duration-reveal: .6s;--duration-hover: .25s;--ease-hud: cubic-bezier(.16, 1, .3, 1);--brutal-border: 2px solid var(--color-border-strong);--brutal-border-accent: 2px solid var(--color-accent);--brutal-shadow: 5px 5px 0px rgba(0, 0, 0, .7);--brutal-shadow-sm: 3px 3px 0px rgba(0, 0, 0, .6);--brutal-shadow-lg: 8px 8px 0px rgba(0, 0, 0, .85);--brutal-shadow-accent: 5px 5px 0px var(--color-accent);--brutal-shadow-accent-dim: 5px 5px 0px var(--color-accent-dim);--brutal-radius: 22px;--brutal-radius-sm: 14px;--brutal-radius-lg: 28px;--color-side-a: #4f8ff0;--color-side-a-dim: rgba(79, 143, 240, .14);--color-side-b: #ef5b4e;--color-side-b-dim: rgba(239, 91, 78, .14)}*{box-sizing:border-box}html,body{height:100%}html{color-scheme:dark;background:var(--color-bg)}body{margin:0;background-color:var(--color-bg);background-image:radial-gradient(ellipse 90% 55% at 0% -8%,rgba(52,58,64,.28),transparent 58%),radial-gradient(ellipse 70% 45% at 100% 0%,var(--color-accent-dim),transparent 52%);color:var(--color-text);font-family:var(--font-body);display:flex;flex-direction:column;min-height:100vh}::selection{background:var(--color-accent);color:#0e1013}:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:var(--color-bg)}::-webkit-scrollbar-thumb{background:color-mix(in srgb,var(--color-olive) 70%,var(--color-border-strong));border-radius:var(--radius-pill);border:2px solid var(--color-bg)}::-webkit-scrollbar-thumb:hover{background:var(--color-olive-hover)}@keyframes fade-in-up{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}@keyframes pulse-glow{0%,to{opacity:1;box-shadow:0 0 6px var(--color-accent)}50%{opacity:.45;box-shadow:0 0 2px var(--color-accent)}}@keyframes count-tick{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important}}main{flex:1 0 auto;background:transparent}main>div[id$=-root]:empty{display:none}#footer-root{flex-shrink:0}a{color:inherit}h1,h2,h3{font-family:var(--font-heading);text-transform:uppercase;letter-spacing:.02em;margin:0}.eyebrow{display:inline-flex;align-items:center;gap:.6em;font-family:var(--font-mono);font-size:.75rem;letter-spacing:.12em;text-transform:uppercase;color:var(--color-text-muted)}.eyebrow:before{content:"";display:inline-block;width:1.4em;height:1px;background:linear-gradient(90deg,var(--color-olive),var(--color-accent))}#faq,#raid-night,#maps,#community,#join,#operations,#servers,#rules{scroll-margin-top:5.5rem}.container{max-width:var(--container-width);margin:0 auto;padding:0 2rem}@media (max-width: 600px){.container{padding:0 1.1rem}}.hud-label{font-family:var(--font-mono);font-size:.68rem;letter-spacing:.08em;text-transform:uppercase;color:var(--color-text-dim)}.hud-frame{position:relative}.hud-frame:before,.hud-frame:after{content:"";position:absolute;width:.8rem;height:.8rem;border:1px solid var(--color-olive);opacity:0;pointer-events:none;transition:opacity var(--duration-hover) ease}.hud-frame:before{top:-1px;left:-1px;border-right:none;border-bottom:none}.hud-frame:after{bottom:-1px;right:-1px;border-left:none;border-top:none}.hud-frame:hover:before,.hud-frame:hover:after{opacity:.85}.section-header{max-width:40rem;margin-bottom:var(--space-7)}.section-header h2{font-size:clamp(1.6rem,2.4vw,2.1rem);margin:.7rem 0 1rem}.section-header p{color:var(--color-text-muted);line-height:1.6;margin:0}.visually-hidden{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important;opacity:0!important;pointer-events:none!important}