/* Republic of Texas Gaming - Pass 2 Static IIS Site */
:root{--bg:#070809;--panel:rgba(17,20,23,.92);--panel2:rgba(23,27,31,.88);--line:rgba(255,255,255,.12);--line-red:rgba(187,23,23,.7);--red:#b51616;--red2:#e02a2a;--text:#f1f1f1;--muted:#a6abb1;--green:#3bd66f;--yellow:#e0b82a;--shadow:0 20px 80px rgba(0,0,0,.55)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--text);background:radial-gradient(circle at 20% 0%,rgba(175,18,18,.18),transparent 32rem),radial-gradient(circle at 90% 10%,rgba(255,255,255,.08),transparent 30rem),linear-gradient(180deg,#0b0d0f 0%,#050607 100%);font-family:"Segoe UI",Arial,sans-serif}a{color:inherit;text-decoration:none}.site-shell{min-height:100vh;overflow:hidden}.topbar{position:sticky;top:0;z-index:100;min-height:86px;padding:14px 28px;display:flex;align-items:center;gap:24px;background:rgba(5,6,7,.88);backdrop-filter:blur(14px);border-bottom:1px solid var(--line)}.brand{display:flex;align-items:center;gap:12px;min-width:max-content}.brand img{width:58px;height:58px}.brand strong{display:block;text-transform:uppercase;letter-spacing:.08em}.brand small{display:block;color:var(--muted);text-transform:uppercase;letter-spacing:.18em;font-size:.68rem}.nav{display:flex;align-items:center;gap:18px;margin-left:auto}.nav a{color:#d8d8d8;text-transform:uppercase;letter-spacing:.11em;font-size:.76rem;font-weight:800}.nav a:hover,.nav a.active{color:var(--red2)}.button{display:inline-flex;align-items:center;justify-content:center;min-height:46px;padding:0 22px;border:1px solid var(--line);text-transform:uppercase;letter-spacing:.08em;font-size:.82rem;font-weight:900;transition:transform .18s ease}.button:hover{transform:translateY(-2px)}.button-red{background:linear-gradient(180deg,var(--red2),var(--red));border-color:rgba(255,80,80,.6);box-shadow:0 0 30px rgba(181,22,22,.25)}.button-ghost{background:rgba(0,0,0,.28);border-color:rgba(255,255,255,.32)}.nav-toggle{display:none;margin-left:auto;background:transparent;border:1px solid var(--line);padding:10px}.nav-toggle span{display:block;width:24px;height:2px;margin:5px 0;background:var(--text)}.hero{position:relative;min-height:720px;display:grid;align-items:center;padding:84px 8vw;background:linear-gradient(90deg,rgba(6,7,8,.95) 0%,rgba(6,7,8,.72) 46%,rgba(6,7,8,.18) 100%),radial-gradient(circle at 80% 50%,rgba(120,120,120,.12),transparent 22rem),url("../img/hero-bg.svg");background-size:cover;background-position:center}.hero-overlay{position:absolute;inset:0;pointer-events:none;background:linear-gradient(180deg,transparent 70%,var(--bg) 100%),repeating-linear-gradient(90deg,rgba(255,255,255,.018) 0 1px,transparent 1px 80px)}.hero-content{position:relative;z-index:2;max-width:760px}.eyebrow{color:var(--red2);text-transform:uppercase;letter-spacing:.18em;font-size:.76rem;font-weight:900;margin:0 0 12px}.hero h1{margin:0;font-size:clamp(4rem,9vw,8.6rem);line-height:.86;text-transform:uppercase;letter-spacing:-.06em;text-shadow:0 8px 40px rgba(0,0,0,.85)}.hero h1 span{color:var(--red2)}.tagline{margin:24px 0 12px;font-weight:900;text-transform:uppercase;letter-spacing:.15em;color:#dedede}.hero-copy,.page-hero p{max-width:680px;color:#c7cbd0;font-size:1.08rem;line-height:1.7}.hero-actions{display:flex;flex-wrap:wrap;gap:14px;margin-top:28px}.hero-card{position:absolute;right:7vw;bottom:54px;z-index:2;width:310px;padding:18px 20px;display:grid;gap:4px;background:rgba(10,12,14,.84);border:1px solid var(--line-red);box-shadow:var(--shadow)}.hero-card small{color:var(--muted)}.status-dot{width:10px;height:10px;display:inline-block;background:var(--green);border-radius:999px;box-shadow:0 0 18px var(--green)}.page-hero{position:relative;width:100%;min-height:360px;padding:86px 8vw;display:flex;align-items:center;background:linear-gradient(90deg,rgba(6,7,8,.97),rgba(6,7,8,.6)),url("../img/hero-bg.svg");background-size:cover;background-position:center;border-bottom:1px solid var(--line)}.page-hero h1{margin:0;text-transform:uppercase;font-size:clamp(4rem,9vw,7rem);line-height:.9;letter-spacing:-.05em}.panel,.triple-grid,.discord-banner,.footer,.notice-panel{width:min(1460px,calc(100% - 44px));margin:22px auto}.panel{padding:28px;background:var(--panel);border:1px solid var(--line);box-shadow:var(--shadow)}.section-heading{display:flex;justify-content:space-between;align-items:end;gap:18px;margin-bottom:22px}.section-heading.center{justify-content:center;text-align:center}.section-heading h2,.image-panel h2,.discord-banner h2,.notice-panel h2,.contact-card h2{margin:0;font-size:clamp(1.7rem,3vw,2.6rem);text-transform:uppercase;letter-spacing:.05em}.text-link{color:var(--red2);font-weight:900;text-transform:uppercase;letter-spacing:.08em;font-size:.78rem}.pill{display:inline-flex;border:1px solid var(--line-red);color:#ffb6b6;padding:8px 12px;text-transform:uppercase;letter-spacing:.08em;font-size:.74rem;font-weight:900}.server-grid{display:grid;grid-template-columns:repeat(4,minmax(210px,1fr));gap:16px}.server-grid.compact .server-card:nth-child(n+5){display:none}.server-card{position:relative;padding:18px;min-height:180px;background:linear-gradient(180deg,rgba(255,255,255,.07),rgba(255,255,255,.02)),linear-gradient(135deg,rgba(181,22,22,.2),rgba(0,0,0,0));border:1px solid var(--line);overflow:hidden}.server-card::after{content:"";position:absolute;inset:auto -20px -50px auto;width:150px;height:150px;background:radial-gradient(circle,rgba(181,22,22,.22),transparent 70%);transform:rotate(20deg)}.server-card h3{margin:0 0 6px;text-transform:uppercase;letter-spacing:.05em}.server-meta{color:var(--muted);text-transform:uppercase;letter-spacing:.08em;font-size:.7rem}.server-stats{display:flex;gap:14px;margin-top:22px;align-items:center}.online,.offline{border:1px solid rgba(59,214,111,.48);padding:6px 8px;font-size:.75rem;font-weight:900;text-transform:uppercase}.online{color:var(--green)}.offline{color:var(--yellow);border-color:rgba(224,184,42,.55)}.players{font-size:1.2rem;font-weight:900}.mods,.server-notes{color:var(--muted);font-size:.88rem}.server-notes{margin-top:16px;line-height:1.5}.dark-map{background:linear-gradient(180deg,rgba(12,15,18,.96),rgba(12,15,18,.9)),url("../img/map-grid.svg");background-size:cover}.feature-grid,.content-grid,.step-grid,.event-grid,.pricing-grid,.contact-grid{display:grid;gap:16px}.feature-grid{grid-template-columns:repeat(4,1fr);gap:1px;background:var(--line);border:1px solid var(--line)}.feature-card{padding:28px;background:rgba(10,12,14,.86);text-align:center}.feature-icon{color:var(--red2);font-size:2.2rem;margin-bottom:14px}.content-grid{grid-template-columns:repeat(4,1fr)}.content-grid.three{grid-template-columns:repeat(3,1fr)}.feature-card h3,.content-grid h3,.step-card h3,.event-card h3,.pricing-card h3,.rules-list h3,.timeline h3{text-transform:uppercase;letter-spacing:.06em;margin:0 0 10px}.feature-card p,.content-grid p,.image-panel p,.discord-banner p,.footer p,.step-card p,.event-card p,.pricing-card li,.rules-list p,.timeline p,.notice-panel p,.contact-card p{color:var(--muted);line-height:1.65}.triple-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.image-panel{min-height:310px;display:flex;align-items:end;padding:24px;background:linear-gradient(180deg,rgba(5,6,7,.18),rgba(5,6,7,.94)),url("../img/card-bg.svg");background-size:cover;border:1px solid var(--line-red);box-shadow:var(--shadow)}.image-panel p{max-width:40ch}.content-grid article,.step-card,.event-card,.pricing-card,.contact-card{padding:22px;background:var(--panel2);border:1px solid var(--line)}.step-grid{grid-template-columns:repeat(4,1fr)}.step-card span,.rules-list span,.timeline span{display:inline-flex;width:42px;height:42px;align-items:center;justify-content:center;margin-bottom:18px;background:rgba(181,22,22,.18);border:1px solid var(--line-red);color:var(--red2);font-weight:900}.notice-box{display:grid;gap:8px;padding:18px;margin-bottom:22px;background:rgba(181,22,22,.12);border:1px solid var(--line-red)}.notice-box strong{text-transform:uppercase;letter-spacing:.08em}.notice-box span{color:var(--muted)}.rules-list,.timeline{display:grid;gap:14px}.rules-list article,.timeline article{display:grid;grid-template-columns:auto 1fr;gap:16px;padding:18px;background:var(--panel2);border:1px solid var(--line)}.rules-list span,.timeline span{margin:0}.event-grid{grid-template-columns:repeat(3,1fr)}.event-card span{color:var(--red2);text-transform:uppercase;letter-spacing:.16em;font-size:.72rem;font-weight:900}.pricing-grid{grid-template-columns:repeat(3,1fr)}.pricing-card{min-height:420px;display:flex;flex-direction:column}.pricing-card.featured{border-color:var(--line-red);box-shadow:0 0 38px rgba(181,22,22,.16)}.price{color:var(--red2);font-size:2.8rem;font-weight:900;margin:8px 0}.pricing-card ul{padding-left:20px;margin:12px 0 24px}.pricing-card .button{margin-top:auto}.notice-panel{padding:34px;background:linear-gradient(90deg,rgba(181,22,22,.18),rgba(7,8,9,.96)),url("../img/map-grid.svg");border:1px solid var(--line-red);box-shadow:var(--shadow)}.contact-grid{grid-template-columns:repeat(3,1fr)}.contact-card{min-height:250px}.discord-banner{min-height:190px;display:flex;align-items:center;justify-content:space-between;gap:28px;padding:34px;background:linear-gradient(90deg,rgba(181,22,22,.28),rgba(7,8,9,.96)),url("../img/map-grid.svg");border:1px solid var(--line-red);box-shadow:var(--shadow)}.discord-banner p{max-width:760px}.footer{display:grid;grid-template-columns:1.4fr 1fr;gap:26px;padding:26px 0 42px;border-top:1px solid var(--line)}.footer-brand{display:flex;gap:16px;align-items:center}.footer-brand img{width:76px;height:76px}.footer-brand strong{color:var(--red2);text-transform:uppercase;letter-spacing:.08em}.footer-links{display:flex;flex-wrap:wrap;gap:14px 22px;justify-content:end;align-content:start}.footer-links a{color:var(--muted);text-transform:uppercase;letter-spacing:.08em;font-size:.8rem}.footer-note{grid-column:1/-1;display:flex;justify-content:space-between;color:#747a80;font-size:.82rem;border-top:1px solid var(--line);padding-top:20px}@media(max-width:1180px){.server-grid,.feature-grid,.content-grid,.step-grid{grid-template-columns:repeat(2,1fr)}.event-grid,.pricing-grid,.contact-grid{grid-template-columns:1fr}.triple-grid{grid-template-columns:1fr}.hero-card{position:relative;right:auto;bottom:auto;margin-top:34px}}@media(max-width:820px){.topbar{padding:12px 18px}.desktop-only{display:none}.nav-toggle{display:block}.nav{position:absolute;top:86px;left:0;right:0;display:none;padding:18px;flex-direction:column;align-items:start;background:rgba(5,6,7,.96);border-bottom:1px solid var(--line)}.nav.open{display:flex}.hero{min-height:680px;padding:52px 22px}.hero h1{font-size:clamp(3.2rem,18vw,5.4rem)}.page-hero{min-height:300px;padding:48px 22px}.page-hero h1{font-size:clamp(3.2rem,16vw,5.2rem)}.server-grid,.feature-grid,.content-grid,.step-grid{grid-template-columns:1fr}.section-heading,.discord-banner,.footer-note{align-items:start;flex-direction:column}.footer{grid-template-columns:1fr}.footer-links{justify-content:start}.rules-list article,.timeline article{grid-template-columns:1fr}}


/* ============================================================
   Store / Outpost + Monetization Integration
   ============================================================ */
.nav{gap:13px}.nav a{font-size:.72rem}.topbar{gap:18px}.brand img{flex:0 0 auto}.hero.hero-with-visual{grid-template-columns:minmax(0,760px) minmax(320px,520px);gap:42px;align-items:center}.hero-with-visual .hero-content{max-width:760px}.hero-showcase{position:relative;z-index:2;justify-self:end;width:min(100%,500px);padding:26px;background:linear-gradient(180deg,rgba(255,255,255,.075),rgba(255,255,255,.02)),radial-gradient(circle at 72% 20%,rgba(224,42,42,.28),transparent 18rem),rgba(10,12,14,.86);border:1px solid var(--line-red);box-shadow:var(--shadow);overflow:hidden}.hero-showcase::before{content:"";position:absolute;inset:-80px -80px auto auto;width:210px;height:210px;background:radial-gradient(circle,rgba(224,42,42,.28),transparent 68%)}.hero-showcase-seal{display:flex;justify-content:center;margin-bottom:10px}.hero-showcase-seal img{width:min(74%,300px);filter:drop-shadow(0 20px 35px rgba(0,0,0,.7))}.hero-showcase-copy h2{margin:0;text-transform:uppercase;font-size:clamp(2rem,3vw,3.4rem);line-height:.92;letter-spacing:-.04em}.hero-showcase-copy p{color:var(--muted);line-height:1.6}.hero-showcase-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;margin:18px 0}.hero-showcase-grid span,.forbidden-grid span{display:flex;align-items:center;justify-content:center;min-height:42px;padding:8px 10px;text-align:center;text-transform:uppercase;letter-spacing:.08em;font-size:.72rem;font-weight:900;background:rgba(0,0,0,.28);border:1px solid var(--line)}.hero-showcase-actions{display:flex;gap:14px;align-items:center;justify-content:space-between;flex-wrap:wrap}.hero-showcase-actions small{color:var(--muted);display:flex;align-items:center;gap:8px}.split-hero{display:grid;grid-template-columns:minmax(0,1fr) minmax(260px,390px);gap:28px;justify-content:space-between}.page-hero-card{position:relative;align-self:center;justify-self:end;max-width:390px;padding:20px;background:rgba(10,12,14,.82);border:1px solid var(--line-red);box-shadow:var(--shadow);overflow:hidden}.page-hero-card img{position:absolute;right:-38px;top:-50px;width:170px;opacity:.32;filter:drop-shadow(0 20px 35px rgba(0,0,0,.7))}.page-hero-card span{position:relative;display:inline-flex;margin-bottom:12px;color:#ffb6b6;border:1px solid var(--line-red);padding:6px 10px;text-transform:uppercase;letter-spacing:.08em;font-size:.7rem;font-weight:900}.page-hero-card h2{position:relative;margin:0 0 8px;text-transform:uppercase;letter-spacing:.04em}.page-hero-card p{position:relative;color:var(--muted);line-height:1.55}.page-hero-card .text-link{position:relative}.store-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.store-grid.three{grid-template-columns:repeat(3,1fr)}.store-card{min-height:285px;display:flex;flex-direction:column;padding:22px;background:linear-gradient(180deg,rgba(255,255,255,.07),rgba(255,255,255,.02)),rgba(23,27,31,.88);border:1px solid var(--line);box-shadow:0 15px 45px rgba(0,0,0,.36)}.store-card.featured{border-color:var(--line-red);box-shadow:0 0 38px rgba(181,22,22,.18)}.store-card span{font-size:2rem;color:var(--red2);margin-bottom:14px}.store-card h3{text-transform:uppercase;letter-spacing:.06em;margin:0 0 10px}.store-card p{color:var(--muted);line-height:1.65}.store-card .button{margin-top:auto}.outpost-panel{background:linear-gradient(180deg,rgba(17,20,23,.94),rgba(17,20,23,.9)),radial-gradient(circle at 80% 0%,rgba(181,22,22,.22),transparent 24rem)}.safe-notice{margin-top:18px;margin-bottom:0}.pricing-grid.two{grid-template-columns:repeat(2,1fr)}.forbidden-panel{border-color:rgba(224,42,42,.35)}.forbidden-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:10px}.forbidden-grid span{min-height:48px;color:#ffcdcd;border-color:rgba(224,42,42,.34);background:rgba(181,22,22,.1)}.monetization-list article{grid-template-columns:auto 1fr}.notice-panel a{text-decoration:none}.notice-panel a:hover{text-decoration:underline}.button[target="_blank"]::after{content:"↗";margin-left:8px;font-size:.8em}.brand + .nav-toggle + .nav a[href="https://store.republicoftexas.gg"]{color:#ffb6b6}.brand + .nav-toggle + .nav a[href="monetization.html"]{color:#ffd0d0}@media(max-width:1380px){.nav{gap:9px}.nav a{font-size:.68rem}.topbar{padding-left:18px;padding-right:18px}.desktop-only{display:none}}@media(max-width:1180px){.hero.hero-with-visual{grid-template-columns:1fr}.hero-showcase{justify-self:start}.split-hero{grid-template-columns:1fr}.page-hero-card{justify-self:start}.store-grid,.store-grid.three,.pricing-grid.two{grid-template-columns:repeat(2,1fr)}.forbidden-grid{grid-template-columns:repeat(3,1fr)}}@media(max-width:820px){.nav a[href="https://store.republicoftexas.gg"]::after{content:" ↗"}.hero-showcase{width:100%;padding:20px}.hero-showcase-grid,.store-grid,.store-grid.three,.pricing-grid.two,.forbidden-grid{grid-template-columns:1fr}.page-hero-card{max-width:100%}.page-hero-card img{width:130px}.hero-showcase-actions{align-items:stretch;flex-direction:column}.hero-showcase-actions .button{width:100%}}

/* ============================================================
   Pass 5 Hero Art Refresh
   Uses the Republic soldier pack image as the primary home hero.
   ============================================================ */
.hero.hero-with-visual{
  min-height:760px;
  grid-template-columns:minmax(0,780px) 1fr;
  grid-auto-rows:auto;
  align-content:center;
  gap:24px;
  background-image:
    linear-gradient(90deg,rgba(5,6,7,.99) 0%,rgba(5,6,7,.9) 38%,rgba(5,6,7,.58) 62%,rgba(5,6,7,.18) 100%),
    radial-gradient(circle at 74% 56%,rgba(181,22,22,.28),transparent 32rem),
    url("../../images/hero-soldier.jpg");
  background-size:cover,cover,auto 126%;
  background-position:center,right center,right center;
  background-repeat:no-repeat;
  border-bottom:1px solid var(--line);
}
.hero.hero-with-visual::after{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  background:
    radial-gradient(circle at 78% 50%,transparent 0 18rem,rgba(0,0,0,.18) 34rem),
    linear-gradient(180deg,transparent 72%,var(--bg) 100%);
}
.hero-with-visual .hero-content{
  grid-column:1;
  max-width:780px;
}
.hero.hero-with-visual .hero-showcase{
  grid-column:1;
  justify-self:start;
  width:min(100%,760px);
  padding:18px;
  display:grid;
  grid-template-columns:96px minmax(0,1fr);
  grid-template-areas:
    "seal copy"
    "seal tags"
    "actions actions";
  gap:12px 18px;
  background:linear-gradient(135deg,rgba(16,18,21,.9),rgba(7,8,9,.72));
  backdrop-filter:blur(10px);
}
.hero.hero-with-visual .hero-showcase-seal{grid-area:seal;align-self:center;margin:0}.hero.hero-with-visual .hero-showcase-seal img{width:96px}.hero.hero-with-visual .hero-showcase-copy{grid-area:copy}.hero.hero-with-visual .hero-showcase-copy h2{font-size:clamp(1.55rem,2vw,2.15rem)}.hero.hero-with-visual .hero-showcase-copy p{margin:8px 0 0}.hero.hero-with-visual .hero-showcase-grid{grid-area:tags;grid-template-columns:repeat(4,1fr);margin:0}.hero.hero-with-visual .hero-showcase-grid span{min-height:34px;font-size:.64rem}.hero.hero-with-visual .hero-showcase-actions{grid-area:actions;border-top:1px solid var(--line);padding-top:12px}.hero.hero-with-visual .hero-overlay{z-index:1}.hero.hero-with-visual .hero-content,.hero.hero-with-visual .hero-showcase{z-index:2}.hero.hero-with-visual h1{max-width:900px}.hero.hero-with-visual .tagline{color:#fff}

@media(max-width:1180px){
  .hero.hero-with-visual{
    grid-template-columns:1fr;
    min-height:760px;
    background-size:cover,cover,auto 112%;
    background-position:center,right center,78% center;
  }
}
@media(max-width:820px){
  .hero.hero-with-visual{
    min-height:760px;
    background-image:
      linear-gradient(180deg,rgba(5,6,7,.84) 0%,rgba(5,6,7,.94) 48%,rgba(5,6,7,.98) 100%),
      radial-gradient(circle at 65% 18%,rgba(181,22,22,.24),transparent 22rem),
      url("../../images/hero-soldier.jpg");
    background-size:cover,cover,auto 96%;
    background-position:center,center,center top;
  }
  .hero.hero-with-visual .hero-showcase{
    grid-template-columns:1fr;
    grid-template-areas:"seal" "copy" "tags" "actions";
  }
  .hero.hero-with-visual .hero-showcase-seal{justify-content:flex-start}.hero.hero-with-visual .hero-showcase-grid{grid-template-columns:repeat(2,1fr)}
}

/* ============================================================
   Pass 6 Rules + BattleMetrics Live Status
   ============================================================ */
.status-source-pill.live{
  color:#b9ffd0;
  border-color:rgba(59,214,111,.7);
  box-shadow:0 0 24px rgba(59,214,111,.12);
}
.status-config-note{
  margin-top:18px;
}
.status-config-note code{
  color:#fff;
  background:rgba(0,0,0,.36);
  border:1px solid var(--line);
  padding:2px 6px;
}
.server-card-live{
  border-color:rgba(59,214,111,.34);
}
.server-live-meta{
  display:flex;
  flex-wrap:wrap;
  gap:8px 12px;
  margin-top:14px;
  color:#747a80;
  text-transform:uppercase;
  letter-spacing:.08em;
  font-size:.68rem;
  font-weight:900;
}
.server-address{
  display:inline-flex;
  width:max-content;
  max-width:100%;
  margin-top:12px;
  padding:7px 9px;
  color:#f1f1f1;
  background:rgba(0,0,0,.32);
  border:1px solid var(--line);
  font-family:Consolas,"Courier New",monospace;
  font-size:.78rem;
  overflow-wrap:anywhere;
}
.server-actions{
  display:flex;
  flex-wrap:wrap;
  gap:8px 14px;
  margin-top:14px;
}
.rules-command-panel{
  margin-top:22px;
}
.rules-toc{
  display:grid;
  grid-template-columns:repeat(8,1fr);
  gap:8px;
}
.rules-toc a{
  min-height:44px;
  display:flex;
  align-items:center;
  justify-content:center;
  padding:8px 10px;
  color:#d8d8d8;
  background:rgba(255,255,255,.05);
  border:1px solid var(--line);
  text-transform:uppercase;
  letter-spacing:.08em;
  font-size:.68rem;
  font-weight:900;
}
.rules-toc a:hover{
  color:#fff;
  border-color:var(--line-red);
  background:rgba(181,22,22,.16);
}
.rules-full-list{
  display:grid;
  gap:14px;
}
.rule-card{
  display:grid;
  grid-template-columns:auto minmax(0,1fr);
  gap:18px;
  padding:22px;
  background:linear-gradient(180deg,rgba(255,255,255,.06),rgba(255,255,255,.02));
  border:1px solid var(--line);
}
.rule-card > span{
  display:inline-flex;
  width:46px;
  height:46px;
  align-items:center;
  justify-content:center;
  background:rgba(181,22,22,.18);
  border:1px solid var(--line-red);
  color:var(--red2);
  font-weight:900;
}
.rule-card h3{
  margin:0 0 12px;
  text-transform:uppercase;
  letter-spacing:.06em;
}
.rule-card ul{
  margin:0;
  padding-left:20px;
  color:var(--muted);
  line-height:1.75;
}
.rule-card li + li{
  margin-top:5px;
}
.rule-card strong{
  color:#fff;
}
.featured-rule{
  border-color:var(--line-red);
  box-shadow:0 0 34px rgba(181,22,22,.12);
}
.danger-rule{
  background:linear-gradient(135deg,rgba(181,22,22,.16),rgba(255,255,255,.02));
}
@media(max-width:1180px){
  .rules-toc{grid-template-columns:repeat(4,1fr)}
}
@media(max-width:820px){
  .rules-toc{grid-template-columns:repeat(2,1fr)}
  .rule-card{grid-template-columns:1fr}
}

/* BattleMetrics graphic banner cards */
.server-grid.has-banners{
  grid-template-columns:repeat(2,minmax(340px,1fr));
}
.server-grid.compact.has-banners .server-card:nth-child(n+5){
  display:none;
}
.server-banner-card{
  min-height:260px;
  display:flex;
  flex-direction:column;
  gap:10px;
}
.battlemetrics-banner-wrap{
  width:100%;
  min-height:116px;
  margin-top:12px;
  display:flex;
  align-items:center;
  justify-content:center;
  overflow:hidden;
  background:rgba(0,0,0,.32);
  border:1px solid rgba(255,255,255,.1);
  box-shadow:inset 0 0 28px rgba(0,0,0,.35);
}
.battlemetrics-banner-frame{
  display:block;
  max-width:100%;
  min-width:min(100%,320px);
  min-height:96px;
  border:0;
}
.server-banner-card .server-live-meta{
  margin-top:4px;
}
.server-banner-card .server-actions{
  margin-top:auto;
}
@media(max-width:1180px){
  .server-grid.has-banners{grid-template-columns:1fr}
}
@media(max-width:820px){
  .server-banner-card{min-height:230px}
  .battlemetrics-banner-wrap{justify-content:flex-start;overflow-x:auto}
}


/* ============================================================
   Pass 7 BattleMetrics image banners + cleaned server blocks
   ============================================================ */
.status-source-pill,
.status-config-note,
.server-live-meta {
  display: none !important;
}
.server-grid.has-banners {
  grid-template-columns: repeat(2, minmax(360px, 1fr));
  align-items: stretch;
}
.server-grid.compact.has-banners .server-card:nth-child(n+5) {
  display: none;
}
.server-card-header {
  position: relative;
  z-index: 2;
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  gap: 14px;
  margin-bottom: 14px;
}
.server-card-header h3 {
  margin-bottom: 6px;
}
.server-banner-card {
  min-height: auto;
  padding: 18px;
  display: flex;
  flex-direction: column;
  gap: 0;
  border-color: var(--line);
  background:
    radial-gradient(circle at 92% 70%, rgba(181,22,22,.22), transparent 12rem),
    linear-gradient(180deg, rgba(255,255,255,.06), rgba(255,255,255,.018)),
    linear-gradient(135deg, rgba(181,22,22,.16), rgba(0,0,0,0));
}
.server-card-live {
  border-color: var(--line);
}
.battlemetrics-banner-wrap {
  position: relative;
  z-index: 2;
  width: 100%;
  min-height: auto;
  margin: 0;
  padding: 10px;
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
  background: rgba(0,0,0,.34);
  border: 1px solid rgba(255,255,255,.1);
  box-shadow: inset 0 0 26px rgba(0,0,0,.36);
}
.battlemetrics-banner-link {
  display: block;
  width: min(500px, 100%);
}
.battlemetrics-banner-image {
  display: block;
  width: 500px;
  max-width: 100%;
  height: auto;
  aspect-ratio: 500 / 80;
  object-fit: contain;
  border: 0;
}
.battlemetrics-banner-frame {
  display: block;
  width: 500px;
  max-width: 100%;
  min-width: 0;
  height: 80px;
  min-height: 80px;
  border: 0;
}
.server-banner-card .server-actions {
  position: relative;
  z-index: 2;
  margin-top: 12px;
  padding-top: 0;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: 14px;
}
.server-banner-card .server-actions .text-link {
  font-size: .72rem;
}
.server-card::after {
  pointer-events: none;
}
@media(max-width:1180px){
  .server-grid.has-banners{grid-template-columns:1fr;}
}
@media(max-width:820px){
  .server-banner-card{padding:16px;}
  .battlemetrics-banner-wrap{justify-content:flex-start;overflow-x:auto;}
  .battlemetrics-banner-link{width:500px;min-width:500px;}
  .battlemetrics-banner-image{width:500px;max-width:none;}
}

/* ============================================================
   Pass 8 Remove website status chips
   The BattleMetrics banner already displays online/offline state.
   ============================================================ */
.server-status-chip {
  display: none !important;
}

/* ============================================================
   Pass 9 Texas Difficulty Scale
   Uses images/red.png for filled Texases and images/white.png
   for hollow Texases. Difficulty comes from data/servers.json.
   ============================================================ */
.rotg-difficulty-row {
  position: relative;
  z-index: 2;
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 0.55rem;
  margin: 10px 0 12px;
  color: rgba(255, 255, 255, 0.72);
  font-size: 0.72rem;
  font-weight: 900;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

.rotg-difficulty-label {
  color: rgba(255, 255, 255, 0.62);
  white-space: nowrap;
}

.rotg-difficulty-value {
  color: rgba(255, 255, 255, 0.52);
  font-size: 0.68rem;
  white-space: nowrap;
}

.rotg-texas-rating {
  display: inline-flex;
  align-items: center;
  gap: 4px;
  height: 22px;
  flex: 0 0 auto;
}

.rotg-texas-icon {
  display: inline-block;
  width: 22px;
  height: 22px;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  flex: 0 0 auto;
}

.rotg-texas-icon.filled {
  background-image: url("../../images/red.png");
  filter: drop-shadow(0 0 8px rgba(181, 22, 22, 0.34));
}

.rotg-texas-icon.empty {
  background-image: url("../../images/white.png");
  opacity: 0.36;
}

.server-banner-card .rotg-difficulty-row {
  margin-top: -2px;
  margin-bottom: 12px;
}

@media(max-width:820px) {
  .rotg-difficulty-row {
    gap: 0.45rem;
  }

  .rotg-texas-rating {
    gap: 3px;
  }

  .rotg-texas-icon {
    width: 20px;
    height: 20px;
  }
}