@import url('https://fonts.googleapis.com/css2?family=Black+Ops+One&family=Saira+Condensed:ital,wght@0,400;0,600;0,700;0,800;1,600;1,700;1,800&family=Rajdhani:wght@400;500;600;700&display=swap');
*{box-sizing:border-box;margin:0}
:root{
  --bg:#0b0d0a;--panel:#11140f;--panel2:#171c12;--panel3:#1f2614;
  --line:#2c3520;--line2:#48553a;--line3:#6d7d4a;
  --tx:#f2efe4;--mut:#9aa385;--dim:#6b755a;
  --acc:#ffb000;--amb:#ffcf4d;--haz:#ffd23f;
  --grn:#8ee06e;--red:#ff5340;--blu:#7ec8e3;--cy:#5fd4e8;
}
html{scrollbar-color:var(--line2) var(--bg)}
body{background:var(--bg);color:var(--tx);font:15px/1.6 'Rajdhani','Segoe UI',sans-serif;min-height:100vh;
  background-image:
    radial-gradient(ellipse 80% 45% at 50% -10%,rgba(255,176,0,.07) 0%,transparent 60%),
    linear-gradient(180deg,#0e110b 0%,var(--bg) 240px)}
body::before{content:'';position:fixed;inset:0;pointer-events:none;z-index:998;
  background:radial-gradient(ellipse 75% 90% at 50% 50%,transparent 55%,rgba(0,0,0,.45))}
body::after{content:'';position:fixed;inset:0;pointer-events:none;z-index:999;opacity:.05;
  background:repeating-linear-gradient(0deg,transparent 0 3px,#000 3px 6px)}
a{color:var(--blu);text-decoration:none}a:hover{text-decoration:underline}
.stencil{font-family:'Black Ops One',cursive;letter-spacing:1px}
.wrap{max-width:1180px;margin:0 auto;padding:0 18px;position:relative;z-index:2}
::selection{background:var(--acc);color:#000}

/* ============ BOOT SCREEN ============ */
#boot{position:fixed;inset:0;z-index:9999;display:flex;align-items:center;justify-content:center;
  background:url('/img/bg/heli.jpg') center/cover no-repeat #05060a;
  transition:opacity .55s ease,visibility .55s}
#boot::before{content:'';position:absolute;inset:0;background:rgba(7,8,5,.86);
  backdrop-filter:blur(3px) saturate(.8)}
.boot-scan{position:absolute;inset:0;pointer-events:none;overflow:hidden}
.boot-scan::before{content:'';position:absolute;left:0;right:0;height:120px;top:-140px;
  background:linear-gradient(180deg,transparent,rgba(255,176,0,.14),transparent);
  animation:bootscan 2.4s linear infinite}
@keyframes bootscan{to{top:110%}}
.boot-scan::after{content:'';position:absolute;inset:0;
  background:repeating-linear-gradient(0deg,transparent 0 3px,rgba(0,0,0,.12) 3px 6px)}
#boot.done{opacity:0;visibility:hidden}
.boot-in{text-align:center;width:min(360px,82vw);position:relative;z-index:2}
.boot-tag{font-family:'Saira Condensed';font-weight:800;font-size:10px;letter-spacing:4px;color:var(--acc);
  border:1px solid rgba(255,176,0,.4);display:inline-block;padding:4px 14px;margin-bottom:22px;
  clip-path:polygon(8px 0,100% 0,calc(100% - 8px) 100%,0 100%);background:rgba(255,176,0,.07)}
.boot-msg{font-family:'Saira Condensed';font-weight:700;font-size:12px;letter-spacing:3px;color:var(--mut);
  min-height:18px;margin-top:16px}
#boot img{height:84px;width:84px;filter:drop-shadow(0 0 22px rgba(255,176,0,.6));animation:bootpulse 1.6s ease-in-out infinite}
@keyframes bootpulse{50%{transform:scale(1.06);filter:drop-shadow(0 0 34px rgba(255,176,0,.9))}}
.boot-title{display:flex;flex-direction:column;gap:2px;margin:14px 0 18px}
.boot-title i{font-style:normal;font-family:'Saira Condensed';font-weight:800;font-size:11px;letter-spacing:6px;color:var(--mut)}
.boot-title b{font-family:'Black Ops One';font-size:30px;letter-spacing:2px;
  background:linear-gradient(180deg,var(--amb),var(--acc) 70%,#c78000);-webkit-background-clip:text;background-clip:text;color:transparent}
.boot-bar{height:4px;background:#1a1f12;border:1px solid var(--line2);overflow:hidden}
.boot-bar i{display:block;height:100%;width:0;background:linear-gradient(90deg,#8a6400,var(--acc));
  box-shadow:0 0 14px rgba(255,176,0,.7);transition:width .18s}
.boot-pct{margin-top:8px;font-family:'Saira Condensed';font-weight:800;font-size:12px;letter-spacing:3px;color:var(--mut)}

/* ============ DROPDOWNS ============ */
.dd{position:relative;display:inline-flex}
.dd-menu{position:absolute;top:100%;left:0;min-width:190px;padding:6px;z-index:70;
  display:none;flex-direction:column;gap:2px;
  background:linear-gradient(180deg,var(--panel3),var(--panel2));
  border:1px solid var(--line2);border-radius:3px;
  box-shadow:0 6px 0 #000,0 18px 40px -10px rgba(0,0,0,.95);
  clip-path:polygon(0 0,calc(100% - 12px) 0,100% 12px,100% 100%,12px 100%,0 calc(100% - 12px))}
.dd-menu.right{left:auto;right:0}
.dd:hover .dd-menu,.dd.open .dd-menu{display:flex}
.dd-menu a{color:var(--mut);font-family:'Saira Condensed';font-size:13.5px;font-weight:800;
  letter-spacing:1.2px;text-transform:uppercase;padding:10px 14px;transition:.14s;
  clip-path:polygon(8px 0,100% 0,calc(100% - 8px) 100%,0 100%)}
.dd-menu a:hover{color:var(--amb);text-decoration:none;
  background:linear-gradient(180deg,rgba(255,176,0,.14),rgba(255,176,0,.04))}

/* 3-faction tricolor strip (Lonestar/Valkyra/Manticore) */
.hazard{height:4px;background:linear-gradient(90deg,var(--acc) 0%,var(--acc) 33%,var(--red) 33%,var(--red) 66%,var(--cy) 66%,var(--cy) 100%);
  box-shadow:0 1px 8px rgba(255,176,0,.25)}

/* ============ NAV — mission-ops command bar ============ */
header{position:sticky;top:0;z-index:60;
  background:linear-gradient(180deg,rgba(15,18,12,.97),rgba(10,12,8,.94));
  backdrop-filter:blur(12px);
  border-bottom:1px solid var(--line2);
  box-shadow:0 4px 24px -8px rgba(0,0,0,.85)}
header::after{content:'';position:absolute;left:0;right:0;bottom:-1px;height:1px;
  background:linear-gradient(90deg,transparent,rgba(255,176,0,.5) 25%,rgba(255,176,0,.5) 75%,transparent)}
header.scrolled{box-shadow:0 8px 30px -8px rgba(0,0,0,.95)}
header.scrolled nav{padding:5px 0}
header.scrolled .logo img{height:36px;width:36px}
header.scrolled .logo-plate b{font-size:16px}
nav{display:flex;align-items:stretch;gap:6px;padding:9px 0;flex-wrap:wrap;transition:padding .25s}
.logo img{transition:.25s}.logo-plate b{transition:.25s}
/* insignia slab */
.logo{display:flex;align-items:stretch;gap:0;text-decoration:none}
.logo img{height:46px;width:46px;align-self:center;margin-right:11px;
  filter:drop-shadow(0 0 12px rgba(255,176,0,.65))}
.logo-plate{display:flex;flex-direction:column;justify-content:center;gap:1px;
  padding:5px 18px 5px 15px;position:relative;
  background:linear-gradient(105deg,rgba(255,176,0,.18),rgba(255,176,0,.03) 55%,transparent);
  border:1px solid var(--line2);border-left:3px solid var(--acc);
  clip-path:polygon(0 0,100% 0,calc(100% - 13px) 100%,0 100%)}
.logo-plate::after{content:'';position:absolute;bottom:0;left:12%;right:28%;height:2px;
  background:linear-gradient(90deg,var(--acc),transparent)}
.logo-plate i{font-style:normal;font-family:'Saira Condensed';font-weight:800;font-size:9.5px;
  letter-spacing:4.5px;color:var(--mut);line-height:1}
.logo-plate b{font-family:'Black Ops One';font-size:20px;letter-spacing:1.5px;line-height:1.1;
  background:linear-gradient(180deg,var(--amb),var(--acc) 65%,#c78000);-webkit-background-clip:text;background-clip:text;color:transparent;
  filter:drop-shadow(0 0 16px rgba(255,176,0,.45))}
/* mission-select slabs */
.nl-group{display:flex;gap:5px;align-items:stretch;margin-left:12px}
.nl-group+.nl-group{margin-left:14px}
nav a.nl,nav button.nl{color:var(--mut);font-family:'Saira Condensed';font-size:13.5px;font-weight:800;
  letter-spacing:1.4px;text-transform:uppercase;padding:0 16px;border:0;cursor:pointer;background:none;
  display:inline-flex;align-items:center;position:relative;transition:.16s;
  clip-path:polygon(10px 0,100% 0,calc(100% - 10px) 100%,0 100%)}
nav a.nl::before,nav button.nl::before{content:'';position:absolute;left:0;top:22%;bottom:22%;width:3px;
  background:var(--acc);transform:scaleY(0);transition:.16s}
nav a.nl::after{content:'';position:absolute;left:15%;right:15%;bottom:6px;height:2px;
  background:var(--acc);transform:scaleX(0);transition:.18s;box-shadow:0 0 8px var(--acc)}
nav a.nl:hover,nav button.nl:hover{color:var(--amb);text-decoration:none;
  background:linear-gradient(180deg,rgba(255,176,0,.14),rgba(255,176,0,.04))}
nav a.nl:hover::before{transform:scaleY(1)}
nav a.nl:hover::after{transform:scaleX(1)}
nav a.nl.act{color:#140e02;font-weight:800;
  background:linear-gradient(180deg,#ffd45e,var(--acc) 55%,#e08f00);
  box-shadow:0 3px 0 #2c2100,inset 0 1px 0 rgba(255,255,255,.55),0 6px 20px -6px rgba(255,176,0,.55)}
nav a.nl.act:hover{color:#140e02;filter:brightness(1.08);
  background:linear-gradient(180deg,#ffd45e,var(--acc) 55%,#e08f00)}
nav a.nl.act::before,nav a.nl.act::after{display:none}
nav a.nl.grn{color:var(--grn)}
nav a.nl.grn:hover{color:#baf09d;background:linear-gradient(180deg,rgba(142,224,110,.14),rgba(142,224,110,.04))}
nav a.nl.grn::before,nav a.nl.grn::after{background:var(--grn)}
nav a.nl.who{color:var(--tx);background:rgba(255,255,255,.05);border:1px solid var(--line2)}
nav .sp{flex:1}

/* ============ BUTTONS — combat slabs ============ */
.btn{position:relative;display:inline-block;overflow:hidden;
  background:linear-gradient(180deg,#ffd45e,var(--acc) 55%,#dd9200);
  color:#140e02;font-family:'Saira Condensed';font-weight:800;font-size:15px;letter-spacing:2px;
  text-transform:uppercase;padding:13px 30px;border:0;cursor:pointer;
  clip-path:polygon(12px 0,100% 0,calc(100% - 12px) 100%,0 100%);
  box-shadow:0 0 0 1px rgba(255,210,80,.5),0 4px 0 #2c2100,0 10px 28px -6px rgba(255,176,0,.55),
    inset 0 1px 0 rgba(255,255,255,.55),inset 0 -9px 16px -7px rgba(120,70,0,.55);
  transition:transform .14s,box-shadow .2s,filter .18s;text-decoration:none}
.btn:hover{filter:brightness(1.1) saturate(1.05);transform:translateY(-2px);text-decoration:none;
  box-shadow:0 0 0 1px rgba(255,215,90,.85),0 6px 0 #2c2100,0 16px 36px -4px rgba(255,176,0,.6),
    inset 0 1px 0 rgba(255,255,255,.6),inset 0 -9px 16px -7px rgba(120,70,0,.55)}
.btn:active{transform:translateY(2px);
  box-shadow:0 0 0 1px rgba(255,215,90,.4),0 1px 0 #2c2100,0 4px 14px -4px rgba(255,176,0,.4),inset 0 2px 6px rgba(120,70,0,.5)}
.btn::after{content:'';position:absolute;top:0;left:-90%;width:38%;height:100%;
  background:linear-gradient(105deg,transparent,rgba(255,255,255,.6),transparent);
  transform:skewX(-18deg);transition:left .4s}
.btn:hover::after{left:140%}
.btn2{display:inline-block;background:linear-gradient(180deg,var(--panel3),var(--panel2));
  color:var(--tx);font-family:'Saira Condensed';font-weight:800;font-size:13.5px;letter-spacing:1.2px;
  text-transform:uppercase;padding:11px 20px;cursor:pointer;border:1px solid var(--line2);
  clip-path:polygon(10px 0,100% 0,calc(100% - 10px) 100%,0 100%);
  box-shadow:0 3px 0 #000,inset 0 1px 0 rgba(255,255,255,.08),0 8px 22px -10px #000;
  transition:.16s;text-decoration:none}
.btn2:hover{border-color:var(--acc);color:var(--amb);text-decoration:none;transform:translateY(-1px);
  box-shadow:0 4px 0 #000,0 0 18px rgba(255,176,0,.2),inset 0 1px 0 rgba(255,255,255,.12)}
.btn2:active{transform:translateY(1px);box-shadow:0 1px 0 #000}
.btn.danger{background:linear-gradient(180deg,#ff8266,var(--red) 55%,#c22e1e);color:#fff;
  box-shadow:0 0 0 1px rgba(255,130,100,.45),0 4px 0 #3d0c05,0 10px 28px -6px rgba(255,83,64,.5),
    inset 0 1px 0 rgba(255,255,255,.45),inset 0 -9px 16px -7px rgba(90,0,0,.5)}

/* ============ DOSSIER PANELS ============ */
.card{position:relative;padding:20px;border-radius:2px;
  background:linear-gradient(175deg,var(--panel3) 0%,var(--panel2) 40%,var(--panel) 100%);
  border:1px solid var(--line);
  box-shadow:0 1px 0 rgba(255,255,255,.04) inset,0 -14px 30px -20px rgba(0,0,0,.8) inset,
    0 12px 34px -16px rgba(0,0,0,.9);
  clip-path:polygon(0 0,calc(100% - 14px) 0,100% 14px,100% 100%,14px 100%,0 calc(100% - 14px));
  transition:border-color .2s,transform .2s,box-shadow .2s}
.card:hover{border-color:var(--line3);transform:translateY(-2px);
  box-shadow:0 1px 0 rgba(255,255,255,.06) inset,0 -14px 30px -20px rgba(0,0,0,.8) inset,
    0 18px 42px -14px rgba(0,0,0,.95),0 0 30px -8px rgba(255,176,0,.18)}
.card::before{content:'';position:absolute;top:0;left:10%;right:10%;height:1px;
  background:linear-gradient(90deg,transparent,rgba(255,176,0,.5),transparent);pointer-events:none}
.grid{display:grid;gap:14px}
h1{font-family:'Black Ops One';font-size:30px;margin:6px 0 4px;letter-spacing:.5px;
  background:linear-gradient(180deg,#fff8e8,var(--tx) 55%,#b8ab7f);-webkit-background-clip:text;background-clip:text;color:transparent;
  filter:drop-shadow(0 0 24px rgba(255,176,0,.18)) drop-shadow(0 3px 0 rgba(0,0,0,.7))}
h2{font-family:'Black Ops One';font-size:20px;margin:4px 0 10px;color:var(--acc);letter-spacing:.5px;
  text-shadow:0 0 20px rgba(255,176,0,.35)}
h3{font-family:'Saira Condensed';font-style:italic;font-size:15.5px;font-weight:800;letter-spacing:2px;
  text-transform:uppercase;color:var(--amb)}
.mut{color:var(--mut);font-size:13px}.small{font-size:12.5px}
code{background:#000;border:1px solid var(--line2);padding:1px 6px;color:var(--amb);font-size:12px;border-radius:2px}

/* ============ LIVE WIRE TICKER ============ */
.ticker{overflow:hidden;position:relative;z-index:55;background:#070905;border-bottom:1px solid var(--line2)}
.ticker-in{display:flex;width:max-content;animation:tick 60s linear infinite;padding:8px 0}
.ticker:hover .ticker-in{animation-play-state:paused}
.ticker span{font-family:'Saira Condensed';font-size:12.5px;font-weight:800;letter-spacing:1.1px;
  text-transform:uppercase;color:var(--mut);padding:0 26px;white-space:nowrap;
  border-right:1px solid rgba(255,176,0,.16)}
.ticker span::before{content:'▮ ';color:var(--acc)}
.ticker span b{color:var(--acc)}
.ticker span.red b{color:var(--red)}
@keyframes tick{to{transform:translateX(-50%)}}

/* ============ HERO — full-bleed cinematic ============ */
.hero{padding:110px 0 60px;text-align:center;position:relative;overflow:hidden;
  border-bottom:1px solid var(--line2);min-height:560px;display:flex;align-items:center;justify-content:center}
.hero-vid{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:0;
  filter:saturate(.9) brightness(.9)}
.hero-inner{position:relative;z-index:3;width:100%;padding:0 18px}
.hero:not(.video){background:url('/img/bg/heli.jpg') center 42%/cover no-repeat}
.hero::before{content:'';position:absolute;inset:0;z-index:1;pointer-events:none;
  background:
    linear-gradient(180deg,rgba(11,13,10,.55) 0%,rgba(11,13,10,.38) 40%,rgba(11,13,10,.72) 80%,var(--bg) 100%),
    radial-gradient(ellipse 90% 70% at 50% 60%,transparent 40%,rgba(11,13,10,.5))}
.hero::after{content:'';position:absolute;inset:0;z-index:2;pointer-events:none;
  background:repeating-linear-gradient(0deg,transparent 0 3px,rgba(0,0,0,.06) 3px 6px);
  box-shadow:inset 0 0 160px rgba(0,0,0,.55)}
.radar{width:190px;height:190px;margin:0 auto 18px;border-radius:50%;position:relative;
  border:1px solid rgba(255,176,0,.65);
  background:
    radial-gradient(circle,rgba(255,176,0,.16) 0%,transparent 32%),
    radial-gradient(circle,transparent 30%,rgba(255,176,0,.24) 31%,transparent 32%,transparent 64%,rgba(255,176,0,.13) 65%,transparent 66%),
    conic-gradient(from 0deg,rgba(255,176,0,.7),rgba(255,176,0,.1) 75deg,transparent 125deg);
  box-shadow:0 0 64px rgba(255,176,0,.3),inset 0 0 60px rgba(255,176,0,.1),0 0 0 10px rgba(255,176,0,.04),0 0 0 1px rgba(255,176,0,.15);
  animation:sweep 4s linear infinite}
.radar::after{content:'';position:absolute;inset:18%;border-radius:50%;
  border:1px dashed rgba(255,176,0,.38);animation:sweep 14s linear infinite reverse}
.radar::before{content:'';position:absolute;inset:0;border-radius:50%;
  background:repeating-conic-gradient(rgba(255,176,0,.07) 0 6deg,transparent 6deg 22deg)}
@keyframes sweep{to{transform:rotate(360deg)}}
.hero h1{font-size:clamp(42px,7vw,68px);line-height:1;
  filter:drop-shadow(0 0 46px rgba(255,176,0,.4)) drop-shadow(0 4px 0 rgba(0,0,0,.85))}
.hero h1 em{font-style:normal;
  background:linear-gradient(180deg,var(--amb),var(--acc) 60%,#e08c00);-webkit-background-clip:text;background-clip:text;color:transparent}
.hero p{color:var(--mut);max-width:680px;margin:0 auto 30px;font-size:17.5px;font-weight:500;
  text-shadow:0 2px 8px rgba(0,0,0,.8)}
.hero .btn{font-size:16px;padding:15px 42px}
.hero-counters{display:flex;justify-content:center;gap:16px;margin-top:40px;flex-wrap:wrap}
.hc{min-width:124px;padding:13px 22px;text-align:center;position:relative;
  background:linear-gradient(180deg,rgba(23,28,18,.92),rgba(17,20,15,.92));
  border:1px solid var(--line2);backdrop-filter:blur(4px);
  clip-path:polygon(10px 0,100% 0,calc(100% - 10px) 100%,0 100%);
  box-shadow:0 4px 0 #000,inset 0 1px 0 rgba(255,255,255,.06)}
.hc::before{content:'';position:absolute;top:0;left:15%;right:15%;height:1px;
  background:linear-gradient(90deg,transparent,var(--acc),transparent)}
.hc b{display:block;font-family:'Black Ops One';font-size:34px;
  background:linear-gradient(180deg,var(--amb),var(--acc));-webkit-background-clip:text;background-clip:text;color:transparent;
  filter:drop-shadow(0 0 18px rgba(255,207,63,.4))}
.hc span{font-family:'Saira Condensed';font-style:italic;font-size:11px;font-weight:800;
  letter-spacing:2.4px;text-transform:uppercase;color:var(--mut)}

/* cinematic photo divider band */
.cineband{position:relative;overflow:hidden;border-top:1px solid var(--line2);border-bottom:1px solid var(--line2)}
.cineband img{display:block;width:100%;height:150px;object-fit:cover;filter:brightness(.6) saturate(.85)}
.cineband::before{content:'';position:absolute;inset:0;
  background:linear-gradient(180deg,var(--bg) 0%,transparent 40%,transparent 60%,var(--bg) 100%)}

/* ============ BADGES ============ */
.badge{display:inline-flex;align-items:center;gap:4px;font-family:'Saira Condensed';font-size:11px;
  font-weight:800;letter-spacing:1px;text-transform:uppercase;padding:3px 10px;
  background:var(--panel3);border:1px solid var(--line2);color:var(--mut);border-radius:2px;
  clip-path:polygon(5px 0,100% 0,calc(100% - 5px) 100%,0 100%)}
.badge.acc{background:rgba(255,176,0,.14);color:var(--amb);border-color:var(--acc);
  box-shadow:0 0 14px rgba(255,176,0,.22)}
.badge.grn{background:rgba(142,224,110,.11);color:var(--grn);border-color:var(--grn);
  box-shadow:0 0 12px rgba(142,224,110,.16)}
.badge.red{background:rgba(255,83,64,.11);color:var(--red);border-color:var(--red);
  box-shadow:0 0 12px rgba(255,83,64,.18)}
.badge.haz{background:rgba(255,210,63,.13);color:var(--haz);border-color:var(--haz)}
.badge.blu{background:rgba(126,200,227,.09);color:var(--blu);border-color:var(--blu)}
.stars{color:var(--acc);letter-spacing:2px;font-size:14px;
  text-shadow:0 0 14px rgba(255,176,0,.55)}

/* ============ KILLBOARD LIST ============ */
.pilot-row{display:flex;align-items:center;gap:12px;padding:13px 6px;
  border-bottom:1px solid var(--line);position:relative;transition:background .15s}
.pilot-row:hover{background:linear-gradient(90deg,rgba(255,176,0,.08),transparent 70%)}
.pilot-row:hover::before{content:'';position:absolute;left:0;top:12%;bottom:12%;width:3px;
  background:var(--acc);box-shadow:0 0 10px var(--acc)}
.pilot-row:last-child{border:0}
.av{width:46px;height:46px;flex-shrink:0;display:flex;align-items:center;justify-content:center;
  font-family:'Black Ops One';color:var(--amb);font-size:19px;
  background:linear-gradient(145deg,#232c10,#0c0f06);
  border:1px solid var(--line3);border-radius:5px;
  clip-path:polygon(8px 0,100% 0,calc(100% - 8px) 100%,0 100%);
  box-shadow:2px 2px 0 #000,0 0 14px rgba(255,176,0,.2),inset 0 1px 0 rgba(255,255,255,.08)}
.av img{width:100%;height:100%;object-fit:cover}
.tbl{width:100%;border-collapse:collapse;font-size:14px}
.tbl th{text-align:left;color:var(--mut);font-family:'Saira Condensed';font-style:italic;font-size:12px;
  font-weight:800;letter-spacing:1.8px;text-transform:uppercase;padding:10px;
  border-bottom:1px solid var(--line2)}
.tbl td{padding:11px 10px;border-bottom:1px solid var(--line);vertical-align:top}
.tbl tr{transition:background .15s}
.tbl tr:hover td{background:rgba(255,176,0,.05)}

/* ============ CONSOLE FORMS ============ */
form.stack{display:flex;flex-direction:column;gap:11px;max-width:580px}
input,textarea,select{background:#070905;border:1px solid var(--line2);color:var(--tx);
  padding:12px 14px;font:inherit;font-size:15px;width:100%;font-family:'Rajdhani';border-radius:2px;
  transition:border-color .15s,box-shadow .15s;position:relative}
input::placeholder,textarea::placeholder{color:var(--dim)}
input:focus,textarea:focus,select:focus{outline:none;border-color:var(--acc);
  box-shadow:0 0 0 2px rgba(255,176,0,.18),0 0 22px rgba(255,176,0,.14)}
select option{background:var(--panel2);color:var(--tx)}
label{font-family:'Saira Condensed';font-style:italic;font-size:11.5px;font-weight:800;letter-spacing:2px;
  text-transform:uppercase;color:var(--mut)}
.row{display:flex;gap:10px;align-items:center}.row>*{flex:1}.row>.auto{flex:0 0 auto}
.two{display:grid;grid-template-columns:1fr 1fr;gap:14px}
@media(max-width:800px){.two{grid-template-columns:1fr}}

/* ============ SURVEILLANCE CLIP GRID ============ */
.clip-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(310px,1fr));gap:16px}
.clip{display:flex;flex-direction:column;overflow:hidden;position:relative;
  background:linear-gradient(175deg,var(--panel3),var(--panel2) 50%,var(--panel));
  border:1px solid var(--line);border-radius:2px;
  clip-path:polygon(0 0,calc(100% - 14px) 0,100% 14px,100% 100%,14px 100%,0 calc(100% - 14px));
  box-shadow:0 4px 0 #000,0 14px 32px -14px #000;transition:transform .2s,border-color .2s,box-shadow .2s}
.clip:hover{border-color:var(--acc);transform:translateY(-3px);
  box-shadow:0 7px 0 #000,0 22px 42px -12px #000,0 0 32px -6px rgba(255,176,0,.32)}
.clip .thumb{aspect-ratio:16/9;background:#000;display:flex;align-items:center;justify-content:center;
  color:var(--mut);font-size:12px;position:relative}
.clip .thumb::after{content:'';position:absolute;inset:0;
  background:linear-gradient(180deg,transparent 55%,rgba(0,0,0,.7));
  box-shadow:inset 0 0 30px rgba(0,0,0,.5)}
.clip .thumb iframe,.clip .thumb video{width:100%;height:100%;border:0;position:relative;z-index:1}
.clip .body{padding:14px 16px;display:flex;flex-direction:column;gap:7px;flex:1}

/* ============ VOTES / SUBNAV / STATS ============ */
.vote{display:inline-flex;align-items:center;gap:5px;padding:5px 12px;cursor:pointer;
  background:var(--panel3);border:1px solid var(--line2);color:var(--mut);
  font-family:'Saira Condensed';font-size:13px;font-weight:800;letter-spacing:.6px;border-radius:2px;
  clip-path:polygon(6px 0,100% 0,calc(100% - 6px) 100%,0 100%);transition:.15s}
.vote:hover{border-color:var(--acc);color:var(--amb);box-shadow:0 0 14px rgba(255,176,0,.22)}
.vote.on{color:var(--amb);border-color:var(--acc);background:rgba(255,176,0,.15);
  box-shadow:0 0 18px rgba(255,176,0,.35)}
.sub{display:flex;gap:8px;flex-wrap:wrap;margin:12px 0}
.sub a{font-family:'Saira Condensed';font-style:italic;font-size:12.5px;font-weight:800;letter-spacing:1px;
  text-transform:uppercase;padding:6px 14px;color:var(--mut);text-decoration:none;
  background:var(--panel3);border:1px solid var(--line2);border-radius:2px;
  clip-path:polygon(8px 0,100% 0,calc(100% - 8px) 100%,0 100%);transition:.15s}
.sub a:hover{border-color:var(--acc);color:var(--amb);text-decoration:none}
.sub a.on{color:var(--amb);border-color:var(--acc);background:rgba(255,176,0,.15);
  box-shadow:0 0 14px rgba(255,176,0,.25)}
.stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:12px;margin:16px 0}
.stat{position:relative;text-align:center;padding:15px 10px;border-radius:2px;
  background:linear-gradient(180deg,var(--panel2),var(--panel));
  border:1px solid var(--line);box-shadow:0 3px 0 #000,inset 0 1px 0 rgba(255,255,255,.05)}
.stat::before{content:'';position:absolute;top:0;left:15%;right:15%;height:1px;
  background:linear-gradient(90deg,transparent,var(--acc),transparent)}
.stat b{display:block;font-family:'Black Ops One';font-size:21px;
  background:linear-gradient(180deg,var(--amb),var(--acc));-webkit-background-clip:text;background-clip:text;color:transparent}
.stat span{font-family:'Saira Condensed';font-style:italic;font-size:10.5px;font-weight:800;
  letter-spacing:1.8px;text-transform:uppercase;color:var(--mut)}
.bar{height:9px;background:#050604;border:1px solid var(--line2);overflow:hidden;margin-top:6px;border-radius:2px;
  clip-path:polygon(4px 0,100% 0,calc(100% - 4px) 100%,0 100%)}
.bar i{display:block;height:100%;
  background:repeating-linear-gradient(90deg,var(--amb) 0 8px,var(--haz) 8px 12px);
  box-shadow:0 0 14px rgba(255,176,0,.5)}
.bar.red i{background:repeating-linear-gradient(90deg,#a02020,var(--red) 8px 12px);
  box-shadow:0 0 14px rgba(255,83,64,.5)}
.bar.grn i{background:repeating-linear-gradient(90deg,#3a7a2a,var(--grn) 8px 12px);
  box-shadow:0 0 14px rgba(142,224,110,.5)}

/* ============ REVIEW FILE ENTRIES ============ */
.rev{position:relative;padding:15px 16px;margin-bottom:11px;border-radius:2px;
  background:linear-gradient(175deg,var(--panel2),var(--panel));
  border:1px solid var(--line);border-left:3px solid var(--acc);
  box-shadow:0 3px 0 #000,0 10px 26px -14px #000;transition:border-color .2s}
.rev:hover{border-color:var(--line3);border-left-color:var(--amb)}
.rev.complaint{border-left-color:var(--red)}
.rev .hd{display:flex;gap:9px;align-items:center;flex-wrap:wrap;margin-bottom:7px}
.reply{margin:9px 0 0 15px;padding:9px 13px;border-left:2px solid var(--grn);
  background:rgba(142,224,110,.06);font-size:13.5px;border-radius:0 3px 3px 0}

/* toast */
.toast{position:fixed;bottom:22px;left:50%;transform:translateX(-50%) translateY(16px);
  background:linear-gradient(180deg,var(--panel3),var(--panel2));border:1px solid var(--acc);color:var(--tx);
  padding:12px 28px;font-family:'Saira Condensed';font-style:italic;font-weight:800;letter-spacing:1.2px;
  font-size:14px;text-transform:uppercase;z-index:9999;opacity:0;transition:.25s cubic-bezier(.2,1.3,.4,1);
  pointer-events:none;border-radius:3px;
  clip-path:polygon(10px 0,100% 0,calc(100% - 10px) 100%,0 100%);
  box-shadow:0 6px 0 #000,0 0 34px rgba(255,176,0,.35)}
.toast.show{opacity:1;transform:translateX(-50%) translateY(0)}

footer{border-top:1px solid var(--line2);margin-top:56px;padding:26px 0;
  color:var(--mut);font-size:12.5px;text-align:center;
  background:linear-gradient(0deg,rgba(0,0,0,.65),transparent)}
.sec{margin:38px 0}
.sec-head{display:flex;align-items:center;gap:12px;margin-bottom:15px}
.sec-head h2,.sec-head h3{position:relative;padding-left:14px}
.sec-head h2::before,.sec-head h3::before{content:'';position:absolute;left:0;top:10%;bottom:10%;width:4px;
  background:linear-gradient(180deg,var(--amb),var(--acc));box-shadow:0 0 10px var(--acc)}
.sec-head::after{content:'';flex:1;height:1px;
  background:linear-gradient(90deg,var(--acc),transparent)}
.hidden{display:none}
.rank{font-family:'Black Ops One';font-size:22px;color:rgba(255,255,255,.14);width:38px;text-align:center}
.rank.r1{color:var(--haz);text-shadow:0 0 18px rgba(255,210,63,.65)}
.rank.r2{color:#eee;text-shadow:0 0 14px rgba(255,255,255,.5)}
.rank.r3{color:#e8a05c;text-shadow:0 0 14px rgba(232,160,92,.55)}
.trust{font-family:'Black Ops One';font-size:15px;color:var(--grn);text-shadow:0 0 16px rgba(142,224,110,.55)}
img.meme{max-width:100%;border:1px solid var(--line2);display:block;border-radius:2px;box-shadow:0 4px 0 #000}
.kbd-hint{font-family:'Saira Condensed';font-style:italic;font-size:11px;color:var(--mut);letter-spacing:1px;
  text-transform:uppercase}

@media(max-width:720px){
  .hero{padding:48px 0 30px}
  .hero-counters{gap:12px}
  .hc{min-width:96px;padding:9px 12px}
  h1{font-size:24px}
  .card{padding:16px}
}