/* ============================================================
   WARDOGS × FIREPLAY - dark military theme (v2 mockup).
   Loads after site.css + wardogs.css and re-skins the section:
   near-black ground, WARDOGS gold, Fireplay orange/red for action.
   ============================================================ */
:root{
  --wd-bg:#0E0D0B; --wd-bg2:#15130F; --wd-panel:#1B1915; --wd-panel2:#221F19;
  --wd-line:rgba(201,162,39,.16); --wd-line2:rgba(255,246,227,.08);
  --wd-text:#F3EBD8; --wd-text2:#A79E8B; --wd-text3:#6F685B;
  --gold:#C9A227; --gold-2:#E3BC3A; --gold-soft:rgba(201,162,39,.14);
  --olive:#5B6B3D; --olive-soft:rgba(91,107,61,.22);
  --cream:var(--wd-text); --ink:var(--wd-text); --ink-soft:var(--wd-text2);
  --line:var(--wd-line); --line-soft:var(--wd-line2); --panel:var(--wd-panel);
  --reg-oce:#C9A227; --reg-oce-ink:#E3BC3A; --reg-oce-soft:rgba(201,162,39,.16);
  --reg-na:#FF6B78;  --reg-na-ink:#FF8A94;  --reg-na-soft:rgba(225,29,46,.2);
  --reg-eu:#8FA663;  --reg-eu-ink:#A9BF7C;  --reg-eu-soft:rgba(143,166,99,.16);
  --ok:#7DBE5A; --ok-ink:#9BD57A; --ok-soft:rgba(125,190,90,.16);
  --place:var(--gold);
}
html,body.wd{ background:var(--wd-bg); color:var(--wd-text); }
body.wd{ background-image:radial-gradient(ellipse 60% 40% at 80% -10%,rgba(201,162,39,.08),transparent 60%),radial-gradient(ellipse 50% 30% at 0% 0%,rgba(225,29,46,.07),transparent 60%); }
.wd a{ color:var(--gold-2); text-decoration-color:rgba(201,162,39,.4); }
.wd a:hover{ color:#fff; }
.wd ::selection{ background:rgba(201,162,39,.35); }
.wd :focus-visible{ outline-color:var(--gold); }

/* ---------- site shell: nav + footer go dark ---------- */
.wd .nav{ background:rgba(14,13,11,.85); border-bottom:1px solid var(--wd-line2); }
.wd .nav.scrolled{ background:rgba(14,13,11,.95); box-shadow:0 10px 30px -20px rgba(0,0,0,.8); }
.wd .nav__brand img{ content:url("../assets/logo-full.png"); }
.wd .nav__links a{ color:var(--wd-text2); }
.wd .nav__links a:hover,.wd .nav__links a.active{ color:#fff; }
.wd .nav__links a::after{ background:var(--gold); }
.wd .nav__new{ background:var(--gold); color:#1A1209; }
.wd .nav__live{ background:rgba(255,246,227,.06); border:1px solid var(--wd-line2); color:var(--wd-text2); }
.wd .nav__live.is-live{ background:var(--red); color:#fff; border-color:transparent; }
.wd .nav__burger span{ background:var(--wd-text); }
@media (max-width:1100px){ .wd .nav__links{ background:rgba(14,13,11,.98); border-bottom-color:var(--wd-line2); } .wd .nav__links a{ border-bottom-color:var(--wd-line2); } }
.subnav{ background:rgba(14,13,11,.8); border-bottom:1px solid var(--wd-line); }
.subnav a{ color:var(--wd-text2); }
.subnav a:hover,.subnav a.active{ color:#fff; }
.subnav a.active{ border-bottom-color:var(--gold); }
.acct{ background:rgba(255,246,227,.05); border-color:var(--wd-line2); color:var(--wd-text); }
.acct:hover{ border-color:var(--gold); }
.wd .footer{ background:#0A0908; border-top:1px solid var(--wd-line); }
.footer__note{ color:var(--wd-text3); }
.discord-hint{ background:var(--gold); color:#1A1209; }
.discord-hint a{ color:#1A1209; }

/* ---------- buttons ---------- */
.wd .btn--fire{ background:var(--fire); color:#fff; box-shadow:0 10px 30px -14px rgba(255,122,24,.8); }
.wd .btn--ink{ background:var(--gold); color:#1A1209; }
.wd .btn--ink:hover{ background:var(--gold-2); box-shadow:0 10px 26px -14px rgba(201,162,39,.9); }
.wd .btn--ghost{ color:var(--wd-text); border-color:var(--wd-line); background:transparent; }
.wd .btn--ghost:hover{ border-color:var(--gold); color:var(--gold-2); background:transparent; }
.wd .btn--light{ background:var(--wd-text); color:#1A1209; }
.wd .btn--danger{ color:#FF8A94; border-color:rgba(225,29,46,.45); }
.copy,.tab,.filters select,.search,.pill span{ background:var(--wd-panel); border-color:var(--wd-line2); color:var(--wd-text); }
.copy:hover,.tab:hover{ border-color:var(--gold); color:var(--gold-2); }
.copy.is-done{ background:var(--ok-soft); color:var(--ok-ink); }
.tab[aria-selected="true"]{ background:var(--gold); color:#1A1209; border-color:var(--gold); }
.tab--OCE[aria-selected="true"]{ background:var(--gold); border-color:var(--gold); color:#1A1209; }
.tab--NA[aria-selected="true"]{ background:var(--red); border-color:var(--red); color:#fff; }
.tab--EU[aria-selected="true"]{ background:var(--olive); border-color:var(--olive); color:#fff; }
.filters select{ background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8'%3E%3Cpath d='M1 1l5 5 5-5' fill='none' stroke='%23C9A227' stroke-width='2'/%3E%3C/svg%3E"); }
.pill input:checked+span{ background:var(--gold); color:#1A1209; border-color:var(--gold); }
.switch i{ background:rgba(255,246,227,.15); }
.switch input:checked+i{ background:var(--gold); }
.switch input:checked+i::after{ background:#1A1209; }
.wd .check input{ accent-color:var(--gold); }
.wd input:not([type=checkbox]):not([type=radio]):not([type=file]):not([type=range]),.wd textarea,.wd select,.wd .field input,.wd .field textarea,.wd .field select{ background:var(--wd-bg2); border-color:var(--wd-line2); color:var(--wd-text); }
.wd input:focus,.wd textarea:focus,.wd select:focus{ border-color:var(--gold); box-shadow:0 0 0 3px rgba(201,162,39,.18); }
.wd input::placeholder,.wd textarea::placeholder{ color:var(--wd-text3); }
.wd .field label{ color:var(--wd-text); }
.wd .field .help,.wd .field .count{ color:var(--wd-text2); }
.drop{ background:var(--wd-bg2); border-color:var(--wd-line); }
.drop.is-over{ border-color:var(--gold); }
.wd .acc > :not(summary),.prose-rules p,.prose-rules li,.prose-rules .clause,.rules li{ color:var(--wd-text2); }
.prose-rules code,.ph{ background:rgba(201,162,39,.12); color:var(--gold-2); }
.rules li::before{ color:var(--gold); }
.hsteps li::before{ background:var(--gold); color:#1A1209; }
.acc summary::after{ color:var(--gold); }

/* ---------- type & sections ---------- */
.wd .eyebrow{ color:var(--gold); }
.wd-title,.wd-h2,.wd-h3,.big{ color:var(--wd-text); }
.wd-lead,.wd-note{ color:var(--wd-text2); }
.wd-note--honest{ border-top-color:var(--wd-line2); }
.wd-hero{ background:linear-gradient(160deg,#1B1813 0%,#12100D 55%,#0E0D0B 100%); border-bottom:1px solid var(--wd-line); padding:4.6rem 0 3.8rem; }
.wd-hero::after{ background-image:radial-gradient(rgba(201,162,39,.35) 1.5px,transparent 1.5px); background-size:26px 26px; -webkit-mask-image:linear-gradient(100deg,transparent 40%,#000 100%); mask-image:linear-gradient(100deg,transparent 40%,#000 100%); }
.wd-hero__flame{ opacity:.85; filter:drop-shadow(0 0 40px rgba(255,122,24,.35)); mix-blend-mode:screen; }
.wd-hero .wd-title{ background:linear-gradient(180deg,#FFF6E3 0%,#E9D9AF 100%); -webkit-background-clip:text; background-clip:text; -webkit-text-fill-color:transparent; }
.wd-sec{ border-top:1px solid var(--wd-line2); }
.wd-sec--tint{ background:linear-gradient(180deg,var(--wd-bg),var(--wd-bg2)); }
.wd-sec--dark{ background:#0A0908; }
.launch{ background:#0A0908; border-bottom:1px solid var(--wd-line); }
.launch::before{ background:linear-gradient(90deg,var(--gold),var(--orange),var(--red)); }
.launch__label{ color:var(--gold); }
.launch .count b{ color:#fff; }
.crewband{ background:#0A0908; }
.crewband::before{ background:radial-gradient(ellipse at 18% 40%,rgba(201,162,39,.16),transparent 58%),radial-gradient(ellipse at 85% 70%,rgba(225,29,46,.16),transparent 58%); }
.wd-sec--dark .empty{ border-color:var(--wd-line); }

/* ---------- panels ---------- */
.panel,.mc,.tcard,.path,.empty{ background:linear-gradient(180deg,var(--wd-panel),var(--wd-bg2)); border-color:var(--wd-line2); border-radius:10px; }
.panel--dark{ background:rgba(255,246,227,.04); border-color:var(--wd-line2); }
.panel--tight{ background:var(--wd-bg2); }
.empty{ border-style:dashed; border-color:var(--wd-line); }
.big small,.panel--dark .big small,.wd-sec--dark .big small{ color:var(--wd-text2); }
.path::before{ background:linear-gradient(90deg,var(--gold),var(--orange)); }
.path:hover{ border-color:rgba(201,162,39,.5); box-shadow:0 30px 60px -30px rgba(0,0,0,.9); }
.path__num{ background:linear-gradient(90deg,var(--gold),var(--orange)); -webkit-background-clip:text; background-clip:text; }
.wd .split-3-2:has(#aside[hidden]){ grid-template-columns:1fr; }
.path p,.tcard__top small,.tcard__meta,.kv dt{ color:var(--wd-text2); }
.tcard:hover{ border-color:rgba(201,162,39,.5); }
.regbar--OCE{ border-top-color:var(--gold); }
.regbar--NA{ border-top-color:var(--red); }
.regbar--EU{ border-top-color:#8FA663; }
.timeline .panel{ border-top-color:var(--gold); }
.logo{ background:#2B261C; color:var(--gold-2); border:1px solid var(--wd-line); }
.ava{ background:#3A3428; color:var(--wd-text); }
.badge{ background:rgba(255,246,227,.08); color:var(--wd-text); }
.badge--fire{ background:var(--fire); color:#fff; }
.badge--ok{ background:var(--ok-soft); color:var(--ok-ink); }
.badge--warn{ background:var(--gold-soft); color:var(--gold-2); }
.badge--muted{ color:var(--wd-text2); }
.badge--demo{ background:var(--wd-panel); border-color:var(--wd-line); color:var(--wd-text); }
.dot{ background:var(--wd-text3); }
.dot--pending{ background:var(--gold); }
.place--1{ background:var(--gold); border-color:var(--gold); color:#1A1209; }
.place--2{ border-color:var(--gold); color:var(--gold-2); background:transparent; }
.place--3{ background:rgba(255,246,227,.08); color:var(--wd-text2); }
.place--live{ background:var(--ok-soft); color:var(--ok-ink); }
.fsq i{ background:rgba(255,246,227,.08); }
.fsq .f1{ background:var(--gold); }
.fsq .f2{ border-color:var(--gold); }
.fsq .f3{ background:rgba(255,246,227,.2); }
.mv--up{ color:var(--ok-ink); }
.mv--down{ color:#FF8A94; }
.addr code{ background:#0A0908; color:var(--gold-2); border:1px solid var(--wd-line2); }
.alert--err{ background:rgba(225,29,46,.15); color:#FF9AA3; }
.alert--ok{ background:var(--ok-soft); color:var(--ok-ink); }
.alert--info{ background:rgba(255,246,227,.06); color:var(--wd-text); }
.toast{ background:var(--gold); color:#1A1209; }
.dlg{ background:var(--wd-panel); border:1px solid var(--wd-line); }
.dlg p{ color:var(--wd-text2); }
.dlg-back{ background:rgba(0,0,0,.7); }
.sk{ background:linear-gradient(90deg,rgba(255,246,227,.05) 25%,rgba(255,246,227,.1) 50%,rgba(255,246,227,.05) 75%); background-size:200% 100%; }
.progress span{ background:rgba(255,246,227,.1); }
.progress span.on{ background:var(--gold); }
.dash-nav a{ color:var(--wd-text2); }
.dash-nav a:hover{ color:#fff; border-color:var(--wd-line); }
.dash-sec+.dash-sec{ border-top-color:var(--wd-line2); }
.rolelabel{ color:var(--gold); text-transform:uppercase; letter-spacing:.16em; font-size:.68rem; font-weight:900; }
.rowlist>div{ border-bottom-color:var(--wd-line2); }
.cmp .diff{ border-color:var(--red); background:rgba(225,29,46,.08); }
.evidence .ph-img{ background:rgba(255,246,227,.06); color:var(--wd-text2); }
.toc a{ color:var(--wd-text2); border-left-color:var(--wd-line2); }
.toc a:hover,.toc a.active{ color:var(--gold-2); border-left-color:var(--gold); }
.acc{ border-top-color:var(--wd-line2); }
.acc:last-child{ border-bottom-color:var(--wd-line2); }
.wd .ncard{ background:var(--wd-panel); border-color:var(--wd-line2); }
.wd .ncard__title{ color:var(--wd-text); }
.wd .ncard__date{ color:var(--wd-text2); }
.wd .ncard__tag{ background:var(--gold); color:#1A1209; }
.wd .ncard__ph{ background:#0A0908; color:var(--wd-text3); }

/* ---------- match card ---------- */
.mc__head{ border-bottom-color:var(--wd-line2); color:var(--wd-text2); background:rgba(0,0,0,.25); }
.mc__meta{ color:var(--wd-text); }
.mc__team{ border-left-color:var(--wd-line2); }
.mc__team--win{ background:rgba(201,162,39,.08); }
.mc__team--win::before{ background:linear-gradient(90deg,var(--gold),var(--orange)); }
.mc__name,.mc__zone{ color:var(--wd-text); }
.mc__team--win .mc__zone{ color:var(--gold-2); }
.mc__slot,.mc__sub,.mc__num small,.mc__pts,.mc__foot{ color:var(--wd-text2); }
.mc__team--win .mc__pts{ color:var(--gold-2); }
.mc__foot,.mc__detail{ border-top-color:var(--wd-line2); }
.mc__toggle{ color:var(--wd-text); }
.mc__toggle:hover{ color:var(--gold-2); }
.mc--live{ border-color:rgba(125,190,90,.5); }
.mc__stream{ background:#000; }
@media (max-width:640px){ .mc__team{ border-top-color:var(--wd-line2); } }

/* ---------- tables: the example's look ---------- */
.tblwrap{ background:rgba(0,0,0,.25); border:1px solid var(--wd-line2); border-radius:10px; overflow:hidden; }
.tbl{ table-layout:auto; width:100%; }
.tbl th{ position:static; }
.tbl td{ vertical-align:middle; }
.tbl .rank{ width:2.2rem; padding-right:.2rem; }
.tbl .team{ min-width:0; }
.tbl .team > span{ min-width:0; }
.tbl .team b{ white-space:nowrap; overflow:hidden; text-overflow:ellipsis; max-width:160px; }
.tbl .team small{ white-space:nowrap; }
.tbl .team .badge{ padding:.15rem .35rem; }
.tbl .team .badge svg{ width:12px; height:12px; }
#playersPanel .tbl th,#playersPanel .tbl td{ padding-left:.45rem; padding-right:.45rem; }
#playersPanel .tbl td.ico{ font-size:.86rem; }
#playersPanel .tbl th.icon .lbl{ display:none; }
#playersPanel .tbl th.icon svg{ width:16px; height:16px; }
#playersPanel .tbl .ava{ width:28px; height:28px; font-size:.7rem; }
@media (max-width:1100px){ #playersPanel .tbl .hide-t{ display:none; } }
.tbl{ font-size:.92rem; }
.tbl th{ background:#0A0908; color:var(--wd-text2); border-bottom:1px solid var(--wd-line); letter-spacing:.12em; text-transform:uppercase; font-size:.64rem; padding:.85rem .85rem; }
.tbl th[aria-sort] button,.tbl th button:hover{ color:var(--gold-2); }
.tbl th[aria-sort] { box-shadow:inset 0 -2px 0 var(--gold); }
.tbl td{ border-bottom-color:var(--wd-line2); padding:.82rem .85rem; }
.tbl tbody tr:nth-child(even) td{ background:rgba(255,246,227,.02); }
.tbl tbody tr:hover td{ background:rgba(201,162,39,.06); }
.tbl .rank{ color:var(--wd-text2); font-size:.95rem; }
.tbl tbody tr:nth-child(1) .rank,.tbl tbody tr:nth-child(2) .rank,.tbl tbody tr:nth-child(3) .rank{ color:var(--gold-2); }
.tbl .team small,.tbl td.sub{ color:var(--wd-text2); }
.tbl td.pts{ color:var(--gold-2); }
.tbl tr.me td{ background:rgba(201,162,39,.08); }
.tbl tr.me .team b a{ color:var(--gold-2); }
.tbl .team b a,.mc__name a,.tcard__top b,.tbl .team b{ color:var(--wd-text); }
.tbl .team b a:hover,.mc__name a:hover{ color:var(--gold-2); }
.tblwrap::-webkit-scrollbar{ height:8px; }
.tblwrap::-webkit-scrollbar-thumb{ background:rgba(201,162,39,.3); border-radius:4px; }
.tblwrap{ scrollbar-color:rgba(201,162,39,.3) transparent; scrollbar-width:thin; }
.tbl th.icon{ text-align:center; }
.tbl th.icon svg{ width:18px; height:18px; display:block; margin:0 auto; color:var(--wd-text2); }
.tbl th.icon[aria-sort] svg{ color:var(--gold-2); }
.tbl th.icon[aria-sort] button::after{ display:none; }
.tbl th.icon button{ flex-direction:column; gap:.2rem; align-items:center; width:100%; }
.tbl th.icon .lbl{ font-size:.56rem; letter-spacing:.08em; }
.tbl td.ico{ text-align:center; font-variant-numeric:tabular-nums; }
.tbl td.ico.hot{ color:var(--wd-text); font-weight:700; }
.tbl td.pts.pts--hide{ display:none; }
@media (max-width:720px){ .tbl td.pts.pts--hide{ display:block; } }
.formkey{ display:flex; gap:.6rem 1.4rem; flex-wrap:wrap; align-items:center; margin-top:.6rem; }
.formkey .wd-note{ display:inline-flex; align-items:center; gap:.45rem; font-size:.84rem; }
.formkey .wd-note b{ color:var(--wd-text); }
.lb-bar{ display:flex; justify-content:space-between; align-items:center; gap:1rem; flex-wrap:wrap; padding:1rem 1.2rem; background:var(--wd-panel); border:1px solid var(--wd-line2); border-bottom:0; border-radius:10px 10px 0 0; }
.lb-bar+.tblwrap{ border-top-left-radius:0; border-top-right-radius:0; }
.lb-bar h3{ font-family:'Poppins','Archivo',sans-serif; font-weight:900; font-size:1.1rem; }
.lb-bar h3 small{ display:block; font-family:'Archivo',sans-serif; font-weight:500; font-size:.8rem; color:var(--wd-text2); margin-top:.2rem; }
.lb-bar .you{ font-size:.9rem; color:var(--wd-text2); display:flex; gap:.8rem; align-items:center; flex-wrap:wrap; }
.lb-bar .you b{ color:var(--gold-2); }
.podium .panel--win{ background:linear-gradient(180deg,rgba(201,162,39,.16),var(--wd-bg2)); }
.podium .panel--win::before{ background:linear-gradient(90deg,var(--gold),var(--orange)); }
.podium .who small{ color:var(--wd-text2); }
.xpbar{ height:6px; background:rgba(255,246,227,.08); border-radius:3px; overflow:hidden; }
.xpbar i{ display:block; height:100%; background:linear-gradient(90deg,var(--gold),var(--orange)); border-radius:3px; }
.classgrid{ display:grid; grid-template-columns:repeat(3,1fr); gap:.8rem; }
.classgrid .panel{ padding:1rem 1.1rem; display:flex; flex-direction:column; gap:.6rem; }
.classgrid .panel .row{ display:flex; justify-content:space-between; align-items:center; font-weight:700; }
.classgrid .panel .row span{ color:var(--wd-text2); font-weight:500; font-size:.85rem; }
.classgrid .panel small{ color:var(--wd-text2); font-size:.78rem; }
@media (max-width:720px){ .classgrid{ grid-template-columns:1fr 1fr; } .tbl tr{ border-bottom-color:var(--wd-line2); } .tbl tr.me td{ background:transparent; box-shadow:none; } }