@font-face{font-family:"Black Ops One";src:url("assets/black-ops-one.woff2") format("woff2");font-display:swap}@font-face{font-family:"Barlow Condensed";src:url("assets/barlow-condensed-400.woff2") format("woff2");font-weight:400;font-display:swap}@font-face{font-family:"Barlow Condensed";src:url("assets/barlow-condensed-600.woff2") format("woff2");font-weight:600;font-display:swap}@font-face{font-family:"Barlow Condensed";src:url("assets/barlow-condensed-700.woff2") format("woff2");font-weight:700;font-display:swap}
:root{--background:oklch(.2 .015 120);--foreground:oklch(.9 .03 95);--card:oklch(.25 .02 120);--primary:oklch(.72 .16 65);--primary-foreground:oklch(.18 .02 90);--muted:oklch(.28 .02 120);--muted-foreground:oklch(.68 .03 100);--olive:oklch(.42 .07 120);--khaki:oklch(.78 .06 90);--border:oklch(.38 .03 115);--destructive:oklch(.7 .17 28);--shadow-glow:0 0 30px -6px color-mix(in oklab,var(--primary) 60%,transparent);--hero-overlay:linear-gradient(180deg,oklch(.15 .015 120 / .3) 0%,oklch(.2 .015 120 / .85) 70%,var(--background) 100%);--texture:repeating-linear-gradient(45deg,oklch(1 0 0 / .015) 0 2px,transparent 2px 8px)}
*{box-sizing:border-box}body{margin:0;background:var(--background);background-image:var(--texture);color:var(--foreground);font:18px/1.5 "Barlow Condensed",Arial,sans-serif}h1,h2,h3,.display{font-family:"Black Ops One",Impact,sans-serif;text-transform:uppercase;letter-spacing:0}h1,h2,h3,p{margin:0}h2{font-size:36px;line-height:1.2}h3{font-size:21px}a{color:inherit;text-decoration:none}button,input,textarea{font:inherit}button,a,input,textarea{outline-offset:4px}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.5}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible{outline:2px solid var(--primary)}.container{width:min(1152px,100%);margin:auto;padding-inline:16px}.site-header{position:sticky;top:0;z-index:30;border-bottom:2px solid color-mix(in oklab,var(--primary) 60%,transparent);background:color-mix(in oklab,var(--background) 90%,transparent);backdrop-filter:blur(12px)}.header-inner{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px;padding-block:12px}.brand{font:24px "Black Ops One",Impact,sans-serif;color:var(--primary)}nav{display:flex;flex-wrap:wrap;gap:20px;font-size:14px;font-weight:700;text-transform:uppercase;letter-spacing:.1em}nav a{color:var(--muted-foreground)}nav a:hover,nav a[aria-current=page]{color:var(--primary)}.eyebrow{font-size:14px;text-transform:uppercase;font-weight:700;letter-spacing:.3em;color:var(--primary)}.hero{position:relative;min-height:85vh;display:flex;align-items:flex-end;overflow:hidden}.hero-image,.hero-shade{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.hero-shade{background:var(--hero-overlay)}.hero-content{position:relative;padding-bottom:80px}.hero h1{margin-top:12px;font-size:96px;line-height:1}.primary{color:var(--primary)}.hero-copy{margin-top:20px;max-width:576px;font-size:22px;color:var(--khaki)}.actions{display:flex;flex-wrap:wrap;gap:16px;margin-top:32px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:12px 24px;font-weight:700;text-transform:uppercase;letter-spacing:.1em;border:0;background:var(--primary);color:var(--primary-foreground);clip-path:polygon(8px 0,100% 0,100% calc(100% - 8px),calc(100% - 8px) 100%,0 100%,0 8px);transition:filter .2s}.btn:hover{filter:brightness(1.12)}.btn-outline{clip-path:none;background:transparent;border:2px solid var(--khaki);color:var(--khaki);padding:10px 22px}.btn-outline:hover{background:var(--khaki);color:var(--background)}.glow{box-shadow:var(--shadow-glow)}.home-section{padding-block:64px}.home-columns{display:grid;grid-template-columns:minmax(0,1fr) 360px;gap:40px;align-items:start}.factions{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-top:40px}.faction{border:1px solid var(--border);background:var(--card);padding:24px;text-align:center}.faction:hover{border-color:var(--primary)}.flag{font-size:48px;line-height:1.2}.faction p{margin-top:12px;font-size:18px;overflow-wrap:anywhere}.features{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:32px;margin-top:64px;border-block:1px solid var(--border);background:color-mix(in oklab,var(--olive) 30%,transparent);padding:32px}.feature{border-left:4px solid var(--primary);padding-left:20px}.feature p{margin-top:8px;color:var(--muted-foreground)}.comments-aside{position:sticky;top:80px}.comments-panel{border:1px solid var(--border);background:color-mix(in oklab,var(--card) 40%,transparent)}.comments-header{display:flex;justify-content:space-between;align-items:baseline;gap:12px;border-bottom:1px solid var(--border);background:color-mix(in oklab,var(--olive) 40%,transparent);padding:12px 16px}.comments-header .eyebrow{font-size:11px}.comments-header h2{font-size:24px;margin-top:4px}.comments-count{font-size:12px;color:var(--muted-foreground)}.comments-body{padding:16px}.comment-form{display:grid;gap:12px}.comment-form input,.comment-form textarea{width:100%;min-width:0;padding:8px 12px;border:1px solid var(--border);color:var(--foreground);background:var(--background);border-radius:0}.comment-form textarea{resize:vertical}.form-actions{display:flex;flex-wrap:wrap;align-items:center;gap:12px}.form-status{font-size:14px;color:var(--destructive)}.comments-list{display:grid;gap:12px;margin-top:20px}.comments-panel .comments-list{max-height:416px;overflow-y:auto;padding-right:4px}.comment{border-left:4px solid var(--primary);background:var(--card);padding:16px;overflow-wrap:anywhere}.comment-meta{display:flex;justify-content:space-between;gap:12px}.comment-name{font-weight:700;text-transform:uppercase;letter-spacing:.1em;color:var(--primary)}.comment-date{font-size:12px;color:var(--muted-foreground);white-space:nowrap}.comment-message{margin-top:4px;white-space:pre-wrap}.muted{color:var(--muted-foreground)}.page-title{padding-top:64px;padding-bottom:32px}.page-title h1{margin-top:8px;font-size:60px;line-height:1.2}.page-title .subtitle{margin-top:12px;max-width:672px;font-size:20px;color:var(--muted-foreground)}.downloads{display:grid;gap:16px}.download{display:flex;justify-content:space-between;align-items:center;gap:16px;border:1px solid var(--border);padding:24px;background:var(--card)}.download.primary-download{border-color:var(--primary)}.download-meta{margin-top:4px;font-size:14px;text-transform:uppercase;letter-spacing:.1em;color:var(--muted-foreground)}.installation{margin-top:24px;background:var(--muted);border:1px solid var(--border);padding:24px}.installation h3{font-size:18px;color:var(--primary)}.installation ol{padding-left:20px;color:var(--muted-foreground);margin-bottom:0}.videos-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}.video{border:1px solid var(--border);background:var(--card)}.video-frame{aspect-ratio:16/9;background:var(--muted);display:flex;align-items:center;justify-content:center;color:var(--muted-foreground)}.video-frame iframe{width:100%;height:100%;border:0}.video-title{padding:16px}.channel-link{padding-top:40px}.networks{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}.network{border:1px solid var(--border);background:var(--card);padding:32px}.network:hover{border-color:var(--primary)}.network h2{font-size:30px}.network p{color:var(--muted-foreground);margin-top:12px}.network span{display:inline-block;margin-top:24px;font-weight:700;text-transform:uppercase;letter-spacing:.1em;color:var(--primary)}.community-comments{padding-top:64px}.community-comments h2{margin-top:8px}.community-comments .comment-form{margin-top:24px;border:1px solid var(--border);background:var(--card);padding:24px}.site-footer{margin-top:80px;border-top:1px solid var(--border);padding-bottom:80px}.hazard{height:8px;background:repeating-linear-gradient(-45deg,var(--primary) 0 12px,var(--background) 12px 24px)}.footer-inner{display:flex;justify-content:space-between;align-items:center;gap:16px;padding-block:32px;font-size:14px;color:var(--muted-foreground)}.social-links{display:flex;gap:20px;font-weight:700;text-transform:uppercase;letter-spacing:.1em}.social-links a:hover{color:var(--primary)}.music-player{position:fixed;bottom:16px;right:16px;z-index:40;display:flex;align-items:center;gap:12px;max-width:calc(100% - 32px);border:2px solid color-mix(in oklab,var(--primary) 60%,transparent);background:color-mix(in oklab,var(--card) 95%,transparent);padding:8px 12px;backdrop-filter:blur(12px)}.music-play{display:flex;align-items:center;justify-content:center;width:36px;height:36px;flex-shrink:0;border:0;background:var(--primary);color:var(--primary-foreground);font-weight:700}.music-details{display:flex;flex-direction:column;font-size:12px}.music-label{color:var(--primary);font-weight:700;text-transform:uppercase;letter-spacing:.1em}.music-title{color:var(--muted-foreground);max-width:180px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.music-mute{background:none;border:0;color:var(--khaki);padding:4px}.music-player input{width:80px;accent-color:var(--primary)}
@media(max-width:1023px){.home-columns{grid-template-columns:1fr}.comments-aside{position:static}.comments-panel .comments-list{max-height:416px}}
@media(max-width:767px){.hero h1{font-size:60px}.page-title h1{font-size:36px}.download{flex-direction:column;align-items:flex-start}.videos-grid,.networks{grid-template-columns:1fr}.footer-inner{flex-direction:column;text-align:center}.hero-content{padding-bottom:64px}.hero{min-height:78vh}}
@media(max-width:639px){.factions{grid-template-columns:repeat(2,minmax(0,1fr))}.features{grid-template-columns:1fr;padding:24px;gap:24px}.music-details{display:none}.header-inner{justify-content:center}.hero-copy{font-size:20px}.faction{padding:20px}.eyebrow{letter-spacing:.2em}nav{gap:16px}.social-links{gap:16px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}
