.campaign-switcher{margin:1rem 0;padding:1.25rem;border:1px solid var(--line);background:rgba(21,24,32,.92)}.campaign-tabs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.8rem}.campaign-tab{display:block;padding:1.1rem;border:1px solid #494132;background:#101219;color:var(--ink);text-decoration:none}.campaign-tab:hover,.campaign-tab.active{border-color:var(--gold);background:#211d17}.campaign-tab strong,.campaign-tab span{display:block}.campaign-tab strong{color:var(--gold-light);font-size:1.08rem}.campaign-tab span{margin-top:.25rem;color:var(--muted);font-size:.84rem}.campaign-badge{display:inline-block;margin-bottom:.6rem;padding:.2rem .5rem;border:1px solid var(--gold);color:var(--gold-light);font:800 .65rem system-ui,sans-serif;letter-spacing:.08em;text-transform:uppercase}@media(max-width:620px){.campaign-tabs{grid-template-columns:1fr}}
.campaign-switcher{position:relative;padding:1.55rem;border:1px solid #654a28;background:linear-gradient(145deg,rgba(29,24,18,.98),rgba(12,10,8,.98));box-shadow:0 16px 42px rgba(0,0,0,.35),inset 0 0 0 4px #0b0907,inset 0 0 0 5px rgba(132,95,47,.35)}
.campaign-switcher h2{color:#e7ca81;font-family:Copperplate,"Copperplate Gothic Light",Palatino,serif;font-variant:small-caps;letter-spacing:.04em}
.campaign-tabs{gap:1rem}.campaign-tab{position:relative;overflow:hidden;min-height:9rem;padding:1.35rem;border:1px solid #5c4326;background:radial-gradient(circle at 100% 0,rgba(125,43,37,.22),transparent 45%),linear-gradient(140deg,#241b13,#0f0d0a);box-shadow:inset 0 0 0 3px #0b0907}
.campaign-tab:after{content:"✦";position:absolute;right:1rem;bottom:-.5rem;color:rgba(200,154,69,.1);font-size:5rem}
.campaign-tab:hover,.campaign-tab.active{transform:translateY(-2px);border-color:#b18442;background:radial-gradient(circle at 100% 0,rgba(135,43,35,.3),transparent 48%),linear-gradient(140deg,#302116,#13100c);box-shadow:inset 0 0 0 3px #0b0907,0 14px 28px rgba(0,0,0,.35)}
.campaign-tab strong{color:#e4c57b;font-family:Copperplate,"Copperplate Gothic Light",Palatino,serif;font-size:1.2rem;letter-spacing:.03em}.campaign-tab span{color:#ab9e85}.campaign-badge{border-color:#805f31;background:rgba(81,30,25,.32);color:#dbb766;font-family:Copperplate,"Copperplate Gothic Light",serif}
.shell main>.campaign-switcher:first-child{margin-top:0}
.campaign-shell{display:block}.campaign-shell>section{width:100%}

.campaign-tab.existential-threat-tab{
  min-height:15rem;
  display:flex;
  flex-direction:column;
  justify-content:flex-end;
  background-image:
    linear-gradient(180deg,rgba(6,8,10,.08) 18%,rgba(8,8,8,.55) 55%,rgba(8,7,6,.96) 100%),
    url("images/hillmen-on-the-march.jpeg");
  background-position:center 42%;
  background-size:cover;
}

.campaign-tab.existential-threat-tab:hover{
  background-image:
    linear-gradient(180deg,rgba(6,8,10,.02) 18%,rgba(8,8,8,.48) 55%,rgba(8,7,6,.94) 100%),
    url("images/hillmen-on-the-march.jpeg");
}

.campaign-tab.existential-threat-tab strong,
.campaign-tab.existential-threat-tab span{
  position:relative;
  z-index:1;
  text-shadow:0 2px 4px #000,0 0 12px #000;
}

.campaign-tab.existential-threat-tab>span:last-child{color:#e5dcc9}

.campaign-tab.red-hand-of-doom-tab{
  min-height:15rem;
  display:flex;
  flex-direction:column;
  justify-content:flex-end;
  background-color:#17110d;
  background-image:
    linear-gradient(180deg,rgba(35,25,18,.3) 12%,rgba(15,12,10,.68) 58%,rgba(8,7,6,.98) 100%),
    url("images/red-hand-of-doom-logo.png");
  background-repeat:no-repeat;
  background-position:center,center 25%;
  background-size:cover,96% auto;
  background-blend-mode:multiply;
}

.campaign-tab.red-hand-of-doom-tab:hover,
.campaign-tab.red-hand-of-doom-tab.active{
  background-color:#241711;
  background-image:
    linear-gradient(180deg,rgba(42,27,19,.2) 12%,rgba(16,12,10,.6) 58%,rgba(8,7,6,.96) 100%),
    url("images/red-hand-of-doom-logo.png");
}

.campaign-tab.red-hand-of-doom-tab strong,
.campaign-tab.red-hand-of-doom-tab span{
  position:relative;
  z-index:1;
  text-shadow:0 2px 4px #000,0 0 12px #000;
}

.campaign-tab.red-hand-of-doom-tab>span:last-child{color:#e5dcc9}