/* Project Phoenix v0.5.8-alpha.92 — full comic Command Center reboot */
:root {
  --comic-red:#9f2a20;
  --comic-red-dark:#48100e;
  --comic-green:#536c29;
  --comic-blue:#456b7b;
  --comic-gold:#d6a24a;
  --comic-ink:#080909;
  --comic-paper:#d6c19b;
}


body:has(#dashboardView.active) {
  overflow-x:hidden;
  background:#070808;
}

body:has(#dashboardView.active) .command-header {
  position:fixed;
  z-index:70;
  top:0;left:0;
  width:335px;height:108px;
  padding:10px 18px;
  border-right:2px solid #2f3031;
  border-bottom:2px solid #111;
  background:linear-gradient(135deg,#050606 0%,#111315 62%,#070808 100%);
  box-shadow:8px 0 20px rgba(0,0,0,.48);
}
body:has(#dashboardView.active) .command-header::after {
  content:"";
  position:absolute;inset:auto 0 0;
  height:5px;
  background:linear-gradient(90deg,#8d1915,#1c1e20 75%);
  clip-path:polygon(0 0,100% 36%,97% 100%,0 70%);
}
body:has(#dashboardView.active) .command-header .brand-mark-wrap {
  display:grid;
  width:82px;height:82px;
  flex:0 0 82px;
  border:0;
  border-radius:0;
  background:transparent;
  box-shadow:none;
}
body:has(#dashboardView.active) .command-header .brand-logo {
  width:82px;height:82px;
  object-fit:cover;border-radius:50%;
  filter:saturate(1.35) contrast(1.15) drop-shadow(0 5px 5px #000);
}
body:has(#dashboardView.active) .command-header .brand-copy { min-width:0; }
body:has(#dashboardView.active) .command-header .brand-kicker {
  color:#c4b899;
  font:700 .52rem/1 Impact,"Arial Narrow",sans-serif;
  letter-spacing:.18em;
}
body:has(#dashboardView.active) .command-header h1 {
  margin:3px 0 1px;
  color:#f1ead8;
  font:900 2.05rem/.82 Impact,"Arial Narrow",sans-serif;
  letter-spacing:.015em;
  text-transform:uppercase;
  text-shadow:2px 2px 0 #000,-1px 1px 0 #000;
}
body:has(#dashboardView.active) .command-header p {
  margin-top:7px;
  color:#b7a982;
  font:700 .48rem/1 Impact,"Arial Narrow",sans-serif;
  letter-spacing:.08em;
  text-transform:uppercase;
}
body:has(#dashboardView.active) .header-actions {
  position:fixed;
  z-index:82;
  top:16px;right:auto;left:calc(100vw - 164px);
  gap:7px;
}
body:has(#dashboardView.active) .account-action,
body:has(#dashboardView.active) .icon-action {
  min-height:45px;
  border:2px solid #313335;
  border-radius:2px;
  background:linear-gradient(#17191a,#090a0a);
  box-shadow:inset 0 0 0 1px #000,0 3px 0 #000;
  color:#e8dfc8;
}

body:has(#dashboardView.active) .command-sidebar {
  position:fixed;
  z-index:68;
  top:0;right:0;bottom:auto;left:335px;
  width:auto;height:88px;
  display:flex;
  flex-direction:row;
  align-items:stretch;
  gap:4px;
  padding:14px 178px 13px 14px;
  overflow:visible;
  border:0;
  border-bottom:3px solid #101112;
  background:linear-gradient(180deg,rgba(18,20,21,.98),rgba(6,7,7,.98));
  box-shadow:0 8px 18px rgba(0,0,0,.5);
}
body:has(#dashboardView.active) .command-sidebar::after {
  content:"";
  position:absolute;right:0;bottom:-5px;left:0;
  height:4px;
  background:linear-gradient(90deg,#25282a,#8e211a 45%,#282a2c);
  clip-path:polygon(0 0,100% 25%,96% 100%,3% 62%);
}
body:has(#dashboardView.active) .command-sidebar .sidebar-brand,
body:has(#dashboardView.active) .command-sidebar .sidebar-version { display:none; }
body:has(#dashboardView.active) .command-sidebar button {
  width:auto;min-width:86px;min-height:58px;
  flex:1;
  display:flex;
  flex-direction:row;
  justify-content:center;
  gap:7px;
  padding:8px 10px;
  border:2px solid #303234;
  border-radius:2px;
  background:linear-gradient(#181a1b,#090a0a);
  box-shadow:inset 0 0 0 1px #000,0 3px 0 #000;
  color:#e6dfcf;
  font:700 .54rem/1 Impact,"Arial Narrow",sans-serif;
  letter-spacing:0;
  text-transform:uppercase;
}
body:has(#dashboardView.active) .command-sidebar button span:last-child { display:inline-flex; }
body:has(#dashboardView.active) .command-sidebar button span:last-child { font-size:0; }
body:has(#dashboardView.active) .command-sidebar button span:last-child::after {
  content:attr(data-mobile-label);
  font-size:.55rem;
}
body:has(#dashboardView.active) .command-sidebar button.active {
  border-color:#c64b3a;
  background:linear-gradient(#b43c2d,#5d1713);
  box-shadow:inset 0 0 0 1px #300806,0 3px 0 #210706,0 0 13px rgba(177,45,32,.25);
  color:#fff6df;
}
body:has(#dashboardView.active) .command-sidebar .nav-glyph { font-size:1rem; }

body:has(#dashboardView.active) .command-main {
  padding:0;
  margin:0;
  width:100%;
  max-width:none;
}

#dashboardView.comic-command-center {
  position:relative;
  isolation:isolate;
  min-height:100vh;
  padding:0;
  overflow:hidden;
  background:#111;
}
#dashboardView.comic-command-center::before {
  content:"";
  position:fixed;
  z-index:-2;
  inset:0;
  background-image:
    linear-gradient(180deg,rgba(2,3,3,.03),rgba(2,3,3,.12) 45%,rgba(2,3,3,.72) 96%),
    url('../assets/command-center-siege-v92.webp');
  background-position:center top;
  background-size:cover;
  background-repeat:no-repeat;
  filter:saturate(.94) contrast(1.06) brightness(.94);
}
#dashboardView.comic-command-center::after {
  content:"";
  position:fixed;
  z-index:-1;
  inset:0;
  pointer-events:none;
  background:
    repeating-linear-gradient(0deg,rgba(0,0,0,.055) 0 1px,transparent 1px 4px),
    radial-gradient(ellipse at center,transparent 48%,rgba(0,0,0,.45) 100%);
  mix-blend-mode:multiply;
}

.comic-dashboard-shell {
  display:grid;
  grid-template-columns:minmax(0,1fr) 270px;
  grid-template-rows:auto auto auto;
  gap:11px 13px;
  width:min(1500px,100%);
  min-height:100vh;
  margin:0 auto;
  padding:245px 18px 9px;
}

.comic-command-stamp {
  position:absolute;
  z-index:3;
  top:121px;left:0;
  display:grid;
  width:178px;
  padding:10px 15px 13px 10px;
  transform:rotate(-2deg);
  border:2px solid #1b0b09;
  background:
    linear-gradient(90deg,rgba(255,255,255,.07),transparent 30%),
    linear-gradient(#9f3025,#561510);
  box-shadow:0 5px 0 #130604,5px 8px 15px rgba(0,0,0,.55);
  color:#f5e5c3;
  font-family:Impact,"Arial Narrow",sans-serif;
  text-transform:uppercase;
  clip-path:polygon(0 3%,96% 0,100% 89%,5% 100%);
}
.comic-command-stamp span { font-size:.78rem;letter-spacing:.06em; }
.comic-command-stamp strong { margin-top:2px;font-size:1.32rem;line-height:.95; }
.comic-command-stamp small { margin-top:4px;color:#f0c75c;font-size:.62rem;letter-spacing:.08em; }

.realm-showcase {
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:10px;
  align-items:stretch;
}
.realm-card {
  --realm-accent:var(--comic-red);
  --realm-dark:var(--comic-red-dark);
  position:relative;
  min-width:0;
  min-height:345px;
  padding:55px 12px 13px;
  overflow:hidden;
  border:3px solid #111212;
  outline:2px solid #5c4934;
  outline-offset:-7px;
  background:
    linear-gradient(110deg,rgba(255,255,255,.25),transparent 27%),
    repeating-linear-gradient(0deg,rgba(42,27,17,.035) 0 1px,transparent 1px 4px),
    linear-gradient(135deg,#d8c8a8,#b7a17b);
  box-shadow:0 8px 0 #090909,0 13px 25px rgba(0,0,0,.65),inset 0 0 35px rgba(59,36,19,.27);
}
.realm-card::after {
  content:"";
  position:absolute;inset:0;
  pointer-events:none;
  background:linear-gradient(135deg,transparent 75%,rgba(102,18,14,.18)),repeating-linear-gradient(115deg,transparent 0 27px,rgba(30,21,15,.025) 28px 30px);
  mix-blend-mode:multiply;
}

.realm-card header {
  position:absolute;
  z-index:3;
  top:8px;right:7px;left:7px;
  min-height:43px;
  display:grid;
  place-items:center;
  padding:6px 18px;
  transform:rotate(-.5deg);
  background:
    linear-gradient(90deg,rgba(0,0,0,.28),transparent 15%,transparent 85%,rgba(0,0,0,.28)),
    linear-gradient(var(--realm-accent),var(--realm-dark));
  border:2px solid #2a120d;
  box-shadow:0 3px 0 #1a0907,0 5px 8px rgba(0,0,0,.38);
  clip-path:polygon(1% 8%,98% 0,100% 89%,2% 100%);
}
.realm-card h2 {
  margin:0;
  color:#fff4d9;
  font:900 clamp(1.08rem,1.65vw,1.55rem)/1 Impact,"Arial Narrow",sans-serif;
  letter-spacing:.055em;
  white-space:nowrap;
  text-transform:uppercase;
  text-shadow:2px 2px 0 #130807,-1px -1px 0 rgba(0,0,0,.7);
}
.realm-card-body {
  position:relative;
  z-index:2;
  display:grid;
  grid-template-columns:minmax(0,1fr) 78px;
  gap:5px;
  height:237px;
  align-items:end;
  overflow:hidden;
}
.realm-card-body > img {
  display:block;
  width:100%;height:228px;
  object-fit:contain;
  object-position:center bottom;
  filter:drop-shadow(7px 9px 6px rgba(0,0,0,.55)) saturate(.95) contrast(1.04);
}
.realm-black-plague .realm-card-body > img,
.realm-green-horde .realm-card-body > img,
.realm-white-death .realm-card-body > img { transform:scale(1.42); }
.realm-stats {
  position:relative;
  z-index:3;
  display:flex;
  flex-direction:column;
  align-items:center;
  align-self:stretch;
  justify-content:center;
  padding:7px 3px;
  border-left:1px solid rgba(61,40,23,.35);
  color:#201815;
  font-family:Impact,"Arial Narrow",sans-serif;
  text-align:center;
  background:linear-gradient(90deg,rgba(212,191,151,.86),rgba(202,178,137,.98) 22%);
}
.realm-stats span { margin:5px 0;color:#3a2b21;font-size:.52rem;text-transform:uppercase; }
.realm-stats strong { color:var(--realm-dark);font-size:2rem;line-height:1; }
.realm-stats small { font-size:.72rem; }
.realm-stats small b { font-weight:700; }
.realm-stats em { margin-top:2px;color:var(--realm-dark);font-size:1.35rem;font-style:normal; }
.realm-open-button {
  position:relative;
  z-index:4;
  display:block;
  width:108px;min-height:34px;
  margin:-2px 0 0 auto;
  border:2px solid #2b160e;
  border-radius:0;
  background:linear-gradient(var(--realm-accent),var(--realm-dark));
  box-shadow:inset 0 0 0 1px rgba(255,235,193,.17),0 3px 0 #180807;
  color:#fff2d0;
  font:900 .67rem/1 Impact,"Arial Narrow",sans-serif;
  letter-spacing:.05em;
  text-transform:uppercase;
}
.realm-open-button:hover { filter:brightness(1.15);transform:translateY(-1px); }
.realm-green-horde { --realm-accent:#607b32;--realm-dark:#283a18; }
.realm-white-death { --realm-accent:#5c8191;--realm-dark:#263f4a; }

.comic-overview {
  grid-column:2;
  grid-row:1 / span 2;
  align-self:start;
  padding:9px 10px 12px;
  border:3px solid #0d0e0e;
  outline:2px solid #66513a;
  outline-offset:-7px;
  background:
    linear-gradient(180deg,rgba(255,255,255,.035),transparent 12%),
    repeating-linear-gradient(0deg,rgba(255,255,255,.015) 0 1px,transparent 1px 4px),
    rgba(11,12,12,.94);
  box-shadow:0 8px 0 #050505,0 13px 26px rgba(0,0,0,.72);
  color:#e8dfc9;
  font-family:Impact,"Arial Narrow",sans-serif;
}
.comic-overview > h2,
.comic-overview > h3,
.comic-recent > h2 {
  position:relative;
  margin:0;
  padding:8px 10px;
  border:2px solid #2d100c;
  background:linear-gradient(#a63428,#581611);
  box-shadow:0 3px 0 #170706;
  color:#fff0d1;
  font:900 1rem/1 Impact,"Arial Narrow",sans-serif;
  letter-spacing:.045em;
  text-align:center;
  text-transform:uppercase;
  clip-path:polygon(1% 7%,98% 0,100% 87%,2% 100%);
}
.overview-total,
.overview-completion {
  display:grid;
  justify-items:center;
  gap:6px;
  padding:14px 8px;
  border-bottom:1px solid #34302a;
  text-align:center;
}
.overview-total span,
.overview-completion > span { color:#c6aa75;font-size:.62rem;letter-spacing:.04em; }
.overview-total strong { color:#c9362c;font-size:2.25rem;line-height:.8; }
.overview-total b { color:#d9d0bd;font-size:1rem;font-weight:400; }
.comic-completion-ring {
  --progress:0deg;
  width:92px;height:92px;
  display:grid;
  place-items:center;
  border-radius:50%;
  background:conic-gradient(#c43b30 var(--progress),#25231f 0);
  box-shadow:0 0 0 5px #080909,0 0 0 7px #684a29,inset 0 0 16px #000;
}
.comic-completion-ring::before { content:"";position:absolute;width:67px;height:67px;border-radius:50%;background:#111212; }
.comic-completion-ring strong { position:relative;color:#d94a3d;font-size:1.32rem; }
.overview-mini-stats { display:grid;grid-template-columns:repeat(3,1fr);border-bottom:1px solid #34302a; }
.overview-mini-stats div { padding:9px 3px;text-align:center;border-right:1px solid #34302a; }
.overview-mini-stats div:last-child { border:0; }
.overview-mini-stats span { display:block;color:#a99b82;font-size:.45rem;text-transform:uppercase; }
.overview-mini-stats strong { display:block;margin-top:4px;color:#e4c27d;font-size:1rem; }
.overview-market-value { display:grid;justify-items:center;gap:3px;padding:9px 6px 8px;border-bottom:1px solid #34302a;text-align:center; }
.overview-market-value span { color:#c6aa75;font-size:.48rem;letter-spacing:.05em;text-transform:uppercase; }
.overview-market-value strong { color:#7fcf91;font-size:1.05rem;line-height:1.1; }
.overview-market-value small { color:#82796b;font:400 .4rem/1.3 system-ui,sans-serif; }
.comic-progress { height:5px;margin:10px 8px 4px;background:#24201b; }
.comic-progress span { display:block;height:100%;background:linear-gradient(90deg,#92251e,#d74b37,#e0a24b); }
.comic-overview #countingNote { margin:4px 8px 12px;color:#7f7668;font:400 .43rem/1.35 system-ui,sans-serif;text-align:center; }
.comic-overview > h3 { margin-top:4px;font-size:.85rem; }
.comic-quick-actions { display:grid;margin-top:7px; }
.comic-quick-actions button {
  display:grid;
  grid-template-columns:24px 1fr auto;
  align-items:center;
  gap:7px;
  min-height:42px;
  padding:7px 8px;
  border:0;
  border-bottom:1px solid #34302a;
  border-radius:0;
  background:transparent;
  color:#ddd3bf;
  font:700 .61rem/1 Impact,"Arial Narrow",sans-serif;
  text-align:left;
  text-transform:uppercase;
}
.comic-quick-actions button span { color:#d4a249;font-size:1rem;text-align:center; }
.comic-quick-actions button b { color:#d4a249;font-size:1.3rem; }
.comic-quick-actions button:hover { background:#1b1714;color:#fff1d0; }

.verified-market-estimate { grid-column:1/-1;display:grid;gap:5px;padding:12px;border:1px solid rgba(98,207,132,.38);border-radius:9px;background:linear-gradient(145deg,rgba(26,91,49,.24),rgba(8,12,10,.78)); }
.verified-market-estimate.pending { border-color:rgba(212,162,73,.4);background:linear-gradient(145deg,rgba(109,72,20,.2),rgba(9,9,8,.78)); }
.verified-market-estimate span { color:#c9b98f;font-size:.7rem;font-weight:800;letter-spacing:.04em;text-transform:uppercase; }
.verified-market-estimate strong { color:#9be3af;font-size:1.35rem; }
.verified-market-estimate small,.verified-market-estimate em { color:#b7b1a7;font-size:.7rem;line-height:1.4; }
.verified-market-estimate em { color:#817a70;font-style:normal; }

.comic-recent {
  grid-column:1;
  min-width:0;
  padding:8px 10px 10px;
  border:3px solid #0d0e0e;
  outline:2px solid #66513a;
  outline-offset:-7px;
  background:rgba(10,11,11,.91);
  box-shadow:0 8px 0 #050505,0 12px 24px rgba(0,0,0,.64);
}
.comic-recent > h2 { width:190px;margin:-3px 0 7px;text-align:left; }
.comic-recent .recent-list { display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:5px;margin:0; }
.comic-recent .recent-item {
  display:grid;
  grid-template-columns:42px minmax(0,1fr);
  align-items:center;
  gap:7px;
  min-width:0;
  min-height:77px;
  padding:6px;
  border:2px solid #221b14;
  background:
    repeating-linear-gradient(0deg,rgba(57,38,24,.03) 0 1px,transparent 1px 4px),
    linear-gradient(#d7c39f,#bda981);
  color:#201814;
}
.comic-recent .recent-dot { display:none; }
.comic-recent .recent-icon { width:42px;height:58px;display:grid;place-items:center; }
.comic-recent .recent-icon img { width:40px;height:40px;filter:sepia(.45) saturate(1.2) contrast(1.2) drop-shadow(2px 3px 2px rgba(0,0,0,.45)); }
.comic-recent .recent-item strong { display:block;overflow:hidden;color:#251a13;font:900 .58rem/1.05 Impact,"Arial Narrow",sans-serif;text-overflow:ellipsis; }
.comic-recent .recent-item small { color:#6a3b25;font-size:.45rem; }
.comic-recent .recent-status { grid-column:2;color:#3f682d!important;text-transform:uppercase; }
.comic-recent .recent-empty { grid-column:1/-1;margin:15px;color:#bcae93;text-align:center; }

.comic-updates {
  grid-column:1;
  min-width:0;
  padding:10px 12px 12px;
  border:3px solid #0d0e0e;
  outline:2px solid #6f4b27;
  outline-offset:-7px;
  background:
    linear-gradient(110deg,rgba(139,38,27,.2),transparent 31%),
    repeating-linear-gradient(0deg,rgba(255,255,255,.014) 0 1px,transparent 1px 4px),
    rgba(9,10,10,.94);
  box-shadow:0 8px 0 #050505,0 12px 24px rgba(0,0,0,.7);
  color:#e8dfc9;
}
.updates-heading { display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:9px;padding-bottom:8px;border-bottom:1px solid rgba(210,154,76,.34); }
.updates-heading > div:first-child { display:flex;align-items:center;gap:10px; }
.updates-heading span { color:#d7a54f;font:900 .55rem/1 Impact,"Arial Narrow",sans-serif;letter-spacing:.09em;text-transform:uppercase; }
.updates-heading h2 { margin:0;padding:8px 13px;border:2px solid #2d100c;background:linear-gradient(#a63428,#581611);box-shadow:0 3px 0 #170706;color:#fff0d1;font:900 .9rem/1 Impact,"Arial Narrow",sans-serif;letter-spacing:.045em;text-transform:uppercase;clip-path:polygon(1% 7%,98% 0,100% 87%,2% 100%); }
.updates-build { display:grid;justify-items:end;gap:2px;text-align:right; }
.updates-build strong { color:#f1bd5c;font:900 .72rem/1 Impact,"Arial Narrow",sans-serif;letter-spacing:.07em;text-transform:uppercase; }
.updates-build small { color:#8f8576;font-size:.48rem; }
.updates-list { display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px; }
.update-entry { display:grid;grid-template-columns:38px minmax(0,1fr);align-items:start;gap:9px;min-width:0;padding:9px;border:1px solid #4d3826;background:linear-gradient(135deg,rgba(68,48,30,.72),rgba(13,13,12,.92));box-shadow:inset 0 0 0 2px rgba(5,5,5,.75); }
.update-entry.update-latest { border-color:#9b4936;background:linear-gradient(135deg,rgba(115,34,25,.62),rgba(16,13,11,.94)); }
.update-version { display:grid;width:34px;height:34px;place-items:center;border:2px solid #b57b37;border-radius:50%;background:radial-gradient(circle,#3c2417 0 45%,#100d0b 48%);color:#ffd58b!important;font:900 .62rem/1 Impact,"Arial Narrow",sans-serif!important;letter-spacing:.03em!important;box-shadow:0 2px 0 #050505,inset 0 0 0 2px #15100c; }
.update-entry strong { display:block;margin:1px 0 4px;color:#f2d49a;font:800 .63rem/1.05 Georgia,serif;text-transform:uppercase; }
.update-entry p { margin:0;color:#a99e8d;font:600 .51rem/1.35 system-ui,sans-serif; }

.comic-price-alerts {
  grid-column:1/-1;
  min-width:0;
  padding:9px 11px 11px;
  border:3px solid #0d0e0e;
  outline:2px solid #6f4b27;
  outline-offset:-7px;
  background:
    linear-gradient(105deg,rgba(121,31,24,.2),transparent 34%),
    repeating-linear-gradient(0deg,rgba(255,255,255,.014) 0 1px,transparent 1px 4px),
    rgba(9,10,10,.94);
  box-shadow:0 8px 0 #050505,0 12px 24px rgba(0,0,0,.7);
  color:#e8dfc9;
}

/* Project Phoenix v0.5.8-alpha.170 — Custom Hero Forge */
.hero-forge-fixed-backdrop { position:fixed;z-index:-3;inset:0;display:none;background:linear-gradient(90deg,rgba(5,6,8,.95),rgba(18,13,12,.56) 38%,rgba(10,9,10,.78)),url('../assets/halls/heroes-art/hall-of-heroes-v1.png') center/cover no-repeat; }
body:has(#heroForgeView.active) .hero-forge-fixed-backdrop { display:block; }
html:has(#heroForgeView.active),body:has(#heroForgeView.active) { overflow-x:hidden;background:#080808; }
#heroForgeView.active { position:relative;max-width:none;min-height:100vh;padding:18px 22px 110px;color:#ead8b2; }
.hero-forge-hero { position:relative;min-height:210px;display:flex;align-items:flex-end;justify-content:space-between;overflow:hidden;padding:38px 42px;border:2px solid #7b512b;background:linear-gradient(90deg,rgba(13,8,7,.96),rgba(31,18,14,.78) 52%,rgba(11,9,9,.42)),url('../assets/halls/heroes-art/hall-of-heroes-v1.png') center 34%/cover no-repeat;box-shadow:inset 0 0 0 5px #100b09,0 14px 28px rgba(0,0,0,.6); }
.hero-forge-hero::after { content:"";position:absolute;inset:8px;pointer-events:none;border:1px solid rgba(218,162,80,.38);clip-path:polygon(0 0,20% 0,20% 2px,80% 2px,80% 0,100% 0,100% 100%,80% 100%,80% calc(100% - 2px),20% calc(100% - 2px),20% 100%,0 100%); }
.hero-forge-hero>div:first-child { position:relative;z-index:1;max-width:720px;text-shadow:2px 3px 0 #000; }
.hero-forge-hero h2 { margin:2px 0 8px;color:#f3ddb2;font:2.5rem/1 var(--font-display,Georgia,serif);text-transform:uppercase;letter-spacing:.035em; }
.hero-forge-hero p:last-child { max-width:660px;margin:0;color:#d7c6a5; }
.hero-forge-seal { position:relative;z-index:1;width:128px;height:128px;display:grid;place-items:center;flex:0 0 128px;border:3px double #c98d43;border-radius:50%;background:radial-gradient(circle,#6e281c 0 34%,#27120e 36% 58%,#b77435 60% 64%,#100908 66%);box-shadow:inset 0 0 20px #000,0 0 20px rgba(196,111,45,.35); }
.hero-forge-seal svg { width:64px;height:64px;fill:none;stroke:#ffe0a0;stroke-width:1.7; }
.hero-forge-seal small { position:absolute;bottom:12px;font-size:.52rem;text-align:center;text-transform:uppercase;letter-spacing:.1em; }
.hero-forge-layout { display:grid;grid-template-columns:minmax(0,1.25fr) minmax(360px,.75fr);gap:20px;width:100%;margin:20px auto 0;align-items:start; }
.hero-forge-workbench,.forge-balance-panel { border:1px solid #75491f;background:linear-gradient(135deg,rgba(34,19,14,.96),rgba(10,9,9,.94) 62%,rgba(48,26,15,.9));box-shadow:inset 0 0 0 4px #0b0908,inset 0 0 0 5px rgba(195,134,61,.24),0 12px 28px rgba(0,0,0,.5); }
.hero-forge-workbench { padding:24px; }
.forge-section-heading,.hero-forge-roster-heading,.forge-balance-heading { display:flex;align-items:center;justify-content:space-between;gap:16px; }
.forge-section-heading h3,.hero-forge-roster-heading h3,.forge-balance-heading h3 { margin:2px 0;color:#f1d8a4;font-family:var(--font-display,Georgia,serif);text-transform:uppercase;letter-spacing:.035em; }
#heroForgeEditBadge { padding:6px 11px;border:1px solid #d6903d;background:#5f2118;color:#ffe1a3;font-size:.65rem;font-weight:900;text-transform:uppercase;letter-spacing:.1em; }
.hero-forge-fields { display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:13px;margin-top:18px; }
.hero-forge-workbench label { color:#d8bd88;font-size:.7rem;font-weight:800;text-transform:uppercase;letter-spacing:.055em; }
.hero-forge-workbench input,.hero-forge-workbench select,.hero-forge-workbench textarea { width:100%;margin-top:6px;border:1px solid #74512b;border-radius:2px;background:rgba(5,6,7,.88);color:#f4e4c2;padding:11px 12px;font:inherit;text-transform:none;letter-spacing:normal;box-shadow:inset 0 0 12px rgba(0,0,0,.75); }
.hero-forge-workbench input:focus,.hero-forge-workbench select:focus,.hero-forge-workbench textarea:focus { outline:2px solid rgba(221,151,62,.5);border-color:#e0a151; }
.hero-art-field { grid-column:1/-1;display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:0 12px; }
.hero-art-field input { grid-column:1/-1;cursor:pointer; }
.hero-art-field input::file-selector-button { margin:-7px 12px -7px -8px;border:1px solid #a15c35;background:linear-gradient(#81301f,#3e130f);color:#f7ddb0;padding:8px 12px;font:800 .58rem/1 var(--font-display,Georgia,serif);text-transform:uppercase;cursor:pointer; }
.hero-art-field small { margin-top:7px;color:#9f9179;font-size:.55rem;font-weight:500;letter-spacing:normal;text-transform:none; }
.hero-art-field button { margin-top:7px;border:1px solid #8f422c;background:#3f1511;color:#efc997;padding:6px 10px;font:800 .55rem/1 var(--font-display,Georgia,serif);text-transform:uppercase; }
.forge-portrait-controls { grid-column:1/-1;padding:13px 14px;border:1px solid #69441f;background:radial-gradient(circle at 12% 0,rgba(149,87,35,.17),transparent 36%),rgba(7,6,6,.72);box-shadow:inset 0 0 0 2px rgba(105,66,31,.18); }
.forge-portrait-controls-heading { display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:11px; }
.forge-portrait-controls-heading small { display:block;color:#b1894f;font-size:.51rem;font-weight:900;letter-spacing:.1em;text-transform:uppercase; }
.forge-portrait-controls-heading h4 { margin:3px 0 0;color:#f0d5a3;font:900 .9rem/1 var(--font-display,Georgia,serif);text-transform:uppercase; }
.forge-portrait-controls-heading button { width:auto;padding:7px 10px;border:1px solid #764727;background:linear-gradient(#422319,#1b0e0b);color:#dcbf8c;font:800 .53rem/1 var(--font-display,Georgia,serif);text-transform:uppercase;letter-spacing:.04em; }
.forge-portrait-control-grid { display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px; }
.forge-portrait-control-grid label { display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:4px 8px;color:#d8bd88;font-size:.58rem; }
.forge-portrait-control-grid input[type="range"] { grid-column:1/-1;height:6px;margin:4px 0 0;padding:0;border:0;border-radius:5px;appearance:none;background:linear-gradient(90deg,#6d281e,#d39a4b);box-shadow:inset 0 1px 3px #000;cursor:pointer; }
.forge-portrait-control-grid input[type="range"]::-webkit-slider-thumb { width:17px;height:17px;border:2px solid #29130d;border-radius:50%;appearance:none;background:radial-gradient(circle at 35% 30%,#f1ce83,#a76329 62%,#4c2515);box-shadow:0 0 0 1px #c48a43,0 2px 5px #000; }
.forge-portrait-control-grid input[type="range"]::-moz-range-thumb { width:14px;height:14px;border:2px solid #29130d;border-radius:50%;background:#d29b51;box-shadow:0 0 0 1px #c48a43; }
.forge-portrait-control-grid output { color:#f1cf8f;font:800 .58rem/1 var(--font-display,Georgia,serif);text-transform:none;letter-spacing:0; }
.forge-slot-framing,.forge-weapon-framing { grid-column:1/-1; }
.hero-forge-story { display:block;margin-top:13px; }
.hero-forge-story textarea { min-height:82px;resize:vertical; }
.forge-budget-overview { display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px;margin-top:16px; }
.forge-budget-overview>div { position:relative;overflow:hidden;min-height:82px;padding:13px 14px;border:1px solid #83572c;background:linear-gradient(145deg,rgba(154,91,36,.2),rgba(5,6,6,.92));box-shadow:inset 0 0 0 2px #0b0908; }
.forge-budget-overview>div::after { content:"";position:absolute;right:-18px;bottom:-25px;width:68px;height:68px;border:1px solid rgba(224,161,81,.15);border-radius:50%; }
.forge-budget-overview small,.forge-budget-overview strong { position:relative;z-index:1;display:block; }
.forge-budget-overview small { color:#bda67f;font-size:.57rem;font-weight:900;text-transform:uppercase;letter-spacing:.09em; }
.forge-budget-overview strong { margin-top:5px;color:#f3d48e;font:1.75rem/1 var(--font-display,Georgia,serif);text-transform:uppercase; }
.forge-budget-overview>div:nth-child(2) strong { color:#efb656; }.forge-budget-overview>div:nth-child(3) strong { color:#91c880; }
.forge-budget-overview strong.over-budget { color:#ff6f58!important; }
.forge-tier-cost-key { display:flex;align-items:center;flex-wrap:wrap;gap:7px;margin:8px 0 0;padding:8px 10px;border:1px solid rgba(133,88,43,.68);background:rgba(5,6,6,.72); }
.forge-tier-cost-key>strong { margin-right:3px;color:#d9b56d;font-size:.58rem;text-transform:uppercase;letter-spacing:.1em; }
.forge-tier-cost-key span { padding:4px 7px;border-left:3px solid #8a6a42;background:rgba(255,255,255,.035);color:#bfb29a;font-size:.56rem;font-weight:800;text-transform:uppercase;letter-spacing:.04em; }
.forge-tier-cost-key span:nth-of-type(1) { border-color:#3f89b4; }.forge-tier-cost-key span:nth-of-type(2) { border-color:#d5a72e; }.forge-tier-cost-key span:nth-of-type(3) { border-color:#d46c24; }.forge-tier-cost-key span:nth-of-type(4) { border-color:#ad3028; }
.forge-tier-cost-key b { margin-left:3px;color:#f4d79b; }
.hero-forge-workbench select,.forge-skill-grimoire select { appearance:none;-webkit-appearance:none;padding-right:36px!important;border-color:#9a6a32!important;color-scheme:dark;background-color:#1b100b!important;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='9' viewBox='0 0 14 9'%3E%3Cpath d='M2 2l5 5 5-5' fill='none' stroke='%23e0b35c' stroke-width='2' stroke-linecap='square'/%3E%3C/svg%3E"),radial-gradient(circle at 18% 0,rgba(151,86,35,.28),transparent 46%),linear-gradient(180deg,#29170f 0%,#130b08 54%,#21120c 100%)!important;background-repeat:no-repeat,no-repeat,no-repeat!important;background-position:calc(100% - 12px) 50%,0 0,0 0!important;background-size:14px 9px,100% 100%,100% 100%!important;box-shadow:inset 0 1px rgba(255,216,145,.13),inset 0 0 14px rgba(0,0,0,.72),0 1px 0 #050302!important;color:#f3dfb5!important;text-shadow:0 1px #000; }
.hero-forge-workbench select:hover,.forge-skill-grimoire select:hover { border-color:#c38a42!important;background-color:#28150d!important; }.hero-forge-workbench select:focus,.forge-skill-grimoire select:focus { outline:2px solid rgba(222,164,75,.42);outline-offset:1px;border-color:#e0ad57!important;box-shadow:inset 0 1px rgba(255,228,170,.18),inset 0 0 14px rgba(0,0,0,.7),0 0 10px rgba(194,119,44,.24)!important; }
.hero-forge-workbench select option,.forge-skill-grimoire select option { background:#21130d;color:#f0dab0; }.hero-forge-workbench select option:checked,.forge-skill-grimoire select option:checked { background:#66301e;color:#ffe3a2; }
.forge-skill-grimoire { margin:14px 0;padding:14px;border:1px solid #7f572d;background:radial-gradient(circle at 12% 0,rgba(172,105,43,.18),transparent 34%),linear-gradient(145deg,rgba(24,18,14,.96),rgba(5,6,6,.9));box-shadow:inset 0 0 0 2px #0d0a08,0 5px 14px rgba(0,0,0,.25); }
.forge-skill-grimoire-heading { display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:10px; }.forge-skill-grimoire-heading small { display:block;color:#c9944b;font-size:.55rem;font-weight:900;letter-spacing:.12em;text-transform:uppercase; }.forge-skill-grimoire-heading h4 { margin:3px 0 0;color:#f0d59a;font:1.18rem/1 var(--font-display,Georgia,serif);text-transform:uppercase; }.forge-skill-grimoire-heading button { width:auto;padding:7px 12px;border:1px solid #84542a;background:linear-gradient(#47251a,#1e100c);color:#e3c997;font-size:.58rem;font-weight:900;text-transform:uppercase;letter-spacing:.07em; }
.forge-skill-grimoire-controls { display:grid;grid-template-columns:minmax(0,1.7fr) minmax(170px,.8fr);gap:10px; }.forge-skill-grimoire-controls label { color:#c9ae7c;font-size:.58rem;font-weight:900;text-transform:uppercase;letter-spacing:.07em; }.forge-skill-grimoire-controls input,.forge-skill-grimoire-controls select { width:100%;margin-top:5px;padding:10px 11px;border:1px solid #74512b;background:rgba(5,6,7,.92);color:#f4e4c2;box-shadow:inset 0 0 12px rgba(0,0,0,.75); }.forge-skill-grimoire>p { margin:9px 0 0;color:#a99a82;font-size:.57rem;line-height:1.4; }
.forge-skill-grimoire-controls select { border-color:#aa7337!important;background-color:#25150d!important;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='9' viewBox='0 0 14 9'%3E%3Cpath d='M2 2l5 5 5-5' fill='none' stroke='%23f0c26a' stroke-width='2'/%3E%3C/svg%3E"),linear-gradient(90deg,rgba(139,69,28,.36),transparent 45%),linear-gradient(180deg,#3a2113,#180d08)!important; }
.forge-skill-grimoire-controls select option { background:#2a190f!important;color:#f5dfb5!important; }.forge-skill-grimoire-controls select option:checked { background:#71351f!important;color:#ffe3a0!important; }
.forge-mode-card { display:flex;align-items:center;justify-content:space-between;gap:18px;margin:20px 0;padding:15px 17px;border:1px solid #75491f;background:linear-gradient(90deg,rgba(134,74,31,.14),rgba(0,0,0,.32)); }
.forge-mode-card strong,.forge-mode-card small { display:block; }
.forge-mode-card strong { color:#f5dba6;text-transform:uppercase;letter-spacing:.06em; }
.forge-mode-card small { margin-top:4px;color:#b8a98e;font-size:.68rem; }
.forge-mode-switch { display:flex!important;align-items:center;gap:9px;cursor:pointer;white-space:nowrap; }
.forge-mode-switch input { position:absolute;opacity:0;pointer-events:none; }
.forge-mode-switch span { position:relative;width:46px;height:24px;border:1px solid #8a5b2b;border-radius:20px;background:#151514;box-shadow:inset 0 2px 5px #000; }
.forge-mode-switch span::after { content:"";position:absolute;left:3px;top:3px;width:16px;height:16px;border-radius:50%;background:#bfa66f;transition:.2s; }
.forge-mode-switch input:checked+span { border-color:#dd543d;background:#47120f; }
.forge-mode-switch input:checked+span::after { left:25px;background:#ff8066;box-shadow:0 0 8px #d83b28; }
.forge-mode-switch b { color:#d9c399;font-size:.67rem;letter-spacing:.07em; }
.forge-skill-builder { display:grid;gap:12px; }
.forge-danger-row { --danger:#777;display:grid;grid-template-columns:190px minmax(0,1fr);gap:12px;padding:12px;border-left:7px solid var(--danger);background:linear-gradient(90deg,color-mix(in srgb,var(--danger) 18%,rgba(12,10,9,.95)),rgba(5,5,5,.7));box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--danger) 42%,transparent); }
.forge-danger-row header span,.forge-danger-row header small { display:block; }
.forge-danger-row header span { color:#fff4da;font:1.25rem/1 var(--font-display,Georgia,serif);text-transform:uppercase;letter-spacing:.05em;text-shadow:1px 2px #000; }
.forge-danger-row header small { margin-top:7px;color:#c5b99f;font-size:.61rem;line-height:1.35; }
.forge-level-budget { display:inline-block;margin-top:9px;padding:4px 7px;border:1px solid color-mix(in srgb,var(--danger) 68%,#d8b06b);background:rgba(0,0,0,.42);color:#f1dbb3;font-size:.61rem;letter-spacing:.05em;white-space:nowrap; }
.forge-level-budget.over-budget { border-color:#ff6b52;background:#5c1711;color:#ffd3c7;box-shadow:0 0 9px rgba(226,53,35,.45); }
.forge-danger-row label { align-self:end; }
.forge-danger-row select { margin-top:4px;padding:9px 10px;color-scheme:dark; }
.forge-danger-row select { border-color:color-mix(in srgb,var(--danger) 58%,#8f6736)!important;background-color:#1d120d!important;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='9' viewBox='0 0 14 9'%3E%3Cpath d='M2 2l5 5 5-5' fill='none' stroke='%23edc26b' stroke-width='2'/%3E%3C/svg%3E"),linear-gradient(90deg,color-mix(in srgb,var(--danger) 22%,transparent),transparent 48%),linear-gradient(180deg,#2b1a12,#120a07)!important; }
.forge-danger-row select:hover { border-color:color-mix(in srgb,var(--danger) 72%,#d39a49)!important; }
.forge-danger-row select option { background:#27170f!important;color:#f4dfb8!important; }
.forge-danger-row select option:checked { background:color-mix(in srgb,var(--danger) 42%,#28160e)!important;color:#fff1c8!important; }
.forge-custom-select { --select-danger:#a66c35;position:relative;display:block;width:100%;margin-top:4px;isolation:isolate; }
.forge-custom-select[data-level="blue"] { --select-danger:#3f89b4; }.forge-custom-select[data-level="yellow"] { --select-danger:#d5a72e; }.forge-custom-select[data-level="orange"] { --select-danger:#d46c24; }.forge-custom-select[data-level="red"] { --select-danger:#ad3028; }
.forge-native-select { display:none!important;position:absolute!important;width:0!important;height:0!important;margin:0!important;padding:0!important;opacity:0!important;visibility:hidden!important;pointer-events:none!important;clip-path:inset(50%)!important; }
.forge-select-trigger { position:relative;width:100%;min-height:38px;padding:9px 38px 9px 12px;border:1px solid color-mix(in srgb,var(--select-danger) 66%,#916437);border-radius:2px;background:linear-gradient(90deg,color-mix(in srgb,var(--select-danger) 20%,transparent),transparent 48%),linear-gradient(180deg,#301d13,#140b08);color:#f5dfb7;font:700 .68rem/1.35 var(--font-body,Arial,sans-serif);text-align:left;text-shadow:0 1px #000;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;box-shadow:inset 0 1px rgba(255,222,157,.13),inset 0 0 13px rgba(0,0,0,.72),0 1px #050302;cursor:pointer; }
.forge-select-trigger::after { content:"";position:absolute;right:13px;top:50%;width:10px;height:10px;border-right:2px solid #efc46d;border-bottom:2px solid #efc46d;transform:translateY(-70%) rotate(45deg);transition:transform .18s ease;filter:drop-shadow(0 1px #000); }
.forge-custom-select.open { z-index:80; }.forge-custom-select.open .forge-select-trigger { border-color:#e0aa55;box-shadow:inset 0 1px rgba(255,231,177,.2),inset 0 0 13px rgba(0,0,0,.68),0 0 12px color-mix(in srgb,var(--select-danger) 34%,transparent); }.forge-custom-select.open .forge-select-trigger::after { transform:translateY(-20%) rotate(225deg); }
.forge-select-trigger:hover,.forge-select-trigger:focus-visible { outline:none;border-color:color-mix(in srgb,var(--select-danger) 70%,#e3ae59);color:#fff0cc; }
.forge-select-trigger:disabled { cursor:not-allowed;opacity:.48; }
.forge-select-menu { position:absolute;left:0;right:0;top:calc(100% + 5px);display:block;max-height:310px;padding:6px;border:1px solid #a87539;border-top:3px solid var(--select-danger);border-radius:2px;background:radial-gradient(circle at 18% 0,color-mix(in srgb,var(--select-danger) 18%,transparent),transparent 42%),linear-gradient(145deg,#291910 0%,#100906 68%,#24130c 100%);box-shadow:0 13px 28px rgba(0,0,0,.82),inset 0 0 0 1px rgba(237,191,105,.08),inset 0 0 20px rgba(0,0,0,.55);overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:var(--select-danger) #130b08; }
.forge-select-menu::-webkit-scrollbar { width:9px; }.forge-select-menu::-webkit-scrollbar-track { background:#130b08; }.forge-select-menu::-webkit-scrollbar-thumb { border:2px solid #130b08;background:var(--select-danger); }
.forge-select-menu[hidden] { display:none; }
.forge-select-option { display:block;width:100%;padding:9px 10px;border:0;border-bottom:1px solid rgba(174,118,55,.22);background:transparent;color:#ead4aa;font:700 .64rem/1.35 var(--font-body,Arial,sans-serif);text-align:left;text-transform:none;letter-spacing:0;cursor:pointer; }
.forge-select-option:last-child { border-bottom:0; }.forge-select-option:hover,.forge-select-option:focus-visible { outline:none;background:linear-gradient(90deg,color-mix(in srgb,var(--select-danger) 34%,#5b2a18),rgba(78,37,20,.62));color:#fff0c8; }.forge-select-option.selected { padding-left:24px;background:linear-gradient(90deg,color-mix(in srgb,var(--select-danger) 44%,#4f2516),rgba(58,27,16,.74));color:#ffe6aa; }.forge-select-option.selected::before { content:"◆";float:left;margin-left:-15px;color:#f1c366;font-size:.55rem; }.forge-select-option:disabled { color:#766a59;cursor:not-allowed; }
.archive-filter-select { --select-danger:#8f3a28;margin-top:5px; }
#collectionView.green-horde-realm-mode .archive-filter-select { --select-danger:#66823a; }
#collectionView.white-death-realm-mode .archive-filter-select { --select-danger:#4f829e; }
#collectionView.active>.controls .archive-filter-select>.forge-select-trigger { min-height:40px;border-color:color-mix(in srgb,var(--select-danger) 68%,#97653a)!important;background:linear-gradient(90deg,color-mix(in srgb,var(--select-danger) 26%,transparent),transparent 48%),linear-gradient(180deg,#301d13,#140b08)!important;color:#f5dfb7!important;font-family:Georgia,serif;font-size:.72rem; }
#collectionView.active>.controls .archive-filter-select .forge-select-option { border-bottom-color:color-mix(in srgb,var(--select-danger) 28%,transparent)!important;background:transparent!important;color:#ead4aa!important;box-shadow:none!important; }
#collectionView.active>.controls .archive-filter-select .forge-select-option:hover,#collectionView.active>.controls .archive-filter-select .forge-select-option:focus-visible { background:linear-gradient(90deg,color-mix(in srgb,var(--select-danger) 38%,#4f2516),rgba(45,21,13,.76))!important;color:#fff0c8!important; }
#collectionView.active>.controls .archive-filter-select .forge-select-option.selected { background:linear-gradient(90deg,color-mix(in srgb,var(--select-danger) 50%,#4f2516),rgba(48,23,14,.82))!important;color:#ffe6aa!important; }
.archive-status-select { margin:0;--select-danger:#8a5833; }
.archive-status-select[data-status="owned"] { --select-danger:#4f874b; }.archive-status-select[data-status="ordered"] { --select-danger:#477fa7; }.archive-status-select[data-status="wanted"] { --select-danger:#80538f; }.archive-status-select[data-status="skipped"] { --select-danger:#686868; }
.archive-status-select .forge-select-trigger { min-height:38px;padding-block:8px;font:800 .7rem/1.2 Georgia,serif;text-transform:capitalize; }
.black-plague-product-card>.archive-status-select { grid-column:3;align-self:start;width:100%; }
#crossoversView .crossover-product-card>.archive-status-select { grid-column:3;align-self:start;width:calc(100% - 20px);margin:17px 10px 0;--select-danger:#8d54a5; }
.black-plague-product-card:has(>.archive-status-select.open),#crossoversView .crossover-product-card:has(>.archive-status-select.open) { position:relative;z-index:40;overflow:visible!important; }
#collectionView.active>.controls:has(.forge-custom-select.open),#collectionView.active>.collection-toolbar:has(.forge-custom-select.open) { position:relative;z-index:250!important;overflow:visible!important; }
#collectionTree>.group:has(.archive-status-select.open),#collectionTree .subcategory:has(.archive-status-select.open),#crossoverList>.group:has(.archive-status-select.open) { position:relative;z-index:180;overflow:visible!important; }
@media (max-width:900px) { #crossoversView .crossover-product-card>.archive-status-select { grid-column:2;width:calc(100% - 22px);margin:0 11px 12px; } }
@media (max-width:780px) { .black-plague-product-card>.archive-status-select { grid-column:2;width:100%; } }
.forge-danger-row .forge-parameter-select { margin-top:7px;border:1px solid #74512b;background:rgba(5,6,7,.88);color:#f4e4c2;box-shadow:inset 0 0 12px rgba(0,0,0,.75); }
.forge-danger-row .forge-parameter-select:focus { outline:2px solid rgba(221,151,62,.5);border-color:#e0a151; }
.danger-blue { --danger:#3f89b4; }.danger-yellow { --danger:#d5a72e; }.danger-orange { --danger:#d46c24; }.danger-red { --danger:#ad3028; }
.danger-orange,.danger-red { grid-template-columns:190px repeat(2,minmax(0,1fr)); }
.danger-orange header,.danger-red header { grid-row:1;align-self:center; }
.forge-zombivor-skill-editor { margin-top:18px;padding:16px;border:1px solid #7e1915;background:linear-gradient(135deg,rgba(49,11,10,.94),rgba(8,9,9,.97) 58%,rgba(45,44,35,.9));box-shadow:inset 0 0 0 4px #090909,inset 0 0 0 5px rgba(194,42,32,.28); }
.forge-zombivor-skill-editor[hidden] { display:none!important; }
.forge-zombivor-skill-editor>header { display:flex;align-items:end;justify-content:space-between;gap:18px;margin-bottom:14px;padding-bottom:12px;border-bottom:1px solid rgba(185,56,45,.55); }
.forge-zombivor-skill-editor>header small { color:#da665c;font-size:.58rem;font-weight:900;text-transform:uppercase;letter-spacing:.11em; }.forge-zombivor-skill-editor>header h4 { margin:3px 0 0;color:#ffe3b3;font:1.2rem/1 Impact,'Arial Narrow',sans-serif;text-transform:uppercase;letter-spacing:.065em; }.forge-zombivor-skill-editor>header p { max-width:430px;margin:0;color:#c0afa1;font-size:.66rem;line-height:1.4;text-align:right; }
.zombivor-skill-grid { display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px; }
.zombivor-skill-grid label { --zombivor-choice:#a72a24;position:relative;padding:9px 10px 10px 17px;border-left:6px solid var(--zombivor-choice);background:linear-gradient(90deg,color-mix(in srgb,var(--zombivor-choice) 15%,#171312),#090909);color:#e7d8bf; }
.zombivor-skill-grid label.blue { --zombivor-choice:#3f89b4; }.zombivor-skill-grid label.yellow { --zombivor-choice:#d5a72e; }.zombivor-skill-grid label.orange { --zombivor-choice:#d46c24; }.zombivor-skill-grid label.red { --zombivor-choice:#ad3028; }
.zombivor-skill-grid select { border-color:color-mix(in srgb,var(--zombivor-choice) 65%,#72512f)!important;background-color:#160e0b!important; }
.danger-red { grid-template-columns:190px repeat(3,minmax(0,1fr)); }
.forge-stage-rail { position:sticky;top:76px;z-index:12;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:5px;margin:18px 0 14px;padding:6px;border:1px solid #68401f;background:rgba(9,7,6,.96);box-shadow:inset 0 0 0 2px #1d130d,0 7px 18px rgba(0,0,0,.45); }
.forge-stage-rail button { display:flex;align-items:center;justify-content:center;gap:7px;min-width:0;min-height:43px;padding:7px 5px;border:1px solid #4f321d;background:linear-gradient(#28221e,#100c0a);color:#a99679;font:800 .56rem/1.15 var(--font-display,Georgia,serif);letter-spacing:.035em;text-transform:uppercase; }
.forge-stage-rail button b { display:grid;place-items:center;flex:0 0 20px;width:20px;height:20px;border:1px solid #71502c;border-radius:50%;background:#120c09;color:#d1aa67;font-size:.57rem; }
.forge-stage-rail button:hover,.forge-stage-rail button:focus-visible,.forge-stage-rail button.active { outline:none;border-color:#c98135;background:linear-gradient(#75301f,#32120e);color:#ffe5b2;box-shadow:inset 0 0 0 1px #2c0d08; }
.forge-stage-rail button.complete b { border-color:#6e9d5e;background:#183317;color:#c9efae; }.forge-stage-rail button.attention b { border-color:#c97334;background:#4a1b12;color:#ffd29e; }
.forge-stage { scroll-margin-top:145px;margin:0 0 10px;border:1px solid #67441f;background:linear-gradient(135deg,rgba(31,20,14,.97),rgba(8,7,7,.96));box-shadow:inset 0 0 0 2px rgba(93,54,27,.22); }
.forge-stage>summary { display:block;padding:0;list-style:none;cursor:pointer; }.forge-stage>summary::-webkit-details-marker { display:none; }
.forge-stage>summary>span { display:flex;align-items:center;gap:11px;min-height:62px;padding:10px 13px; }
.forge-stage>summary>span>b { display:grid;place-items:center;flex:0 0 32px;width:32px;height:32px;border:1px solid #9a6631;border-radius:50%;background:radial-gradient(circle at 35% 28%,#51301a,#140c08 68%);color:#f1c46f;font:900 .8rem var(--font-display,Georgia,serif);box-shadow:0 0 0 2px #130b08; }
.forge-stage>summary>span>span { display:grid;min-width:0;gap:3px; }.forge-stage>summary strong { color:#f1d6a5;font:900 .88rem/1 var(--font-display,Georgia,serif);text-transform:uppercase;letter-spacing:.055em; }.forge-stage>summary small { color:#9f9079;font-size:.58rem;line-height:1.3; }
.forge-stage>summary>i { position:absolute;right:15px;top:50%;width:9px;height:9px;border-right:2px solid #cf9b50;border-bottom:2px solid #cf9b50;transform:translateY(-68%) rotate(45deg);transition:transform .2s; }.forge-stage>summary { position:relative;padding-right:35px; }
.forge-stage[open]>summary { border-bottom:1px solid #62401f;background:linear-gradient(90deg,rgba(118,42,26,.34),transparent 68%); }.forge-stage[open]>summary>i { transform:translateY(-30%) rotate(225deg); }
.forge-stage-body { padding:16px; }.forge-stage-body.hero-forge-fields { margin-top:0; }.forge-skills-stage>.forge-budget-overview { margin-top:0; }.forge-skills-stage>.forge-tier-cost-key { margin-top:11px; }
.forge-artwork-stage { display:grid;grid-template-columns:minmax(0,1fr) minmax(180px,.55fr);gap:15px;align-items:center; }.forge-artwork-stage>p { margin:0;padding:13px;border-left:2px solid #8d592a;background:rgba(9,7,6,.6);color:#aa9a80;font-size:.65rem;line-height:1.55; }
.forge-equipment-slot-editor { grid-column:1/-1;margin-top:3px;padding:14px;border:1px solid #69441f;background:linear-gradient(135deg,rgba(46,28,17,.74),rgba(8,7,7,.8));box-shadow:inset 0 0 0 2px rgba(105,66,31,.22); }.forge-equipment-slot-heading { display:flex;align-items:center;justify-content:space-between;gap:14px;margin-bottom:13px; }.forge-equipment-slot-heading small { color:#b1894f;font-size:.54rem;font-weight:900;letter-spacing:.1em;text-transform:uppercase; }.forge-equipment-slot-heading h4 { margin:3px 0 0;color:#f0d5a3;font:900 1rem/1 var(--font-display,Georgia,serif);text-transform:uppercase; }
.forge-slot-toggle { display:flex!important;align-items:center;gap:8px;cursor:pointer; }.forge-slot-toggle input { position:absolute!important;opacity:0!important;pointer-events:none; }.forge-slot-toggle span { position:relative;width:42px;height:22px;border:1px solid #72502d;border-radius:12px;background:#100d0b;box-shadow:inset 0 2px 6px #000; }.forge-slot-toggle span::after { content:"";position:absolute;left:3px;top:3px;width:14px;height:14px;border:1px solid #9e7741;border-radius:50%;background:#5a4934;transition:left .18s,background .18s; }.forge-slot-toggle input:checked+span { border-color:#b46f31;background:#4c1d13; }.forge-slot-toggle input:checked+span::after { left:22px;background:#e0a750; }.forge-slot-toggle b { color:#d5b681;font-size:.62rem;letter-spacing:.06em;text-transform:uppercase; }
.forge-equipment-slot-controls { display:grid;grid-template-columns:minmax(130px,.45fr) minmax(180px,1fr) minmax(220px,1.25fr);gap:12px;transition:opacity .2s; }.forge-equipment-slot-controls[aria-disabled="true"] { opacity:.38;pointer-events:none;filter:grayscale(.65); }.forge-equipment-slot-controls label { color:#d7bc88;font-size:.63rem;font-weight:800;letter-spacing:.045em;text-transform:uppercase; }.forge-equipment-slot-controls input,.forge-equipment-slot-controls select { width:100%;margin-top:6px;border:1px solid #74512b;background:rgba(5,6,7,.88);color:#f4e4c2;padding:10px 11px;font:inherit;text-transform:none;letter-spacing:normal;box-shadow:inset 0 0 12px rgba(0,0,0,.75); }.forge-equipment-slot-controls label>small { display:block;margin-top:5px;color:#958771;font-size:.52rem;font-weight:500;line-height:1.35;letter-spacing:normal;text-transform:none; }.forge-equipment-slot-controls button { margin-top:6px;border:1px solid #77442b;background:#30130e;color:#e7c08a;padding:6px 8px;font:800 .54rem var(--font-body,Arial,sans-serif);text-transform:uppercase; }
.forge-slot-icon-library { grid-column:1/-1;padding:11px;border:1px solid rgba(132,85,39,.7);background:rgba(5,5,5,.48); }.forge-slot-icon-library>div:first-child { display:flex;align-items:baseline;justify-content:space-between;gap:10px;margin-bottom:9px; }.forge-slot-icon-library small { color:#a77d43;font-size:.5rem;font-weight:900;letter-spacing:.09em;text-transform:uppercase; }.forge-slot-icon-library strong { color:#dfc18d;font:800 .65rem Georgia,serif; }.forge-slot-icon-grid { display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:6px;max-height:270px;overflow:auto;padding:2px; }.forge-slot-icon-grid button { display:grid;place-items:center;gap:4px;min-width:0;min-height:78px;margin:0;padding:5px 3px;border:1px solid #54371f;background:linear-gradient(#241a13,#0d0907);color:#a99678;box-shadow:inset 0 0 0 1px #0b0705;cursor:pointer; }.forge-slot-icon-grid button[hidden] { display:none; }.forge-slot-icon-grid button:hover,.forge-slot-icon-grid button:focus-visible,.forge-slot-icon-grid button.selected { outline:none;border-color:#c48338;background:linear-gradient(#71331f,#2b120c);color:#f3d89e; }.forge-slot-icon-grid button.selected { box-shadow:inset 0 0 0 2px #2a0d08,0 0 0 1px #d09a4c; }.forge-slot-icon-grid img { width:100%;height:50px;object-fit:contain;filter:drop-shadow(1px 2px 1px #000); }.forge-slot-icon-grid span { overflow:hidden;width:100%;font-size:.47rem;line-height:1;text-align:center;text-overflow:ellipsis;white-space:nowrap; }.forge-slot-art-credit { display:inline-block;margin-top:8px;color:#aa916b;font-size:.5rem;text-underline-offset:2px; }
.forge-slot-copy-preview { grid-column:1/-1;margin:11px 0 0!important;padding:9px 11px!important;border:1px dashed #765127!important;background:rgba(6,5,5,.5)!important;color:#bbaa8e!important;font:italic .64rem/1.4 Georgia,serif!important; }.forge-slot-copy-preview span { color:#f1d4a0; }
.forge-stage .forge-balance-panel { margin:0;border-color:#765126;background:rgba(7,7,7,.72);box-shadow:inset 0 0 18px rgba(0,0,0,.48); }.forge-print-stage .forge-actions { margin-top:0; }
.forge-actions { display:flex;flex-wrap:wrap;gap:10px;margin-top:20px; }
.forge-actions button,.forge-roster-actions button { border:1px solid #9b642e;background:linear-gradient(#873320,#3e130e);color:#ffe3aa;padding:10px 15px;font-family:var(--font-display,Georgia,serif);font-weight:900;text-transform:uppercase;letter-spacing:.045em;box-shadow:inset 0 0 0 2px #240b08,0 3px 0 #080302; }
.forge-actions button:disabled { opacity:.4;filter:grayscale(.7);cursor:not-allowed; }
.forge-actions button:nth-child(n+2) { background:linear-gradient(#373838,#121313); }
.forge-print-note { margin:10px 0 0;color:#a99a80;font-size:.62rem;line-height:1.45; }
.forge-download-actions { margin-top:9px; }
.forge-download-actions button { border-color:#7e6430;background:linear-gradient(#35502c,#172417);color:#f7e6b4; }
.forge-download-actions button:disabled { cursor:wait;opacity:.58; }
.forge-export-status { min-height:1em;margin:8px 0 0;color:#bcd99d;font-size:.61rem;letter-spacing:.02em; }
.hero-forge-preview-column { position:sticky;top:82px;display:grid;gap:16px; }
.hero-forge-card-pair { display:grid;gap:18px; }
.hero-forge-card { --accent:#8f3025;position:relative;overflow:hidden;width:100%;aspect-ratio:76/88;border:3px solid #20120c;background:linear-gradient(100deg,rgba(246,225,179,.98),rgba(183,145,91,.96)),repeating-linear-gradient(7deg,transparent 0 7px,rgba(68,35,18,.08) 8px);color:#21160e;box-shadow:0 0 0 2px #b57a35,0 0 0 6px #160d09,0 16px 30px rgba(0,0,0,.65); }
.hero-forge-card::after { content:"";position:absolute;inset:5px;pointer-events:none;border:1px solid rgba(75,39,18,.52);box-shadow:inset 0 0 18px rgba(57,24,9,.28); }
.hero-forge-card[data-accent="horde"],.forge-roster-card[data-accent="horde"] { --accent:#4d6c2d; }.hero-forge-card[data-accent="frost"],.forge-roster-card[data-accent="frost"] { --accent:#3e7186; }.hero-forge-card[data-accent="violet"],.forge-roster-card[data-accent="violet"] { --accent:#6b3f73; }.hero-forge-card[data-accent="gold"],.forge-roster-card[data-accent="gold"] { --accent:#9b6b26; }
.hero-id-front { display:block;background:#e9dfc8 url('../assets/hero-forge/Zcide-Fan-ID-CARD-blank.png?v=0.5.8-alpha.215') center/100% 100% no-repeat; }
.hero-id-front[data-template="white-death"] { background-image:url('../assets/hero-forge/Zcide-Fan-ID-CARD-white-death-v211.png?v=0.5.8-alpha.215'); }
.hero-id-front::after { display:none; }
.hero-id-art,.hero-id-record { position:absolute;inset:0;min-width:0; }
.hero-id-art { z-index:1; }
.hero-id-art::after { content:"";position:absolute;z-index:6;inset:0;background:url('../assets/hero-forge/Zcide-Fan-ID-CARD-blank.png?v=0.5.8-alpha.215') center/100% 100% no-repeat;clip-path:polygon(43.9% 3.9%,47.8% 3.9%,47.8% 5.5%,49.6% 7.6%,47.8% 9.5%,47.8% 11.3%,43.9% 11.3%,43.9% 9.5%,42.4% 7.6%,43.9% 5.5%);pointer-events:none; }
.hero-id-front[data-template="white-death"] .hero-id-art::after { background-image:url('../assets/hero-forge/Zcide-Fan-ID-CARD-white-death-v211.png?v=0.5.8-alpha.215'); }
.hero-id-record { z-index:2;pointer-events:none; }
.hero-id-record::before { content:"";position:absolute;inset:0;background:url('../assets/hero-forge/Zcide-Fan-ID-CARD-blank.png?v=0.5.8-alpha.215') center/100% 100% no-repeat;clip-path:polygon(0 61.2%,45.2% 61.2%,45.2% 65.45%,53.8% 65.45%,53.8% 69.2%,100% 69.2%,100% 100%,0 100%);pointer-events:none; }
.hero-id-front[data-template="white-death"] .hero-id-record::before { background-image:url('../assets/hero-forge/Zcide-Fan-ID-CARD-white-death-v211.png?v=0.5.8-alpha.215');clip-path:polygon(0 61.2%,45.2% 61.2%,45.2% 65.45%,53.8% 65.45%,53.8% 71.2%,100% 71.2%,100% 100%,0 100%); }
.hero-id-record::after { content:"";position:absolute;z-index:3;inset:0;background:url('../assets/hero-forge/Zcide-Fan-ID-CARD-blank.png?v=0.5.8-alpha.215') center/100% 100% no-repeat;clip-path:polygon(49.5% 57.65%,50.35% 58.3%,51.15% 58.45%,53.65% 59.5%,51.4% 61.2%,51.4% 63.8%,49.4% 65.2%,47.4% 63.8%,47.4% 61.2%,45.15% 59.5%,47.65% 58.45%,48.65% 58.3%);pointer-events:none; }
.hero-id-front[data-template="white-death"] .hero-id-record::after { background-image:url('../assets/hero-forge/Zcide-Fan-ID-CARD-white-death-v211.png?v=0.5.8-alpha.215'); }
.hero-id-front:has(.forge-portrait.has-art) .hero-id-record::before { background-image:url('../assets/hero-forge/Zcide-Fan-ID-CARD-bottom-overlay-v287.png');clip-path:none; }
.hero-id-front[data-template="white-death"]:has(.forge-portrait.has-art) .hero-id-record::before { background-image:url('../assets/hero-forge/Zcide-Fan-ID-CARD-white-death-bottom-overlay-v287.png');clip-path:none; }
.hero-id-front:has(.forge-portrait.has-art) .hero-id-record::after { display:none; }
.hero-id-art::before { display:none; }
.forge-portrait { position:absolute;z-index:3;left:3.5%;top:13%;width:55.5%;height:47%;display:grid;place-items:center;background:radial-gradient(circle at 50% 38%,color-mix(in srgb,var(--accent) 44%,transparent),rgba(31,18,13,.2) 58%,rgba(18,10,8,.5));color:#f4dfb4;text-align:center;clip-path:polygon(2% 0,98% 0,100% 95%,94% 100%,4% 100%,0 95%);text-shadow:2px 3px 2px #21120d; }
.forge-portrait.has-art { height:56%;overflow:visible;background:transparent;clip-path:inset(-100% -70% -100% -100%); }
.forge-portrait img { position:absolute;inset:auto -2% 1%;width:104%;height:104%;object-fit:contain;object-position:center bottom;transform:translate(var(--hero-art-x,0%),var(--hero-art-y,0%)) scale(var(--hero-art-scale,1));transform-origin:center bottom; }
.forge-portrait img[hidden] { display:none!important; }
.forge-portrait.has-art img { height:90%;bottom:1%; }
.hero-id-front[data-template="white-death"] .forge-portrait.has-art { height:58%; }
.hero-id-front[data-template="white-death"] .forge-portrait.has-art img { height:88%;bottom:1%; }
.forge-portrait.has-art span,.forge-portrait.has-art small { display:none; }
.forge-portrait span { font:clamp(2rem,7vw,5rem)/1 var(--font-display,Georgia,serif); }
.forge-portrait small { position:absolute;bottom:6%;font-size:.48rem;font-weight:900;letter-spacing:.12em;text-transform:uppercase; }
.hero-id-nameplate { position:absolute;left:13.1%;top:5.55%;z-index:5;width:29.3%;height:6.4%;padding:0 .7%;box-sizing:border-box;color:#38271b;text-align:center; }
.hero-id-nameplate h3 { position:absolute;inset:0 .7%;display:flex;align-items:center;justify-content:center;overflow:hidden;width:auto;margin:0;color:#38271b;font:clamp(.78rem,3vw,1.55rem)/1 var(--font-display,Georgia,serif);text-align:center;text-transform:uppercase;white-space:nowrap;text-shadow:0 1px rgba(255,255,255,.42);transform-origin:center; }
.hero-id-nameplate h3.forge-name-two-lines { height:auto;line-height:.9;overflow-wrap:anywhere;white-space:normal; }
.hero-equipment-slot { position:absolute;z-index:2;left:59%;top:6.3%;width:35%;height:50%;display:grid;grid-template-rows:minmax(0,32%) minmax(0,68%);align-items:start;padding:3% 2.5% 2.5% 3%;box-sizing:border-box;color:#5b4532;text-align:left; }.hero-equipment-slot[hidden] { display:none; }.hero-equipment-slot p { display:-webkit-box;overflow:hidden;width:67%;margin:0;box-sizing:border-box;color:#4f3c2d;font:italic 700 clamp(.47rem,1.25vw,.72rem)/1.08 Georgia,serif;text-shadow:0 1px rgba(255,255,255,.55);-webkit-box-orient:vertical;-webkit-line-clamp:5; }.hero-equipment-slot p span { color:#8b271f;font-weight:900; }.hero-equipment-slot-art { position:relative;display:grid;place-items:center;width:100%;height:100%;min-width:0;min-height:0;overflow:visible; }.hero-equipment-slot-art img { display:block;width:auto;max-width:78%;height:auto;max-height:78%;object-fit:contain;object-position:center;color:#806248;filter:drop-shadow(1px 3px 2px rgba(55,32,20,.28));transform:translate(var(--slot-art-x,0%),var(--slot-art-y,0%)) scale(var(--slot-art-scale,1));transform-origin:center; }.hero-equipment-slot-art img[hidden] { display:none; }
.hero-equipment-slot-art img[src*="flaming-great-sword"] { max-width:68%;max-height:68%;object-position:44% 56%; }
.hero-id-record>header { display:none; }
.hero-id-front .forge-card-skills { position:absolute;z-index:1;left:0;right:0;top:60.05%;bottom:3.9%; }
.hero-id-front .forge-card-level { position:absolute;display:block;min-height:0;border:0; }
.hero-id-front .forge-card-level>b { display:none; }
.hero-id-front .forge-card-level.blue { left:0;top:0;width:50%;height:25%; }
.hero-id-front .forge-card-level.yellow { left:0;top:25%;width:50%;height:25%; }
.hero-id-front .forge-card-level.orange { left:0;top:50%;width:50%;height:50%; }
.hero-id-front .forge-card-level.red { left:50%;top:25%;width:50%;height:75%; }
.hero-id-front[data-template="white-death"] .forge-card-level.blue { top:0;height:40%; }
.hero-id-front[data-template="white-death"] .forge-card-level.yellow { top:40%;height:20%; }
.hero-id-front[data-template="white-death"] .forge-card-level.orange { top:60%;height:40%; }
.hero-id-front[data-template="white-death"] .forge-card-level.red { top:30%;height:60%; }
.hero-id-front .forge-card-level>div { display:grid;height:100%; }
.hero-id-front .forge-card-level.blue>div,.hero-id-front .forge-card-level.yellow>div { grid-template-rows:1fr; }
.hero-id-front[data-template="white-death"] .forge-card-level.blue>div { grid-template-rows:repeat(2,1fr); }
.hero-id-front .forge-card-level.orange>div { grid-template-rows:repeat(2,1fr); }
.hero-id-front .forge-card-level.red>div { grid-template-rows:repeat(3,1fr); }
.hero-id-front .forge-card-level span { display:flex;align-items:center;min-width:0;padding:1% 4% 1% 27%;border:0;color:#342319;font:700 clamp(.4rem,1.45vw,.74rem)/1.06 Georgia,serif;text-shadow:0 1px rgba(255,255,255,.45); }
.hero-id-front[data-template="white-death"] .forge-card-level.blue span:first-child { padding-left:30%;transform:translateY(50%); }
.hero-id-front .forge-card-level.red span { justify-content:flex-end;padding-left:4%;padding-right:24%;text-align:right; }
.hero-id-front .forge-card-level strong { display:-webkit-box;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:2; }
.hero-id-front .forge-card-level span.empty { color:#7a6954;font-style:italic; }
.hero-id-front .forge-card-level small { display:none; }
.hero-id-back { display:grid;grid-template-rows:auto 1fr auto;padding:0;background:linear-gradient(120deg,#efe0ba,#b9915f); }
.hero-id-back>header { display:flex;align-items:center;justify-content:space-between;gap:8px;padding:7px 10px;border-bottom:4px solid #1d110b;background:linear-gradient(135deg,color-mix(in srgb,var(--accent) 92%,#17100d),#17110e);color:#fff1d0; }
.hero-id-back header p { margin:0 0 2px;color:#e9bd69;font-size:.47rem;font-weight:900;text-transform:uppercase;letter-spacing:.12em; }
.hero-id-back header h3 { margin:0;color:#fff1d0;font:1rem/1 var(--font-display,Georgia,serif);text-transform:uppercase; }
.hero-id-back header>span { padding:4px 6px;border:1px solid #ba8844;color:#f5d594;font-size:.47rem;font-weight:900;letter-spacing:.08em;text-transform:uppercase; }
.forge-guide-skills { display:grid;grid-template-columns:1fr 1fr;grid-auto-flow:column;grid-template-rows:repeat(4,minmax(0,1fr));gap:0;border-bottom:1px solid rgba(65,33,16,.42); }
.forge-guide-entry { min-width:0;padding:4px 6px;border-right:1px solid rgba(65,33,16,.34);border-bottom:1px solid rgba(65,33,16,.34); }
.forge-guide-entry b { display:flex;align-items:center;gap:4px;overflow:hidden;color:#2b1a10;font-size:.49rem;line-height:1.05;text-overflow:ellipsis;white-space:nowrap; }
.forge-guide-entry b span { --guide-level:#777;flex:0 0 13px;width:13px;height:15px;margin-right:0;background:var(--guide-level);color:transparent;font-size:0;-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 64 64'%3E%3Cpath d='M2 62C-2 51 2 43 10 34C8 43 13 47 16 39C19 31 15 25 23 17C21 30 31 35 28 47C27 54 22 59 18 62Z'/%3E%3Cpath d='M17 62C10 51 16 43 23 34C28 28 24 17 34 2C32 19 45 23 39 39C48 32 48 24 55 18C54 32 64 39 59 50C56 57 50 60 44 62Z'/%3E%3C/svg%3E") center/contain no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 64 64'%3E%3Cpath d='M2 62C-2 51 2 43 10 34C8 43 13 47 16 39C19 31 15 25 23 17C21 30 31 35 28 47C27 54 22 59 18 62Z'/%3E%3Cpath d='M17 62C10 51 16 43 23 34C28 28 24 17 34 2C32 19 45 23 39 39C48 32 48 24 55 18C54 32 64 39 59 50C56 57 50 60 44 62Z'/%3E%3C/svg%3E") center/contain no-repeat;filter:drop-shadow(.4px .4px 0 #2a130c); }
.forge-guide-entry.blue b span { --guide-level:#347ba7; }.forge-guide-entry.yellow b span { --guide-level:#c59a25; }.forge-guide-entry.orange b span { --guide-level:#c45d1d; }.forge-guide-entry.red b span { --guide-level:#a52620; }
.forge-guide-entry p { display:-webkit-box;overflow:hidden;margin:3px 0 0;color:#513c29;font:italic .43rem/1.16 Georgia,serif;-webkit-box-orient:vertical;-webkit-line-clamp:3; }
.forge-guide-entry.empty { opacity:.56; }
.hero-id-back>footer { display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:7px;padding:5px 9px;background:rgba(55,28,13,.1);font-size:.44rem;text-transform:uppercase;letter-spacing:.05em; }
.hero-id-back footer b { text-align:center; }.hero-id-back footer small { color:#765f48;font-size:.38rem; }
#heroForgePrintSheet { display:none; }
.forge-workshop-tabs { display:flex;gap:8px;margin:16px 0 0;padding:7px;border:1px solid #74471f;background:rgba(7,7,7,.88);box-shadow:inset 0 0 0 3px #15100d; }
.forge-workshop-tabs button { flex:1;min-height:44px;border:1px solid #68401f;background:linear-gradient(#292523,#101111);color:#bda989;font-family:var(--font-display,Georgia,serif);font-weight:900;text-transform:uppercase;letter-spacing:.06em; }
.forge-workshop-tabs button.active { border-color:#d18a3d;background:linear-gradient(#8b3422,#46130e);color:#ffe1a3;box-shadow:inset 0 0 0 2px #2a0b08,0 3px 0 #060202; }
.forge-parameter-custom[hidden] { display:none!important; }
.weapon-forge-panel { margin-top:20px; }.weapon-forge-layout { display:grid;grid-template-columns:minmax(0,1.25fr) minmax(330px,.75fr);gap:20px;align-items:start; }
.hero-forge-layout[hidden],.hero-forge-roster[hidden],.weapon-forge-panel[hidden] { display:none!important; }
.weapon-forge-workbench { padding:24px; }.weapon-forge-intro { color:#bbaa8d;font-size:.76rem;line-height:1.5; }.weapon-forge-fields { display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:13px;margin-top:17px; }
.weapon-forge-workbench label { color:#d8bd88;font-size:.7rem;font-weight:800;text-transform:uppercase;letter-spacing:.055em; }.weapon-forge-workbench input,.weapon-forge-workbench select,.weapon-forge-workbench textarea { width:100%;margin-top:6px;border:1px solid #74512b;border-radius:2px;background:rgba(5,6,7,.88);color:#f4e4c2;padding:11px 12px;font:inherit;text-transform:none;letter-spacing:normal;box-shadow:inset 0 0 12px rgba(0,0,0,.75); }.weapon-forge-workbench textarea { min-height:96px;resize:vertical;line-height:1.4; }.weapon-forge-workbench label>small { display:block;margin-top:6px;color:#9f9179;font-size:.55rem;font-weight:500;letter-spacing:normal;text-transform:none; }
.weapon-template-field { position:relative;min-width:0;color:#d8bd88;font-size:.7rem;font-weight:800;text-transform:uppercase;letter-spacing:.055em; }
.weapon-template-native { position:absolute!important;width:1px!important;height:1px!important;margin:-1px!important;padding:0!important;overflow:hidden!important;border:0!important;clip:rect(0 0 0 0)!important;clip-path:inset(50%)!important;white-space:nowrap!important; }
.weapon-template-picker { margin-top:6px;border:1px solid #74512b;background:#080909;box-shadow:inset 0 0 12px rgba(0,0,0,.75); }
.weapon-template-picker>summary { display:grid;grid-template-columns:58px minmax(0,1fr) 16px;align-items:center;gap:10px;min-height:78px;padding:8px;cursor:pointer;list-style:none;text-transform:none;letter-spacing:normal; }
.weapon-template-picker>summary::-webkit-details-marker { display:none; }
.weapon-template-picker>summary::after { content:"▾";color:#d7a74a;font-size:1rem;text-align:center;transition:transform .18s ease; }.weapon-template-picker[open]>summary::after { transform:rotate(180deg); }
.weapon-template-picker>summary>img { width:52px;height:68px;object-fit:contain;background:#151617;box-shadow:0 2px 7px #000; }
.weapon-template-picker>summary>span { display:grid;gap:3px;min-width:0; }.weapon-template-picker>summary small { color:#8d806e;font-size:.48rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase; }.weapon-template-picker>summary strong { overflow:hidden;color:#f1dfb8;font-size:.68rem;line-height:1.2;text-overflow:ellipsis;white-space:nowrap; }.weapon-template-picker>summary em { color:#b68a4c;font-size:.5rem;font-style:normal;font-weight:700;text-transform:uppercase; }
.weapon-template-gallery { display:grid;grid-template-columns:repeat(auto-fill,minmax(76px,1fr));gap:8px;max-height:430px;padding:10px;overflow:auto;border-top:1px solid #5d4227;background:linear-gradient(145deg,#171310,#080909);scrollbar-color:#9f713b #090909; }
.weapon-template-gallery button { position:relative;display:grid;grid-template-rows:116px auto;gap:5px;min-width:0;padding:6px;border:1px solid #4f4337;background:linear-gradient(#282521,#111);color:#bca989;font:700 .48rem/1.15 Arial,sans-serif;text-align:center;letter-spacing:.02em;text-transform:none;box-shadow:0 3px 7px rgba(0,0,0,.48); }
.weapon-template-gallery button:hover,.weapon-template-gallery button:focus-visible { border-color:#d1a04d;color:#ffe2aa;outline:none;transform:translateY(-1px); }
.weapon-template-gallery button[aria-pressed="true"] { border-color:#e1b34e;background:linear-gradient(#5b401d,#20150c);color:#fff0bd;box-shadow:inset 0 0 0 2px #181006,0 0 10px rgba(218,165,72,.34); }
.weapon-template-gallery button[aria-pressed="true"]::after { content:"✓";position:absolute;top:4px;right:4px;display:grid;width:19px;height:19px;place-items:center;border-radius:50%;background:#d5aa3d;color:#151006;font-size:.72rem;box-shadow:0 1px 5px #000; }
.weapon-template-gallery img { display:block;width:100%;height:116px;object-fit:contain;background:#0d0e0e; }
.hero-template-field { position:relative;min-width:0;color:#d8bd88;font-size:.7rem;font-weight:800;text-transform:uppercase;letter-spacing:.055em; }
.hero-template-field-label { display:block; }
.hero-template-native { position:absolute!important;width:1px!important;height:1px!important;margin:-1px!important;padding:0!important;overflow:hidden!important;border:0!important;clip:rect(0 0 0 0)!important;clip-path:inset(50%)!important;white-space:nowrap!important; }
.hero-template-picker { margin-top:6px;border:1px solid #74512b;background:#080909;box-shadow:inset 0 0 12px rgba(0,0,0,.75); }
.hero-template-picker>summary { display:grid;grid-template-columns:94px minmax(0,1fr) 16px;align-items:center;gap:10px;min-height:78px;padding:8px;cursor:pointer;list-style:none;text-transform:none;letter-spacing:normal; }
.hero-template-picker>summary::-webkit-details-marker { display:none; }
.hero-template-picker>summary::after { content:"▾";color:#d7a74a;font-size:1rem;text-align:center;transition:transform .18s ease; }.hero-template-picker[open]>summary::after { transform:rotate(180deg); }
.hero-template-picker>summary>img { width:90px;height:68px;object-fit:contain;background:#151617;box-shadow:0 2px 7px #000; }
.hero-template-picker>summary>span { display:grid;gap:3px;min-width:0; }.hero-template-picker>summary small { color:#8d806e;font-size:.48rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase; }.hero-template-picker>summary strong { overflow:hidden;color:#f1dfb8;font-size:.68rem;line-height:1.2;text-overflow:ellipsis;white-space:nowrap; }.hero-template-picker>summary em { color:#b68a4c;font-size:.5rem;font-style:normal;font-weight:700;text-transform:uppercase; }
.hero-template-gallery { display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;padding:10px;overflow:auto;border-top:1px solid #5d4227;background:linear-gradient(145deg,#171310,#080909);scrollbar-color:#9f713b #090909; }
.hero-template-gallery button { position:relative;display:grid;grid-template-rows:120px auto;gap:5px;min-width:0;padding:6px;border:1px solid #4f4337;background:linear-gradient(#282521,#111);color:#bca989;font:700 .52rem/1.2 Arial,sans-serif;text-align:center;letter-spacing:.02em;text-transform:none;box-shadow:0 3px 7px rgba(0,0,0,.48); }
.hero-template-gallery button:hover,.hero-template-gallery button:focus-visible { border-color:#d1a04d;color:#ffe2aa;outline:none;transform:translateY(-1px); }
.hero-template-gallery button[aria-pressed="true"] { border-color:#e1b34e;background:linear-gradient(#5b401d,#20150c);color:#fff0bd;box-shadow:inset 0 0 0 2px #181006,0 0 10px rgba(218,165,72,.34); }
.hero-template-gallery button[aria-pressed="true"]::after { content:"✓";position:absolute;top:4px;right:4px;display:grid;width:19px;height:19px;place-items:center;border-radius:50%;background:#d5aa3d;color:#151006;font-size:.72rem;box-shadow:0 1px 5px #000; }
.hero-template-gallery img { display:block;width:100%;height:120px;object-fit:contain;background:#0d0e0e; }
.weapon-forge-preview-column { position:sticky;top:86px;display:grid;gap:16px; }.weapon-card-pair { display:grid;grid-template-columns:1fr 1fr;gap:12px;padding:15px;border:1px solid #75491f;background:rgba(8,8,8,.9);box-shadow:inset 0 0 0 4px #15100d; }
.weapon-forge-card { position:relative;width:100%;aspect-ratio:117/180;overflow:hidden;background:#ddd;box-shadow:0 8px 18px #000;transform:none; }.weapon-card-template,.weapon-card-back>img { position:absolute;z-index:1;inset:0;display:block;width:100%;height:100%;object-fit:contain;transform:none;transform-origin:center; }
.weapon-card-art { position:absolute;z-index:1;left:var(--weapon-art-left,7%);right:var(--weapon-art-right,7%);top:var(--weapon-art-top,18%);bottom:var(--weapon-art-bottom,31%);display:block;overflow:visible;box-sizing:border-box;background:transparent;filter:none; }.weapon-card-art img { position:absolute;inset:0;display:block;width:100%;height:100%;max-width:none;max-height:none;object-fit:contain;object-position:center bottom;background:transparent;filter:none;box-shadow:none;transform:translate(var(--weapon-frame-x,0%),var(--weapon-frame-y,0%)) scale(var(--weapon-frame-scale,1));transform-origin:center bottom; }.weapon-card-art img[hidden] { display:none!important; }.weapon-card-art span { position:absolute;inset:0;display:grid;place-items:center;color:#ede0bd;font-size:3.2rem;text-shadow:0 3px 0 #18100c,0 0 12px #000; }
.weapon-card-template-overlay { position:absolute;z-index:2;inset:0;display:block;width:100%;height:100%;object-fit:contain;pointer-events:none;transform:none; }
.weapon-card-template-bottom { clip-path:none; }
.weapon-card-template-dice,.weapon-card-template-door,.weapon-card-template-bell { display:none; }
.weapon-card-front h3,.weapon-card-stats,.weapon-card-custom-text,.weapon-card-front>p { z-index:3; }
.weapon-forge-card[data-realm="front-20"] .weapon-card-art span { font-size:1.55rem; }
.weapon-card-front h3 { position:absolute;left:50%;top:5.7%;width:80%;overflow:hidden;margin:0;color:#2e1d11;font:900 clamp(.58rem,1.35vw,.92rem)/1 var(--font-display,Georgia,serif);text-align:center;text-transform:uppercase;white-space:nowrap;text-shadow:0 1px rgba(255,255,255,.65);transform:translateX(-50%);transform-origin:center; }
.weapon-card-front h3.forge-name-two-lines { display:block;height:1.8em;line-height:.9;overflow-wrap:anywhere;white-space:normal; }
.weapon-card-stats { position:absolute;left:0;right:0;bottom:var(--weapon-stat-bottom,8%);height:1.15em;display:block;text-align:center;pointer-events:none; }
.weapon-card-stats span { position:absolute;top:0;width:var(--weapon-stat-width,9%);min-width:0;padding:0;border:0;background:transparent;transform:translateX(-50%); }
.weapon-card-stats [data-weapon-stat="range"] { left:var(--weapon-stat-range-x,20%); }
.weapon-card-stats [data-weapon-stat="dice"] { left:var(--weapon-stat-dice-x,40%); }
.weapon-card-stats [data-weapon-stat="accuracy"] { left:var(--weapon-stat-accuracy-x,61%); }
.weapon-card-stats [data-weapon-stat="damage"] { left:var(--weapon-stat-damage-x,81%); }
.weapon-card-stats b { display:block;color:#21140d;font:900 clamp(.68rem,1.15vw,.88rem)/1 var(--font-display,Georgia,serif);text-align:center;text-shadow:0 1px rgba(255,255,255,.8),1px 0 rgba(255,255,255,.45); }
.weapon-forge-card[data-stat-layout="raised"] { --weapon-stat-bottom:10%; }
.weapon-forge-card[data-stat-layout="none"] .weapon-card-stats { display:none; }
.weapon-card-custom-text { position:absolute;z-index:2;left:9%;right:7%;top:calc(var(--weapon-custom-text-top,100%) + 2.2%);height:2.16em;overflow:hidden;margin:0;color:#35271c;font:600 clamp(.48rem,1vw,.68rem)/1.08 Georgia,serif;overflow-wrap:anywhere;text-align:center;white-space:normal;text-shadow:0 1px rgba(255,255,255,.48); }
.weapon-card-front>p:not(.weapon-card-custom-text) { position:absolute;left:9%;right:9%;bottom:2.4%;overflow:hidden;margin:0;color:#332117;font:italic .37rem/1.08 Georgia,serif;text-align:center;white-space:nowrap;text-overflow:ellipsis; }
.weapon-forge-roster { margin-top:20px; }.weapon-roster-card .forge-roster-crest { border-radius:5px; }.weapon-roster-card .forge-roster-crest img { object-fit:contain; }
#weaponForgePrintSheet { display:none; }
.forge-balance-panel { padding:18px; }
.forge-balance-heading>strong { color:#e5c47e;font:1.3rem var(--font-display,Georgia,serif); }
.forge-balance-track { height:11px;margin:13px 0;border:1px solid #6d4825;background:#070707;box-shadow:inset 0 2px 5px #000; }
.forge-balance-track span { display:block;width:0;height:100%;background:linear-gradient(90deg,#4e8041,#d0a13b,#a72b23);transition:width .25s; }
.forge-balance-panel>p { margin:8px 0;color:#d4c3a2;font-size:.76rem; }
.forge-balance-panel>small { display:block;margin-top:10px;color:#9d907a;font-size:.6rem;line-height:1.4; }
.forge-balance-panel ul { margin:10px 0 0;padding-left:20px;color:#ffad8f;font-size:.68rem;line-height:1.45; }
.forge-balance-panel[data-state="balanced"] { border-color:#547a43; }.forge-balance-panel[data-state="balanced"] h3 { color:#a9d993; }.forge-balance-panel[data-state="unrestricted"] { border-color:#a42c22;background:linear-gradient(135deg,rgba(72,16,13,.97),rgba(10,8,8,.95)); }.forge-balance-panel[data-state="unrestricted"] h3 { color:#ff886f; }
.hero-forge-roster { margin-top:24px;padding:22px;border:1px solid #704821;background:rgba(9,8,8,.88);box-shadow:inset 0 0 0 4px #15100d; }
.hero-forge-roster-heading>span { color:#c6a46e;font-size:.7rem;text-transform:uppercase;letter-spacing:.08em; }
.hero-forge-roster-grid { display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-top:16px; }
.forge-empty-roster { grid-column:1/-1;padding:28px;border:1px dashed #72502f;color:#a9997f;text-align:center; }
.forge-roster-card { --accent:#8f3025;display:grid;grid-template-columns:56px minmax(0,1fr);gap:12px;padding:14px;border:1px solid color-mix(in srgb,var(--accent) 70%,#9c7748);background:linear-gradient(135deg,color-mix(in srgb,var(--accent) 20%,#161211),#090909); }
.forge-roster-crest { width:52px;height:52px;display:grid;place-items:center;overflow:hidden;border:2px double #d4a45d;border-radius:50%;background:var(--accent);color:#fff0cd;font:1rem var(--font-display,Georgia,serif); }
.forge-roster-crest img { width:100%;height:100%;object-fit:cover;object-position:center 24%; }
.forge-roster-card h4 { margin:2px 0;color:#f0d7a7;font-family:var(--font-display,Georgia,serif);text-transform:uppercase; }.forge-roster-card p { margin:0 0 7px;color:#b9aa91;font-size:.7rem; }.forge-roster-card small { color:#ce9c55;font-size:.57rem;text-transform:uppercase;letter-spacing:.08em; }.forge-roster-card span { font-size:.58rem;font-weight:900;text-transform:uppercase; }.forge-roster-card span.guided { color:#8cc681; }.forge-roster-card span.unrestricted { color:#ff735f; }
.forge-roster-actions { grid-column:1/-1;display:flex;gap:6px; }.forge-roster-actions button { flex:1;padding:7px 8px;font-size:.58rem; }.forge-roster-actions button:last-child { border-color:#7f3229;background:linear-gradient(#511712,#250907); }
.forge-equipment-slot-editor[hidden],.forge-workshop-tabs button[hidden] { display:none!important; }

/* Modern Forge foundation: a realm-specific safehouse workshop and printable survivor dossier. */
.modern-forge-mode { --modern-forge-yellow:#e5b733;--modern-forge-red:#a93227;--modern-forge-steel:#67747b; }
.modern-forge-mode .hero-forge-hero { border-color:#746a43;background:linear-gradient(90deg,rgba(4,7,8,.97),rgba(12,17,18,.84) 52%,rgba(8,10,10,.36)),url('../assets/modern/homepage/modern-map-survivors-v379.webp') center 44%/cover no-repeat;box-shadow:inset 0 0 0 5px #090c0d,0 14px 28px rgba(0,0,0,.72); }
.modern-forge-mode .hero-forge-hero::after { border-color:rgba(236,190,60,.52); }
.modern-forge-mode .hero-forge-hero h2 { color:#f3d66d;font-family:Impact,'Arial Narrow',sans-serif;letter-spacing:.055em;text-shadow:2px 3px 0 #080808; }
.modern-forge-mode .hero-forge-seal { border-color:#d4ac35;background:radial-gradient(circle,#30383a,#111719 66%);color:#f2cb4b; }
.modern-forge-mode .forge-workshop-tabs,.modern-forge-mode .forge-stage-rail { border-color:#675e37;background:rgba(6,9,10,.95);box-shadow:inset 0 0 0 3px #111718; }
.modern-forge-mode .forge-workshop-tabs button.active,.modern-forge-mode .forge-stage-rail button.active,.modern-forge-mode .forge-stage-rail button:hover { border-color:#e0b634;background:linear-gradient(#5f551f,#24230e);color:#fff0a3; }
.modern-forge-mode .hero-forge-workbench,.modern-forge-mode .forge-balance-panel { border-color:#6f673f;background:linear-gradient(135deg,rgba(24,31,33,.97),rgba(7,10,11,.96) 62%,rgba(48,43,23,.9));box-shadow:inset 0 0 0 4px #080b0c,inset 0 0 0 5px rgba(225,182,51,.19),0 12px 28px rgba(0,0,0,.58); }
.modern-forge-mode .forge-stage { border-color:#625b38;background:linear-gradient(135deg,rgba(27,34,36,.98),rgba(7,10,11,.97)); }
.modern-forge-mode .forge-stage[open]>summary { border-bottom-color:#71683b;background:linear-gradient(90deg,rgba(207,165,40,.2),transparent 68%); }
.modern-forge-mode .forge-stage>summary>span>b { border-color:#c9a22f;border-radius:2px;background:linear-gradient(145deg,#4c4f43,#111718);color:#ffe276; }
.modern-forge-mode .forge-section-heading h3,.modern-forge-mode .hero-forge-roster-heading h3,.modern-forge-mode .forge-balance-heading h3,.modern-forge-mode .forge-stage>summary strong { color:#f0d870;font-family:Impact,'Arial Narrow',sans-serif;letter-spacing:.065em; }
.modern-forge-mode .hero-forge-workbench label { color:#ded190; }
.modern-forge-mode .hero-forge-roster { border-color:#6d643b;background:rgba(8,12,13,.92);box-shadow:inset 0 0 0 4px #111718; }
.modern-forge-mode .forge-roster-card { border-color:#6c653f;background:linear-gradient(135deg,color-mix(in srgb,var(--accent) 16%,#1c2426),#080b0c); }
.modern-forge-mode .forge-roster-crest { border-color:#e0bb43;border-radius:3px; }
.modern-forge-mode .hero-forge-card[data-accent="hazard"],.modern-forge-mode .forge-roster-card[data-accent="hazard"] { --accent:#ba942a; }
.modern-forge-mode .hero-forge-card[data-accent="police"],.modern-forge-mode .forge-roster-card[data-accent="police"] { --accent:#355f83; }
.modern-forge-mode .hero-forge-card[data-accent="military"],.modern-forge-mode .forge-roster-card[data-accent="military"] { --accent:#55613b; }
.modern-forge-mode .hero-forge-card[data-accent="medical"],.modern-forge-mode .forge-roster-card[data-accent="medical"] { --accent:#98382e; }
.modern-forge-mode .hero-forge-card[data-accent="night"],.modern-forge-mode .forge-roster-card[data-accent="night"] { --accent:#343b42; }
.modern-forge-mode .hero-forge-card[data-system="modern"] { aspect-ratio:1039/898;border-color:#090d0e;border-radius:5px;box-shadow:0 0 0 2px #d2ad39,0 0 0 6px #080b0c,0 16px 30px rgba(0,0,0,.7); }
.modern-forge-mode .hero-id-front[data-system="modern"] { background:#d7d9d5 url('../assets/hero-forge/templates/modern/survivors/adult.png') center/100% 100% no-repeat; }
.modern-forge-mode .hero-id-front[data-system="modern"][data-template="modern-child"] { background-image:url('../assets/hero-forge/templates/modern/survivors/child.png'); }
.modern-forge-mode .hero-id-front[data-system="modern"]::before,.modern-forge-mode .hero-id-front[data-system="modern"]::after,.modern-forge-mode .hero-id-front[data-system="modern"] .hero-id-art::after,.modern-forge-mode .hero-id-front[data-system="modern"] .hero-id-record::before,.modern-forge-mode .hero-id-front[data-system="modern"] .hero-id-record::after { display:none; }
.modern-forge-mode .hero-id-front[data-system="modern"] .hero-id-record { z-index:3; }
.modern-survivor-interface-overlay { display:none; }
.modern-forge-mode .hero-id-front[data-system="modern"].has-hero-art .modern-survivor-interface-overlay { position:absolute;z-index:2;inset:0;display:block;width:100%;height:100%;object-fit:fill;pointer-events:none; }
.modern-forge-mode .hero-id-front[data-system="modern"] .forge-portrait { left:45%;top:5%;width:47%;height:88%;overflow:hidden;border:0;background:transparent;clip-path:none;box-shadow:none;color:#31383b;text-shadow:0 2px #fff; }
.modern-forge-mode .hero-id-front[data-system="modern"] .forge-portrait.has-art { left:2%;top:2%;width:96%;height:96%;overflow:visible;clip-path:none; }
.modern-forge-mode .hero-id-front[data-system="modern"] .forge-portrait img { right:-8%;bottom:-2%;width:116%;height:104%;object-position:center bottom; }
.modern-forge-mode .hero-id-front[data-system="modern"] .forge-portrait.has-art img { inset:0;width:100%;height:100%;object-fit:contain;object-position:center bottom; }
.modern-forge-mode .hero-id-front[data-system="modern"] .forge-portrait small { bottom:6%;color:#343b3d;font-family:Arial,sans-serif;text-shadow:0 1px #fff; }
.modern-forge-mode .hero-id-front[data-system="modern"] .hero-id-nameplate { left:4%;top:4%;width:38%;height:16%;color:#252c2e;text-align:left; }
.modern-forge-mode .hero-id-front[data-system="modern"] .hero-id-nameplate h3 { inset:0;justify-content:flex-start;color:#222a2c;font-family:Impact,'Arial Narrow',sans-serif;font-size:clamp(.75rem,2.6vw,1.45rem);text-align:left;text-shadow:0 1px #fff; }
.modern-forge-mode .hero-id-front[data-system="modern"] .forge-card-skills { left:0;right:56.4%;top:25.8%;bottom:5.6%; }
.modern-forge-mode .hero-id-front[data-system="modern"] .forge-card-level { left:0!important;width:100%!important;background:transparent; }
.modern-forge-mode .hero-id-front[data-system="modern"] .forge-card-level.blue { top:0!important;height:13.1%!important; }.modern-forge-mode .hero-id-front[data-system="modern"] .forge-card-level.yellow { top:14.7%!important;height:13.1%!important; }.modern-forge-mode .hero-id-front[data-system="modern"] .forge-card-level.orange { top:29.4%!important;height:27.6%!important; }.modern-forge-mode .hero-id-front[data-system="modern"] .forge-card-level.red { top:58.6%!important;height:41.4%!important; }
.modern-forge-mode .hero-id-front[data-system="modern"] .forge-card-level>div { display:grid;height:100%;grid-template-rows:repeat(var(--skill-rows,1),1fr);gap:3.5%; }
.modern-forge-mode .hero-id-front[data-system="modern"] .forge-card-level.blue,.modern-forge-mode .hero-id-front[data-system="modern"] .forge-card-level.yellow { --skill-rows:1; }.modern-forge-mode .hero-id-front[data-system="modern"] .forge-card-level.orange { --skill-rows:2; }.modern-forge-mode .hero-id-front[data-system="modern"] .forge-card-level.red { --skill-rows:3; }
.modern-forge-mode .hero-id-front[data-system="modern"] .forge-card-level span,.modern-forge-mode .hero-id-front[data-system="modern"] .forge-card-level.red span { justify-content:flex-start;padding:1% 3% 1% 17%;border:0;color:#252b2d;font-family:Arial,sans-serif;font-size:clamp(.38rem,1.05vw,.63rem);text-align:left;text-shadow:0 1px rgba(255,255,255,.8); }
.modern-zombivor-side { display:none; }
.modern-forge-mode .hero-id-back[data-system="modern"] { background:linear-gradient(145deg,#d5d1bd,#99998f); }
.modern-forge-mode .hero-id-back[data-system="modern"]>header { border-bottom-color:#d6ad35;background:linear-gradient(135deg,color-mix(in srgb,var(--accent) 76%,#182022),#111719); }
.modern-forge-mode .hero-id-back[data-system="modern"] header p { color:#f2ce58; }
.modern-forge-mode .hero-id-back[data-system="modern"] .forge-guide-entry b { color:#151b1d; }
.modern-forge-mode .hero-id-back[data-system="modern"] .forge-guide-entry p { color:#343b3c;font-family:Arial,sans-serif;font-style:normal; }
.modern-forge-mode .hero-id-back[data-system="modern"][data-reverse="zombivor"] { display:block;background:#252827; }
.modern-forge-mode .hero-id-back[data-system="modern"][data-reverse="zombivor"]>header,.modern-forge-mode .hero-id-back[data-system="modern"][data-reverse="zombivor"]>.forge-guide-skills,.modern-forge-mode .hero-id-back[data-system="modern"][data-reverse="zombivor"]>footer { display:none; }
.modern-forge-mode .hero-id-back[data-system="modern"][data-reverse="zombivor"]::after { border-color:rgba(118,10,8,.76);box-shadow:inset 0 0 22px rgba(0,0,0,.56); }
.modern-forge-mode .hero-id-back[data-system="modern"][data-reverse="zombivor"] .modern-zombivor-side { position:absolute;inset:0;display:block;background:url('../assets/hero-forge/templates/modern/survivors/zombivor-back-v398.png') center/cover no-repeat; }
.modern-zombivor-art { position:absolute;z-index:1;inset:2% 3% 3%;overflow:visible;pointer-events:none; }
.modern-zombivor-art img { position:absolute;inset:0;display:block;width:100%;height:100%;object-fit:contain;object-position:center bottom;filter:saturate(.72) contrast(1.08) drop-shadow(0 5px 8px rgba(0,0,0,.72));transform:translate(var(--hero-art-x,0%),var(--hero-art-y,0%)) scale(var(--hero-art-scale,1));transform-origin:center bottom; }
.modern-zombivor-art img[hidden] { display:none; }
.modern-zombivor-name { position:absolute;z-index:2;top:5.8%;right:3.5%;display:grid;max-width:37%;padding:1.2% 1.8%;border-left:4px solid #a00d0b;background:rgba(10,10,10,.76);box-shadow:0 2px 8px rgba(0,0,0,.62);text-align:right;text-transform:uppercase; }
.modern-zombivor-name small { color:#dcbeb3;font:700 clamp(.26rem,.58vw,.43rem)/1 Arial,sans-serif;letter-spacing:.07em;white-space:nowrap; }.modern-zombivor-name strong { overflow:hidden;color:#fff1db;font:900 clamp(.58rem,1.5vw,.96rem)/1.05 Impact,'Arial Narrow',sans-serif;letter-spacing:.04em;text-overflow:ellipsis;white-space:nowrap;text-shadow:1px 2px #280000; }
.modern-zombivor-skills { position:absolute;z-index:2;left:0;top:25.8%;bottom:5.6%;width:43.6%;display:grid;grid-template-rows:repeat(7,minmax(0,1fr));gap:2.1%; }
.modern-zombivor-skills span { --zombivor-level:#a62924;position:relative;display:flex;align-items:center;min-width:0;margin-left:8%;padding:1% 3% 1% 10%;border:1px solid rgba(57,31,22,.72);background:linear-gradient(90deg,rgba(246,241,224,.97),rgba(221,211,190,.93));color:#281d18;font:700 clamp(.38rem,.95vw,.6rem)/1.05 Arial,sans-serif;box-shadow:0 2px 4px rgba(0,0,0,.72);text-shadow:0 1px rgba(255,255,255,.72); }
.modern-zombivor-skills span::before { content:"";position:absolute;left:-9.8%;top:-1px;bottom:-1px;width:17%;background:var(--zombivor-level);clip-path:polygon(0 0,68% 0,100% 50%,68% 100%,0 100%,35% 50%);box-shadow:inset -2px 0 rgba(255,255,255,.24); }
.modern-zombivor-skills span.blue { --zombivor-level:#3284b8; }.modern-zombivor-skills span.yellow { --zombivor-level:#e0b916; }.modern-zombivor-skills span.orange { --zombivor-level:#d87019; }.modern-zombivor-skills span.red { --zombivor-level:#b41716; }.modern-zombivor-skills span.empty { color:#6d6259;font-style:italic; }
.modern-zombivor-endurance { position:absolute;z-index:2;right:2.4%;top:37%;bottom:6.2%;display:grid;width:7.2%;grid-template-rows:repeat(6,1fr);gap:3%; }
.modern-zombivor-endurance b { display:grid;place-items:center;border:1px solid #460806;background:linear-gradient(145deg,#dc201b,#890908);color:#fff;font:900 clamp(.62rem,1.8vw,1.2rem)/1 Impact,'Arial Narrow',sans-serif;box-shadow:0 2px 4px #000;text-shadow:1px 2px #520000; }.modern-zombivor-endurance b.skull { background:#090909;color:#fff;font-family:Arial,sans-serif; }
.weapon-card-template-overlay[hidden] { display:none; }
.modern-forge-mode .weapon-forge-card[data-system="modern"] .weapon-card-art { left:var(--weapon-art-left,5%);right:var(--weapon-art-right,5%);top:var(--weapon-art-top,12%);bottom:var(--weapon-art-bottom,24%);overflow:visible; }
.modern-forge-mode .weapon-forge-card[data-system="modern"] .weapon-card-art img { object-fit:contain;object-position:center bottom; }
.modern-forge-mode .weapon-forge-card[data-system="modern"] .weapon-card-front h3 { top:3.8%;color:#172024;font-family:Impact,'Arial Narrow',sans-serif;text-shadow:0 1px rgba(255,255,255,.72); }
.modern-forge-mode .weapon-forge-card[data-system="modern"] .weapon-card-stats b { color:#182023;font-family:Arial,sans-serif;text-shadow:0 1px #fff; }
.modern-forge-mode .weapon-forge-card[data-system="modern"] { --weapon-stat-bottom:4.6%;--weapon-stat-range-x:28.5%;--weapon-stat-dice-x:43%;--weapon-stat-accuracy-x:57.5%;--weapon-stat-damage-x:72.5%;--weapon-stat-width:10%; }
@media (max-width:1100px) { .hero-forge-layout { grid-template-columns:1fr; }.hero-forge-preview-column { position:static;grid-template-columns:minmax(0,1fr) minmax(320px,.8fr); }.hero-forge-roster-grid { grid-template-columns:repeat(2,minmax(0,1fr)); } }
@media (max-width:1100px) { .weapon-forge-layout { grid-template-columns:1fr; }.weapon-forge-preview-column { position:static;grid-template-columns:minmax(300px,.8fr) 1fr; } }
@media (max-width:760px) { #heroForgeView.active { padding:10px 8px calc(120px + env(safe-area-inset-bottom)); }.hero-forge-hero { min-height:240px;padding:25px 20px;align-items:flex-end; }.hero-forge-hero h2 { font-size:2rem; }.hero-forge-seal { position:absolute;right:18px;top:18px;width:78px;height:78px; }.hero-forge-seal svg { width:40px;height:40px; }.hero-forge-seal small { display:none; }.hero-forge-hero>div:first-child { max-width:82%; }.hero-forge-workbench { padding:16px 13px; }.forge-stage-rail { top:119px;grid-template-columns:repeat(5,1fr);margin-inline:-5px; }.forge-stage-rail button { min-height:40px;padding:5px 2px; }.forge-stage-rail button span { display:none; }.forge-stage-rail button b { flex-basis:24px;width:24px;height:24px; }.forge-stage { scroll-margin-top:174px; }.forge-stage>summary>span { min-height:58px;padding:9px 10px; }.forge-stage-body { padding:12px 10px; }.forge-artwork-stage { grid-template-columns:1fr; }.forge-equipment-slot-controls { grid-template-columns:1fr; }.forge-equipment-slot-heading { align-items:flex-start; }.hero-forge-fields { grid-template-columns:1fr; }.forge-budget-overview { grid-template-columns:repeat(3,minmax(0,1fr)); }.forge-budget-overview>div { min-height:68px;padding:10px 8px; }.forge-budget-overview small { font-size:.48rem; }.forge-budget-overview strong { font-size:1.25rem; }.forge-mode-card { align-items:flex-start;flex-direction:column; }.forge-skill-grimoire-controls { grid-template-columns:1fr; }.forge-danger-row,.danger-orange,.danger-red { grid-template-columns:1fr; }.forge-danger-row header { grid-row:auto; }.forge-zombivor-skill-editor>header { align-items:flex-start;flex-direction:column; }.forge-zombivor-skill-editor>header p { text-align:left; }.zombivor-skill-grid { grid-template-columns:1fr; }.hero-forge-preview-column { grid-template-columns:1fr; }.hero-forge-roster { padding:15px 12px; }.hero-forge-roster-grid { grid-template-columns:1fr; } }
@media (max-width:760px) { .forge-workshop-tabs { position:sticky;top:68px;z-index:8; }.weapon-forge-workbench { padding:16px 13px; }.weapon-forge-fields,.weapon-forge-preview-column { grid-template-columns:1fr; }.weapon-card-pair { max-width:520px;margin:auto; }.weapon-forge-card { min-width:0; } }
@media (max-width:760px) { .forge-slot-icon-grid { grid-template-columns:repeat(4,minmax(0,1fr)); }.forge-slot-icon-library>div:first-child { align-items:flex-start;flex-direction:column;gap:3px; } }
@media (max-width:760px) { .forge-portrait-control-grid { grid-template-columns:1fr;gap:10px; }.forge-portrait-controls-heading { align-items:flex-start; }.forge-portrait-controls-heading button { flex:0 0 auto; } }
@media (max-width:760px) and (orientation:portrait) {
  .weapon-forge-layout { grid-template-columns:minmax(0,1fr); }
  .weapon-forge-preview-column { display:contents; }
  .weapon-card-pair { order:-1;width:min(100%,430px);margin:0 auto 14px;padding:10px;gap:8px; }
  .weapon-forge-workbench { order:0;width:100%; }
  .weapon-forge-preview-column .forge-balance-panel { order:1;margin-top:14px; }
}
@media (orientation:landscape) and (max-height:600px) and (max-width:950px) { #heroForgeView.active { padding-top:74px; }.hero-forge-hero { min-height:180px; }.hero-forge-layout { grid-template-columns:minmax(0,1.2fr) minmax(300px,.8fr); }.hero-forge-preview-column { display:block; }.forge-balance-panel { margin-top:14px; } }
@page { size:letter portrait;margin:0; }
@media print {
  html,body { width:215.9mm!important;height:auto!important;margin:0!important;padding:0!important;background:#fff!important;overflow:visible!important; }
  body.printing-hero-card>*:not(#heroForgePrintSheet) { display:none!important; }
  body.printing-weapon-card>*:not(#weaponForgePrintSheet) { display:none!important; }
  body.printing-hero-card { width:8.5in!important;min-height:0!important; }
  body.printing-hero-card #heroForgePrintSheet { display:block!important;width:8.5in!important;margin:0!important;padding:0!important;font-size:0!important;line-height:0!important; }
  .hero-print-page { display:flex!important;align-items:flex-start;width:8.5in!important;height:118mm!important;margin:0!important;padding-top:15mm!important;overflow:hidden!important;box-sizing:border-box!important;break-inside:avoid-page!important;page-break-inside:avoid!important;break-after:auto!important;page-break-after:auto!important; }
  .hero-print-front { justify-content:flex-start!important;padding-left:15mm!important; }
  .hero-print-back { justify-content:flex-end!important;padding-right:15mm!important;break-before:page!important;page-break-before:always!important; }
  .hero-print-page .hero-forge-card { width:76mm!important;height:88mm!important;aspect-ratio:auto!important;box-sizing:border-box!important;border-width:.3mm!important;box-shadow:none!important;print-color-adjust:exact!important;-webkit-print-color-adjust:exact!important; }
  .hero-print-page .hero-forge-card[data-system="modern"] { width:88mm!important;height:76mm!important; }
  body.printing-weapon-card #weaponForgePrintSheet { display:block!important;width:215.9mm!important;margin:0!important;padding:0!important; }
  .weapon-print-page { display:flex!important;align-items:flex-start;width:215.9mm!important;height:93.5mm!important;margin:0!important;padding-top:15mm!important;overflow:hidden!important;box-sizing:border-box!important;break-inside:avoid-page!important;page-break-inside:avoid!important;break-after:auto!important;page-break-after:auto!important; }
  .weapon-print-front { justify-content:flex-start!important;padding-left:15mm!important; }.weapon-print-back { justify-content:flex-end!important;padding-right:15mm!important;break-before:page!important;page-break-before:always!important; }
  .weapon-print-page .weapon-forge-card { width:41.275mm!important;height:63.5mm!important;aspect-ratio:auto!important;box-shadow:none!important;print-color-adjust:exact!important;-webkit-print-color-adjust:exact!important; }
}
.price-alerts-heading { display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:4px; }
.price-alerts-heading > div { display:flex;align-items:center;gap:9px; }
.price-alerts-heading span { color:#daaa51;font:900 .52rem/1 Impact,"Arial Narrow",sans-serif;letter-spacing:.08em;text-transform:uppercase; }
.price-alerts-heading h2 {
  margin:0;
  padding:7px 17px;
  border:2px solid #2d100c;
  background:linear-gradient(#a63428,#581611);
  box-shadow:0 3px 0 #170706;
  color:#fff0d1;
  font:900 .94rem/1 Impact,"Arial Narrow",sans-serif;
  letter-spacing:.05em;
  text-transform:uppercase;
  clip-path:polygon(1% 7%,98% 0,100% 87%,2% 100%);
}
.price-alerts-heading button {
  min-height:30px;
  padding:5px 13px;
  border:2px solid #71321f;
  border-radius:2px;
  background:linear-gradient(#bd4b31,#661b15);
  box-shadow:inset 0 0 0 1px #1d0806,0 3px 0 #130504;
  color:#fff0cf;
  font:900 .55rem/1 Impact,"Arial Narrow",sans-serif;
  letter-spacing:.05em;
  text-transform:uppercase;
}
.comic-price-alerts > p { margin:3px 2px 8px;color:#9e917c;font-size:.55rem; }
.auction-filter-bar { display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:7px;margin:8px 0 10px;padding:8px;border:1px solid #65431f;background:linear-gradient(180deg,rgba(74,45,23,.54),rgba(8,7,6,.82));box-shadow:inset 0 0 0 2px rgba(5,4,3,.8); }
.auction-filter-bar label { display:grid;gap:5px;color:#d1a85d;font:900 .43rem/1 Impact,"Arial Narrow",sans-serif;letter-spacing:.08em;text-transform:uppercase; }
.auction-filter-bar select { width:100%;min-width:0;height:31px;padding:5px 28px 5px 8px;border:1px solid #8b6030;border-radius:1px;color-scheme:dark;background-color:#17100b;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath d='m1 1 5 5 5-5' fill='none' stroke='%23e3b65f' stroke-width='2'/%3E%3C/svg%3E"),linear-gradient(#2e1e12,#100b08);background-position:calc(100% - 9px) 50%,0 0;background-repeat:no-repeat;background-size:12px 8px,100% 100%;color:#efddba;font:700 .52rem/1 system-ui,sans-serif;appearance:none;-webkit-appearance:none;box-shadow:inset 0 1px rgba(255,226,160,.1),inset 0 0 9px rgba(0,0,0,.7); }
.auction-filter-bar select:focus { outline:2px solid rgba(224,166,78,.4);border-color:#d6a050; }
.auction-market-filters { margin:0 0 6px; }
.auction-filter-summary { margin:0 0 10px;color:#b8a98e;font-size:.61rem; }
.auction-watch-controls { display:grid;grid-template-columns:auto minmax(84px,1fr);align-items:end;gap:5px;width:100%;margin-top:5px;padding-top:7px;border-top:1px solid rgba(180,125,52,.24); }
.auction-watch-controls>button { min-height:28px;padding:5px 8px;border:1px solid #8b6030;background:linear-gradient(#342014,#100b08);color:#e7cca0;font:900 .5rem/1 Impact,"Arial Narrow",sans-serif;letter-spacing:.05em;text-transform:uppercase; }
.auction-watch-controls>button[aria-pressed="true"] { border-color:#d79a3f;background:linear-gradient(#7c4d1c,#2b170b);color:#fff0c5;box-shadow:0 0 8px rgba(221,157,61,.2); }
.auction-watch-controls label { display:grid;gap:3px;color:#8f806b;font-size:.46rem;font-weight:900;letter-spacing:.05em;text-transform:uppercase; }
.auction-watch-controls select { width:100%;height:28px;padding:4px;border:1px solid #76502b;background:#120d09;color:#e9d5af;font-size:.55rem; }
.auction-watch-controls>strong { grid-column:1/-1;color:#ffca65;font:900 .52rem/1 Georgia,serif;letter-spacing:.06em;text-align:center;text-transform:uppercase;text-shadow:0 0 7px rgba(255,133,28,.45); }
.auction-watch-controls.is-triggered { padding:7px;border:1px solid rgba(221,139,42,.55);background:rgba(88,39,11,.34); }
.dashboard-alert-price .auction-watch-controls { min-width:164px; }
.dashboard-price-alert-list { display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px; }
.dashboard-price-alert {
  display:grid;
  grid-template-columns:62px minmax(0,1fr) auto;
  align-items:center;
  gap:8px;
  min-width:0;
  min-height:104px;
  padding:7px;
  border:2px solid #3e2a18;
  background:
    linear-gradient(120deg,rgba(217,180,111,.08),transparent 45%),
    linear-gradient(#181512,#0b0b0a);
  box-shadow:inset 0 0 0 1px #080706,0 3px 0 #050505;
}
.dashboard-price-alert > img,
.dashboard-alert-placeholder { width:62px;height:78px;object-fit:contain;border:1px solid #503720;background:#0b0b0a; }
.dashboard-alert-placeholder { display:grid;place-items:center;color:#d6a54a;font-size:1.3rem; }
.dashboard-alert-copy { display:grid;gap:3px;min-width:0; }
.dashboard-alert-copy > span { color:#bd765a;font:800 .42rem/1.1 system-ui,sans-serif;letter-spacing:.04em;text-transform:uppercase; }
.dashboard-alert-copy > strong { overflow:hidden;color:#f1dfbd;font:900 .68rem/1.05 Impact,"Arial Narrow",sans-serif;text-overflow:ellipsis; }
.dashboard-alert-copy small { display:-webkit-box;overflow:hidden;color:#8f877a;font-size:.44rem;line-height:1.25;-webkit-box-orient:vertical;-webkit-line-clamp:2; }
.dashboard-alert-copy time { color:#f0bd58;font:800 .48rem/1.1 system-ui,sans-serif; }
.dashboard-alert-price { display:grid;justify-items:end;gap:2px;text-align:right; }
.dashboard-alert-price > span { color:#7ed69a;font:900 .43rem/1 system-ui,sans-serif;text-transform:uppercase; }
.dashboard-alert-price > strong { color:#fff1c7;font:900 .9rem/1 Impact,"Arial Narrow",sans-serif; }
.dashboard-alert-price small { color:#a69d8d;font-size:.4rem;white-space:nowrap; }
.dashboard-alert-price em { color:#796f61;font-size:.38rem;font-style:normal; }
.dashboard-alert-price a { margin-top:4px;padding:5px 7px;border:1px solid #9c4c2f;background:#6f1f16;color:#fff0cc;font:800 .45rem/1 system-ui,sans-serif;text-decoration:none;text-transform:uppercase; }
.dashboard-alert-empty { grid-column:1/-1;margin:9px;padding:15px;border:1px dashed #62442a;color:#bcae93!important;text-align:center; }
.price-alerts-disclaimer { display:block;margin:7px 2px 0;color:#70695e;font-size:.45rem; }

.comic-command-footer {
  grid-column:1/-1;
  display:grid;
  gap:8px;
  min-height:76px;
  padding:10px 42px 12px;
  border-top:2px solid #242629;
  background:rgba(4,5,5,.94);
  color:#9f9583;
  font:700 .5rem/1 Impact,"Arial Narrow",sans-serif;
  letter-spacing:.07em;
  text-transform:uppercase;
}
.command-footer-build { display:flex;align-items:center;justify-content:space-between;gap:18px; }
.command-footer-disclaimer { display:grid;grid-template-columns:max-content minmax(0,1fr);align-items:center;gap:14px;padding:8px 12px;border:1px solid #7c3427;border-left:5px solid #bd4a35;background:linear-gradient(90deg,rgba(112,28,20,.3),rgba(18,13,11,.72));box-shadow:inset 0 0 0 2px #090706; }
.command-footer-disclaimer strong { color:#ffd292;font-size:.7rem;letter-spacing:.09em;text-shadow:1px 2px #000; }
.command-footer-disclaimer small { color:#c5b8a2;font:600 .6rem/1.35 system-ui,sans-serif;letter-spacing:.015em;text-transform:none; }

@media (max-width:1050px) {
  body:has(#dashboardView.active) .command-header { width:280px; }
  body:has(#dashboardView.active) .command-sidebar { left:280px;padding-right:150px; }
  body:has(#dashboardView.active) .command-sidebar button { min-width:63px;padding-inline:5px;font-size:.52rem; }
  body:has(#dashboardView.active) .command-header h1 { font-size:1.65rem; }
  .comic-dashboard-shell { grid-template-columns:1fr 240px;padding-top:220px; }
  .realm-showcase { grid-template-columns:repeat(2,1fr); }
  .realm-card:last-child { grid-column:1/-1;width:calc(50% - 5px);justify-self:center; }
  .comic-recent .recent-list { grid-template-columns:repeat(3,1fr); }
  .updates-list { grid-template-columns:1fr; }
  .dashboard-price-alert-list { grid-template-columns:repeat(2,minmax(0,1fr)); }
}

@media (max-width:760px) {
  body:has(#dashboardView.active) { padding-bottom:calc(74px + env(safe-area-inset-bottom)); }
  body:has(#dashboardView.active) .command-header {
    left:0;width:100%;height:70px;
    padding:7px 12px;
    border-right:0;
  }
  body:has(#dashboardView.active) .command-header .brand-mark-wrap { width:55px;height:55px;flex-basis:55px; }
  body:has(#dashboardView.active) .command-header .brand-logo { width:55px;height:55px; }
  body:has(#dashboardView.active) .command-header h1 { font-size:1.42rem; }
  body:has(#dashboardView.active) .command-header p { margin-top:4px;font-size:.4rem; }
  body:has(#dashboardView.active) .header-actions { top:10px;right:9px; }
  body:has(#dashboardView.active) .header-actions { left:auto;right:9px; }
  body:has(#dashboardView.active) .account-action { width:42px;min-width:42px;padding:0; }
  body:has(#dashboardView.active) .account-action span:last-child { display:none; }
  body:has(#dashboardView.active) .command-sidebar {
    top:auto;right:0;bottom:0;left:0;
    width:100%;height:calc(70px + env(safe-area-inset-bottom));
    gap:1px;
    padding:4px 2px env(safe-area-inset-bottom);
    border-top:2px solid #5b221a;
    border-bottom:0;
  }
  body:has(#dashboardView.active) .command-sidebar::after { display:none; }
  body:has(#dashboardView.active) .command-sidebar button {
    min-width:0;min-height:60px;
    flex:1;
    flex-direction:column;
    gap:2px;
    padding:3px 1px;
    border-width:1px;
    font-size:.38rem;
  }
  body:has(#dashboardView.active) .command-sidebar button span:last-child::after { font-size:.38rem; }
  body:has(#dashboardView.active) .command-sidebar .nav-glyph { font-size:.88rem; }
  .comic-dashboard-shell { display:block;min-height:100vh;padding:185px 9px 8px; }
  .comic-command-stamp { top:88px;width:145px; }
  .comic-command-stamp strong { font-size:1.08rem; }
  .realm-showcase { grid-template-columns:1fr; }
  .realm-card,.realm-card:last-child { width:100%;min-height:330px;margin-bottom:10px; }
  .realm-card-body { grid-template-columns:minmax(0,1fr) 82px; }
  .realm-card-body > img,
  .realm-black-plague .realm-card-body > img,
  .realm-green-horde .realm-card-body > img,
  .realm-white-death .realm-card-body > img {
    width:100%;max-width:100%;
    transform:scale(1.04);
    transform-origin:center bottom;
  }
  .comic-overview { margin:12px 0; }
  .comic-recent { margin-top:12px; }
  .comic-recent .recent-list { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .comic-updates { margin-top:12px; }
  .updates-heading { align-items:flex-start;flex-direction:column;gap:7px; }
  .updates-heading > div:first-child { align-items:flex-start;flex-direction:column;gap:5px; }
  .updates-build { justify-items:start;text-align:left; }
  .updates-list { grid-template-columns:1fr; }
  .comic-price-alerts { margin-top:12px; }
  .dashboard-price-alert-list { grid-template-columns:1fr; }
  .price-alerts-heading > div { align-items:flex-start;flex-direction:column;gap:3px; }
  .dashboard-price-alert { grid-template-columns:58px minmax(0,1fr) auto; }
  .dashboard-price-alert > img,.dashboard-alert-placeholder { width:58px;height:72px; }
  .comic-command-footer { margin-top:12px;padding:9px 10px 12px; }
  .command-footer-disclaimer { grid-template-columns:1fr;gap:5px;text-align:center; }
  .command-footer-disclaimer small { font-size:.56rem; }
}

@media (max-width:420px) {
  body:has(#dashboardView.active) .command-header .brand-kicker,
  body:has(#dashboardView.active) .command-header p { display:none; }
  body:has(#dashboardView.active) .command-header h1 { font-size:1.32rem; }
  body:has(#dashboardView.active) .icon-action { display:none; }
  .realm-card-body { grid-template-columns:minmax(0,1fr) 72px; }
  .realm-card-body > img { height:218px;transform:scale(1.01)!important; }
  .comic-recent .recent-list { grid-template-columns:1fr 1fr; }
}

/* Alpha.93: compact graphic-novel layout for phones rotated to landscape. */
@media (orientation:landscape) and (max-height:600px) and (max-width:950px) {
  body:has(#dashboardView.active) {
    padding:0;
    overflow-x:hidden;
  }
  body:has(#dashboardView.active) .command-header {
    left:0;width:218px;height:66px;
    padding:5px 8px;
    border-right:2px solid #2f3031;
  }
  body:has(#dashboardView.active) .command-header .brand-mark-wrap,
  body:has(#dashboardView.active) .command-header .brand-logo {
    display:grid;width:52px;height:52px;flex-basis:52px;
  }
  body:has(#dashboardView.active) .command-header .brand-kicker { display:block;font-size:.38rem; }
  body:has(#dashboardView.active) .command-header h1 { font-size:1.1rem; }
  body:has(#dashboardView.active) .command-header p { display:block;margin-top:3px;font-size:.31rem; }
  body:has(#dashboardView.active) .header-actions { display:none; }
  body:has(#dashboardView.active) .command-sidebar {
    top:0;right:0;bottom:auto;left:218px;
    width:auto;height:66px;
    gap:2px;
    padding:5px 5px 6px;
    border-top:0;border-bottom:2px solid #5b221a;
  }
  body:has(#dashboardView.active) .command-sidebar button {
    min-width:0;min-height:52px;
    flex:1;
    flex-direction:column;
    gap:1px;
    padding:3px 2px;
    font-size:.34rem;
  }
  body:has(#dashboardView.active) .command-sidebar button span:last-child::after { font-size:.34rem; }
  body:has(#dashboardView.active) .command-sidebar .nav-glyph { font-size:.76rem; }
  .comic-dashboard-shell {
    display:grid;
    grid-template-columns:minmax(0,1fr) 180px;
    gap:8px;
    min-height:100vh;
    padding:108px 8px 8px;
  }
  .comic-command-stamp { top:72px;left:8px;width:126px;padding:4px 8px; }
  .comic-command-stamp span { font-size:.44rem; }
  .comic-command-stamp strong { font-size:.84rem; }
  .comic-command-stamp small { display:none; }
  .realm-showcase { grid-template-columns:repeat(3,minmax(0,1fr));gap:6px; }
  .realm-card,.realm-card:last-child {
    grid-column:auto;
    width:100%;min-height:252px;
    margin:0;
    padding:39px 5px 7px;
  }
  .realm-card header { top:7px;right:5px;left:5px; }
  .realm-card header h2 { padding:6px 4px;font-size:.78rem; }
  .realm-card-body { grid-template-columns:minmax(0,1fr) 54px;height:166px;gap:1px; }
  .realm-card-body > img,
  .realm-black-plague .realm-card-body > img,
  .realm-green-horde .realm-card-body > img,
  .realm-white-death .realm-card-body > img {
    width:100%;max-width:100%;height:160px;
    transform:scale(.98);
    transform-origin:center bottom;
  }
  .realm-stats { padding:3px 1px; }
  .realm-stats span { margin:2px 0;font-size:.35rem; }
  .realm-stats strong { font-size:1.15rem; }
  .realm-stats small { font-size:.45rem; }
  .realm-stats em { font-size:.83rem; }
  .realm-open-button { width:78px;min-height:25px;font-size:.47rem; }
  .comic-overview { grid-column:2;grid-row:1 / span 2;padding:6px 7px 8px; }
  .comic-overview > h2,.comic-overview > h3 { padding:6px;font-size:.68rem; }
  .overview-total,.overview-completion { gap:3px;padding:7px 4px; }
  .overview-total strong { font-size:1.45rem; }
  .overview-total b { font-size:.7rem; }
  .comic-completion-ring { width:58px;height:58px;box-shadow:0 0 0 3px #080909,0 0 0 5px #684a29,inset 0 0 10px #000; }
  .comic-completion-ring::before { width:43px;height:43px; }
  .comic-completion-ring strong { font-size:.82rem; }
  .overview-mini-stats div { padding:5px 1px; }
  .overview-mini-stats span { font-size:.31rem; }
  .overview-mini-stats strong { font-size:.68rem; }
  .comic-progress { margin:6px 5px 2px; }
  .comic-overview #countingNote { display:none; }
  .comic-quick-actions button { min-height:29px;padding:4px;grid-template-columns:18px 1fr auto;font-size:.43rem; }
  .comic-quick-actions button span { font-size:.7rem; }
  .comic-quick-actions button b { font-size:.82rem; }
  .comic-recent { grid-column:1;margin:0;padding:6px 8px 8px; }
  .comic-recent > h2 { width:145px;padding:5px 7px;font-size:.68rem; }
  .comic-recent .recent-list { grid-template-columns:repeat(3,minmax(0,1fr)); }
  .comic-recent .recent-item:nth-child(n+4) { display:none; }
  .comic-updates { grid-column:1;padding:7px 9px 9px; }
  .updates-heading { display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:7px; }
  .updates-heading > div:first-child { display:block; }
  .updates-heading > div:first-child > span { display:none; }
  .updates-heading h2 { padding:6px 8px;font-size:.68rem; }
  .updates-build { justify-items:end;text-align:right; }
  .updates-list { grid-template-columns:1fr; }
  .update-entry:nth-child(n+3) { display:none; }
  .update-entry { grid-template-columns:31px minmax(0,1fr);padding:7px; }
  .update-version { width:28px;height:28px;font-size:.5rem!important; }
  .update-entry strong { font-size:.52rem; }
  .update-entry p { font-size:.43rem; }
  .comic-command-footer { padding:6px 12px;font-size:.4rem; }
  .command-footer-disclaimer { grid-template-columns:max-content minmax(0,1fr);padding:5px 8px;text-align:left; }
  .command-footer-disclaimer strong { font-size:.48rem; }.command-footer-disclaimer small { font-size:.42rem; }
}

/* Alpha.93: carry the new inked black-and-red visual language through every tool view. */
body:not(:has(#dashboardView.active)) .command-header {
  border-bottom:3px solid #160908;
  background:
    linear-gradient(100deg,rgba(122,28,22,.22),transparent 35%),
    repeating-linear-gradient(0deg,rgba(255,255,255,.018) 0 1px,transparent 1px 4px),
    linear-gradient(180deg,#17191b,#070808);
  box-shadow:0 7px 0 #050505,0 12px 26px rgba(0,0,0,.55);
}
body:not(:has(#dashboardView.active)) .command-header::after {
  content:"";position:absolute;right:0;bottom:-5px;left:0;height:4px;
  background:linear-gradient(90deg,#8f211a,#25282a 48%,#7f1d18);
  clip-path:polygon(0 0,100% 30%,97% 100%,2% 65%);
}
body:not(:has(#dashboardView.active)) .command-header .brand-mark-wrap {
  border:0;border-radius:0;background:transparent;box-shadow:none;
}
body:not(:has(#dashboardView.active)) .command-header .brand-logo { border-radius:50%;object-fit:cover;filter:saturate(1.35) contrast(1.12) drop-shadow(0 4px 4px #000); }
body:not(:has(#dashboardView.active)) .command-header .brand-kicker { color:#c54536;font-family:Impact,"Arial Narrow",sans-serif; }
body:not(:has(#dashboardView.active)) .command-header h1 {
  color:#f0e8d7;font-family:Impact,"Arial Narrow",sans-serif;letter-spacing:.035em;text-shadow:2px 2px #000;
}
body:not(:has(#dashboardView.active)) .command-header p { color:#aa9d84;font-family:Impact,"Arial Narrow",sans-serif;text-transform:uppercase; }
body:not(:has(#dashboardView.active)) .account-action,
body:not(:has(#dashboardView.active)) .icon-action {
  border:2px solid #353638;border-radius:2px;background:linear-gradient(#1a1c1d,#080909);box-shadow:inset 0 0 0 1px #000,0 3px 0 #000;color:#e9d8b6;
}
body:not(:has(#dashboardView.active)) .command-sidebar {
  border-right:3px solid #120707;
  background:
    radial-gradient(circle at 15% 8%,rgba(151,37,28,.22),transparent 28%),
    repeating-linear-gradient(0deg,rgba(255,255,255,.016) 0 1px,transparent 1px 5px),
    linear-gradient(180deg,#17191a,#070808 58%,#110b0a);
  box-shadow:7px 0 0 #050505,13px 0 30px rgba(0,0,0,.55);
}
body:not(:has(#dashboardView.active)) .sidebar-brand {
  border:2px solid #391715;border-radius:0;background:linear-gradient(135deg,rgba(116,30,23,.48),rgba(8,9,9,.88));
  box-shadow:inset 0 0 0 2px #090909,0 4px 0 #050505;
  font-family:Impact,"Arial Narrow",sans-serif;
}
body:not(:has(#dashboardView.active)) .command-sidebar button {
  border:2px solid #303234;border-radius:1px;background:linear-gradient(#191b1c,#090a0a);box-shadow:inset 0 0 0 1px #000,0 3px 0 #050505;
  color:#d9d1c1;font-family:Impact,"Arial Narrow",sans-serif;text-transform:uppercase;
}
body:not(:has(#dashboardView.active)) .command-sidebar button::before { background:#6f1c17; }
body:not(:has(#dashboardView.active)) .command-sidebar .nav-glyph {
  border:1px solid #6f3b2b;border-radius:2px;background:linear-gradient(#30211d,#100d0c);color:#d55a43;box-shadow:inset 0 0 0 2px #0b0b0b;
  font-family:Impact,"Arial Narrow",sans-serif;
}
body:not(:has(#dashboardView.active)) .command-sidebar button:hover,
body:not(:has(#dashboardView.active)) .command-sidebar button.active {
  border-color:#c24a39;background:linear-gradient(90deg,#a23529,#4d1512 72%,#191010);box-shadow:inset 4px 0 #e06a45,inset 0 0 0 1px #260706,0 4px 0 #160605;color:#fff0d2;
}
body:not(:has(#dashboardView.active)) .sidebar-version { border-top-color:#57221d;color:#786e62;font-family:Impact,"Arial Narrow",sans-serif; }
body:not(:has(#dashboardView.active)) .sidebar-version strong { color:#d65b41; }

@media (max-width:680px) {
  body:not(:has(#dashboardView.active)) .command-sidebar {
    border-top:2px solid #702119;border-right:0;background:linear-gradient(#17191a,#070808);
  }
  body:not(:has(#dashboardView.active)) .command-sidebar button { border-width:1px;box-shadow:inset 0 0 0 1px #000; }
}

/* Alpha.94: let realm artwork run behind the counters and action tab. */
.realm-card-body {
  display:block;
  height:277px;
  overflow:visible;
}
.realm-card-body > img,
.realm-black-plague .realm-card-body > img,
.realm-green-horde .realm-card-body > img,
.realm-white-death .realm-card-body > img {
  position:absolute;
  z-index:1;
  right:-12px;bottom:-24px;left:-12px;
  width:calc(100% + 24px);max-width:none;height:286px;
  object-fit:contain;
  object-position:center bottom;
  transform:scale(1.16);
  transform-origin:center bottom;
}
.realm-stats {
  position:absolute;
  z-index:4;
  top:7px;right:-1px;bottom:48px;
  width:88px;
  padding:5px 2px;
  border:0;
  background:transparent;
  color:#fff4dc;
  text-shadow:
    -2px -2px 0 #000,0 -2px 0 #000,2px -2px 0 #000,
    -2px 0 0 #000,2px 0 0 #000,
    -2px 2px 0 #000,0 2px 0 #000,2px 2px 0 #000,
    0 3px 4px #000;
}
.realm-stats span { color:#fff4dc;letter-spacing:.025em; }
.realm-stats strong,
.realm-stats em { color:#fff0c4; }
.realm-stats small { color:#fff; }
.realm-open-button {
  position:absolute;
  right:10px;bottom:13px;
  z-index:6;
  margin:0;
}

@media (max-width:760px) {
  .realm-card-body { height:262px; }
  .realm-card-body > img,
  .realm-black-plague .realm-card-body > img,
  .realm-green-horde .realm-card-body > img,
  .realm-white-death .realm-card-body > img {
    right:-10px;bottom:-19px;left:-10px;
    width:calc(100% + 20px);max-width:none;height:274px;
    transform:scale(1.12)!important;
  }
  .realm-stats { top:8px;right:2px;bottom:48px;width:82px; }
  .realm-open-button { right:11px;bottom:13px; }
}

@media (max-width:420px) {
  .realm-card-body > img { transform:scale(1.08)!important; }
  .realm-stats { width:78px; }
}

@media (orientation:landscape) and (max-height:600px) and (max-width:950px) {
  .realm-card-body { display:block;height:205px; }
  .realm-card-body > img,
  .realm-black-plague .realm-card-body > img,
  .realm-green-horde .realm-card-body > img,
  .realm-white-death .realm-card-body > img {
    right:-5px;bottom:-14px;left:-5px;
    width:calc(100% + 10px);max-width:none;height:214px;
    transform:scale(1.08)!important;
  }
  .realm-stats { top:3px;right:0;bottom:36px;width:56px;padding:2px 0; }
  .realm-open-button { right:7px;bottom:8px; }
}

/* Alpha.95: graphic-novel top menu bar. */
@media (min-width:761px) {
  body:has(#dashboardView.active) .command-sidebar {
    isolation:isolate;
    height:108px;
    gap:5px;
    padding:16px 178px 17px 14px;
    border-bottom:4px solid #080909;
    background:
      linear-gradient(100deg,rgba(139,30,23,.15),transparent 30%),
      repeating-linear-gradient(0deg,rgba(255,255,255,.018) 0 1px,transparent 1px 4px),
      linear-gradient(180deg,#1b1d1f 0%,#101112 48%,#050606 100%);
    box-shadow:0 6px 0 #050505,0 13px 26px rgba(0,0,0,.58);
  }
  body:has(#dashboardView.active) .command-sidebar::before {
    content:"";
    position:absolute;
    z-index:0;
    inset:0;
    pointer-events:none;
    opacity:.62;
    background:
      radial-gradient(circle at 9% 72%,rgba(129,19,13,.72) 0 2px,transparent 3px),
      radial-gradient(circle at 10.5% 77%,rgba(129,19,13,.55) 0 1px,transparent 2px),
      radial-gradient(circle at 48% 16%,rgba(187,55,22,.36) 0 2px,transparent 3px),
      radial-gradient(circle at 81% 82%,rgba(132,20,13,.52) 0 3px,transparent 4px),
      linear-gradient(112deg,transparent 0 37%,rgba(235,183,104,.12) 37.2% 37.7%,transparent 38% 40%,rgba(235,183,104,.08) 40.2% 40.6%,transparent 41%),
      radial-gradient(circle,rgba(226,183,106,.07) 0 1px,transparent 1.5px) 0 0/6px 6px;
    mix-blend-mode:screen;
  }
  body:has(#dashboardView.active) .command-sidebar::after {
    right:0;bottom:-7px;left:0;height:6px;
    background:linear-gradient(90deg,#8e2019,#25282a 34%,#8e2019 72%,#202325);
    clip-path:polygon(0 0,100% 22%,98% 100%,72% 60%,43% 100%,19% 55%,2% 100%);
  }
  body:has(#dashboardView.active) .command-sidebar button {
    z-index:1;
    position:relative;
    min-height:70px;
    gap:6px;
    padding:9px 9px;
    overflow:hidden;
    border:2px solid #45474a;
    border-radius:0;
    background:
      linear-gradient(110deg,rgba(255,255,255,.035),transparent 32%),
      linear-gradient(180deg,#1a1c1e,#080909);
    box-shadow:inset 0 0 0 2px #050606,inset 0 1px rgba(255,255,255,.06),0 4px 0 #030303;
    color:#eee8dc;
    font-family:Impact,"Arial Narrow",sans-serif;
    letter-spacing:.035em;
    clip-path:polygon(1% 3%,98% 0,100% 94%,3% 100%);
  }
  body:has(#dashboardView.active) .command-sidebar button::before {
    content:"";
    position:absolute;
    z-index:0;
    top:5px;bottom:5px;left:0;
    width:3px;
    background:#5f2420;
    transform:skewY(-12deg);
  }
  body:has(#dashboardView.active) .command-sidebar button::after { display:none; }
  body:has(#dashboardView.active) .command-sidebar button > span { position:relative;z-index:1; }
  body:has(#dashboardView.active) .command-sidebar button span:last-child::after {
    color:#eee8dc;
    font-size:.62rem;
    letter-spacing:.035em;
    text-shadow:2px 2px 0 #000;
  }
  body:has(#dashboardView.active) .command-sidebar .nav-glyph {
    width:23px;height:23px;
    flex:0 0 23px;
    border:0;
    border-radius:0;
    background:transparent;
    box-shadow:none;
    color:#f2eadb;
    font-family:Impact,"Arial Narrow",sans-serif;
    font-size:1.1rem;
    text-shadow:2px 2px 0 #000;
  }
  body:has(#dashboardView.active) .command-sidebar button:hover {
    border-color:#9e4a3d;
    background:linear-gradient(180deg,#292426,#100b0b);
    color:#fff7e7;
    transform:translateY(-1px);
  }
  body:has(#dashboardView.active) .command-sidebar button.active {
    border-color:#e16850;
    background:
      linear-gradient(110deg,rgba(255,198,158,.14),transparent 35%),
      repeating-linear-gradient(0deg,rgba(0,0,0,.08) 0 1px,transparent 1px 4px),
      linear-gradient(180deg,#bd3d2e,#681713 76%,#3b0d0b);
    box-shadow:inset 0 0 0 2px #3b0907,inset 5px 0 #e9704d,0 4px 0 #210504,0 0 18px rgba(176,43,31,.3);
    color:#fff6e3;
  }
  body:has(#dashboardView.active) .command-sidebar button.active::before {
    width:7px;
    background:#f17b50;
    box-shadow:0 0 10px rgba(241,87,55,.55);
  }
  body:has(#dashboardView.active) .command-sidebar button.active .nav-glyph { color:#fff8e8; }
  body:has(#dashboardView.active) .account-action,
  body:has(#dashboardView.active) .icon-action {
    border-color:#4a4c4e;
    border-radius:0;
    background:linear-gradient(180deg,#1b1d1f,#070808);
    box-shadow:inset 0 0 0 2px #050606,0 4px 0 #030303;
    color:#f0e8d7;
    font-family:Impact,"Arial Narrow",sans-serif;
    letter-spacing:.04em;
    text-transform:uppercase;
    clip-path:polygon(2% 3%,98% 0,100% 94%,3% 100%);
  }
}

@media (orientation:landscape) and (max-height:600px) and (max-width:950px) {
  body:has(#dashboardView.active) .command-sidebar {
    height:66px;
    gap:3px;
    padding:5px 5px 6px;
  }
  body:has(#dashboardView.active) .command-sidebar button {
    min-height:52px;
    gap:1px;
    padding:3px 2px;
  }
  body:has(#dashboardView.active) .command-sidebar button span:last-child::after { font-size:.36rem; }
  body:has(#dashboardView.active) .command-sidebar .nav-glyph { width:18px;height:18px;flex-basis:18px;font-size:.8rem; }
}

@media (max-width:760px) {
  body:has(#dashboardView.active) .command-sidebar button {
    border-radius:0;
    background:linear-gradient(#17191a,#070808);
    color:#eee7d9;
  }
  body:has(#dashboardView.active) .command-sidebar button.active {
    border-color:#d85b46;
    background:linear-gradient(#b83b2d,#581411);
    box-shadow:inset 0 0 0 1px #270706,inset 0 4px #e36b49;
  }
  body:has(#dashboardView.active) .command-sidebar .nav-glyph { color:#f0e7d6; }
}

/* Alpha.96: colored fantasy war-table treatment for the Command Center menu. */
body:has(#dashboardView.active) .command-header {
  border-right-color:#8c602f;
  border-bottom-color:#442014;
  background:
    radial-gradient(circle at 16% 18%,rgba(216,125,47,.2),transparent 22%),
    repeating-linear-gradient(112deg,rgba(255,220,159,.025) 0 1px,transparent 1px 7px),
    linear-gradient(135deg,#35150f 0%,#190e0c 55%,#090a0a 100%);
  box-shadow:inset -3px 0 rgba(229,160,73,.13),8px 0 20px rgba(0,0,0,.55);
}
body:has(#dashboardView.active) .command-header::after {
  background:linear-gradient(90deg,#c0652f,#d7a04c 24%,#742419 54%,#33251b 82%);
}
body:has(#dashboardView.active) .command-header .brand-kicker { color:#e5a850; }
body:has(#dashboardView.active) .command-header h1 { color:#f4dfb0; }
body:has(#dashboardView.active) .command-header p { color:#bc9861; }

body:has(#dashboardView.active) .command-sidebar button:nth-of-type(1) { --tab-top:#8f3025;--tab-bottom:#40120f;--tab-edge:#e06b45; }
body:has(#dashboardView.active) .command-sidebar button:nth-of-type(2) { --tab-top:#4f6634;--tab-bottom:#202c19;--tab-edge:#a7b65e; }
body:has(#dashboardView.active) .command-sidebar button:nth-of-type(3) { --tab-top:#7b5930;--tab-bottom:#352316;--tab-edge:#d7aa57; }
body:has(#dashboardView.active) .command-sidebar button:nth-of-type(4) { --tab-top:#416a76;--tab-bottom:#1c3037;--tab-edge:#77b3bf; }
body:has(#dashboardView.active) .command-sidebar button:nth-of-type(5) { --tab-top:#66436d;--tab-bottom:#2c1b31;--tab-edge:#b883be; }
body:has(#dashboardView.active) .command-sidebar button:nth-of-type(6) { --tab-top:#8a6127;--tab-bottom:#3b2712;--tab-edge:#e0ad4e; }
body:has(#dashboardView.active) .command-sidebar button:nth-of-type(7) { --tab-top:#596067;--tab-bottom:#252a2e;--tab-edge:#9da9af; }

@media (min-width:761px) {
  body:has(#dashboardView.active) .command-sidebar {
    border-bottom-color:#4b2c18;
    background:
      linear-gradient(90deg,rgba(119,43,24,.32),transparent 24%,rgba(76,50,28,.18) 68%,transparent),
      repeating-linear-gradient(0deg,rgba(231,188,111,.02) 0 1px,transparent 1px 5px),
      linear-gradient(180deg,#2b2119 0%,#171310 52%,#090909 100%);
    box-shadow:inset 0 -2px rgba(216,158,75,.18),0 6px 0 #080706,0 13px 27px rgba(0,0,0,.62);
  }
  body:has(#dashboardView.active) .command-sidebar::after {
    background:linear-gradient(90deg,#9d4925,#d5a14d 18%,#70421f 43%,#c27b35 68%,#4a2d1c);
  }
  body:has(#dashboardView.active) .command-sidebar button {
    border-color:color-mix(in srgb,var(--tab-edge) 48%,#2c241d);
    background:
      linear-gradient(110deg,rgba(255,225,172,.09),transparent 35%),
      repeating-linear-gradient(0deg,rgba(0,0,0,.06) 0 1px,transparent 1px 4px),
      linear-gradient(180deg,color-mix(in srgb,var(--tab-top) 72%,#211a16),color-mix(in srgb,var(--tab-bottom) 82%,#090909));
    box-shadow:inset 0 0 0 2px rgba(13,9,7,.72),inset 0 1px rgba(255,221,161,.12),0 4px 0 #070504;
    color:#f1ddb0;
    text-shadow:2px 2px 0 #120b08;
  }
  body:has(#dashboardView.active) .command-sidebar button::before {
    width:4px;
    background:var(--tab-edge);
    box-shadow:0 0 8px color-mix(in srgb,var(--tab-edge) 45%,transparent);
  }
  body:has(#dashboardView.active) .command-sidebar button::after {
    content:"";
    display:block;
    position:absolute;
    z-index:2;
    inset:4px;
    width:auto;height:auto;
    border:0;border-radius:0;
    transform:none;
    pointer-events:none;
    background:
      radial-gradient(circle at 4px 4px,#d5a85f 0 1px,#4d3118 1.5px 2.5px,transparent 3px),
      radial-gradient(circle at calc(100% - 4px) 4px,#d5a85f 0 1px,#4d3118 1.5px 2.5px,transparent 3px),
      radial-gradient(circle at 4px calc(100% - 4px),#d5a85f 0 1px,#4d3118 1.5px 2.5px,transparent 3px),
      radial-gradient(circle at calc(100% - 4px) calc(100% - 4px),#d5a85f 0 1px,#4d3118 1.5px 2.5px,transparent 3px),
      linear-gradient(118deg,transparent 0 46%,rgba(255,229,174,.16) 46.4% 47%,transparent 47.4% 51%,rgba(21,8,5,.34) 51.4% 52%,transparent 52.5%);
    box-shadow:none;
  }
  body:has(#dashboardView.active) .command-sidebar .nav-glyph {
    width:29px;height:29px;
    flex-basis:29px;
    border:1px solid #e0b866;
    background:linear-gradient(145deg,#c58a3f,#5a351b 68%,#2b1b12);
    box-shadow:inset 0 0 0 2px #2c190f,0 2px 3px #000;
    color:#fff0c4;
    clip-path:polygon(50% 0,96% 20%,88% 76%,50% 100%,12% 76%,4% 20%);
    text-shadow:1px 2px 0 #251208;
  }
  body:has(#dashboardView.active) .command-sidebar button span:last-child::after { color:#f1ddb0; }
  body:has(#dashboardView.active) .command-sidebar button:hover {
    border-color:var(--tab-edge);
    background:
      linear-gradient(110deg,rgba(255,226,173,.16),transparent 38%),
      linear-gradient(180deg,var(--tab-top),var(--tab-bottom));
  }
  body:has(#dashboardView.active) .command-sidebar button.active {
    border-color:#f0b85d;
    background:
      linear-gradient(110deg,rgba(255,224,163,.2),transparent 34%),
      repeating-linear-gradient(0deg,rgba(0,0,0,.07) 0 1px,transparent 1px 4px),
      linear-gradient(180deg,color-mix(in srgb,var(--tab-top) 88%,#d26a35),var(--tab-bottom));
    box-shadow:inset 0 0 0 2px #3a190d,inset 6px 0 var(--tab-edge),0 4px 0 #1d0b06,0 0 18px color-mix(in srgb,var(--tab-edge) 38%,transparent);
  }
  body:has(#dashboardView.active) .command-sidebar button.active::after {
    background:
      radial-gradient(circle at 4px 4px,#f2ca78 0 1px,#5b3217 1.5px 2.5px,transparent 3px),
      radial-gradient(circle at calc(100% - 4px) 4px,#f2ca78 0 1px,#5b3217 1.5px 2.5px,transparent 3px),
      radial-gradient(circle at 77% 19%,rgba(91,8,8,.86) 0 2px,transparent 3px),
      radial-gradient(circle at 82% 26%,rgba(117,11,8,.66) 0 1px,transparent 2px),
      linear-gradient(116deg,transparent 0 44%,rgba(255,225,167,.22) 44.3% 45%,transparent 45.4% 50%,rgba(51,9,6,.46) 50.3% 51.2%,transparent 51.6%);
  }
  body:has(#dashboardView.active) .command-sidebar button.active::before { background:#ffd078; }
  body:has(#dashboardView.active) .command-sidebar button.active .nav-glyph {
    border-color:#ffe092;
    background:linear-gradient(145deg,#e2aa52,#7a421f 70%);
    color:#fff7d8;
  }
  body:has(#dashboardView.active) .account-action,
  body:has(#dashboardView.active) .icon-action {
    border-color:#9a6a32;
    background:linear-gradient(180deg,#51321d,#1c1510 76%,#0b0a09);
    box-shadow:inset 0 0 0 2px #160e09,inset 0 1px rgba(255,219,142,.15),0 4px 0 #050403;
    color:#f0d497;
  }
}

@media (orientation:landscape) and (max-height:600px) and (max-width:950px) {
  body:has(#dashboardView.active) .command-sidebar .nav-glyph {
    width:22px;height:22px;flex-basis:22px;
    border-width:1px;
    font-size:.72rem;
  }
}

@media (max-width:760px) {
  body:has(#dashboardView.active) .command-sidebar {
    border-top-color:#b06c32;
    background:linear-gradient(180deg,#332319,#130f0d 62%,#080808);
  }
  body:has(#dashboardView.active) .command-sidebar button {
    border-color:color-mix(in srgb,var(--tab-edge) 48%,#2b211a);
    background:linear-gradient(180deg,var(--tab-top),var(--tab-bottom));
    color:#f1ddb0;
  }
  body:has(#dashboardView.active) .command-sidebar button.active {
    border-color:#efb75b;
    background:linear-gradient(180deg,color-mix(in srgb,var(--tab-top) 82%,#c96132),var(--tab-bottom));
    box-shadow:inset 0 0 0 1px #2a130b,inset 0 4px var(--tab-edge);
  }
  body:has(#dashboardView.active) .command-sidebar .nav-glyph { color:#ffe4a7; }
}

/* Alpha.97: hand-drawn heraldic navigation icon set. */
.command-sidebar .nav-glyph svg {
  display:block;
  width:72%;height:72%;
  overflow:visible;
  fill:none;
  stroke:currentColor;
  stroke-width:1.7;
  stroke-linecap:round;
  stroke-linejoin:round;
  vector-effect:non-scaling-stroke;
  filter:drop-shadow(1px 1px 0 #251208);
}
body:has(#dashboardView.active) .command-sidebar button.active .nav-glyph svg {
  stroke-width:1.9;
  filter:drop-shadow(1px 1px 0 #301408) drop-shadow(0 0 2px rgba(255,218,137,.45));
}

/* Alpha.114: keep navigation fully visible on short landscape screens in every view. */
@media (orientation:landscape) and (min-width:1001px) and (max-height:920px) {
  body:not(:has(#dashboardView.active)) {
    padding-left:0;
  }
  body:not(:has(#dashboardView.active)) .command-header {
    left:0;
    width:335px;
    height:78px;
    padding:8px 16px;
  }
  body:not(:has(#dashboardView.active)) .command-header .brand-logo {
    width:54px;
    height:54px;
  }
  body:not(:has(#dashboardView.active)) .command-header .brand-copy {
    height:100%;
    display:flex;
    align-items:center;
    min-width:0;
  }
  body:not(:has(#dashboardView.active)) .command-header .brand-kicker,
  body:not(:has(#dashboardView.active)) .command-header p {
    display:none;
  }
  body:not(:has(#dashboardView.active)) .command-header h1 {
    margin:0;
    font-size:1.35rem;
    line-height:.9;
    letter-spacing:.02em;
  }
  body:not(:has(#dashboardView.active)) .command-sidebar {
    top:0;
    right:0;
    bottom:auto;
    left:335px;
    width:auto;
    height:78px;
    min-height:78px;
    padding:8px 150px 8px 8px;
    display:flex;
    flex-direction:row;
    align-items:stretch;
    gap:4px;
    overflow-x:auto;
    overflow-y:hidden;
    scrollbar-width:thin;
    border-right:0;
    border-bottom:3px solid #120707;
    box-shadow:0 7px 0 #050505,0 12px 26px rgba(0,0,0,.55);
  }
  body:not(:has(#dashboardView.active)) .command-sidebar::after {
    top:auto;
    right:0;
    bottom:-5px;
    left:0;
    width:auto;
    height:4px;
  }
  body:not(:has(#dashboardView.active)) .command-sidebar .sidebar-brand,
  body:not(:has(#dashboardView.active)) .command-sidebar .sidebar-version {
    display:none;
  }
  body:not(:has(#dashboardView.active)) .command-sidebar button {
    width:auto;
    min-width:92px;
    min-height:58px;
    flex:1 1 92px;
    padding:6px 8px;
    justify-content:center;
    gap:6px;
    transform:none;
  }
  body:not(:has(#dashboardView.active)) .command-sidebar button:hover,
  body:not(:has(#dashboardView.active)) .command-sidebar button.active {
    transform:none;
  }
  body:not(:has(#dashboardView.active)) .command-sidebar button span:last-child {
    display:inline-flex;
    white-space:nowrap;
    font-size:0;
  }
  body:not(:has(#dashboardView.active)) .command-sidebar button span:last-child::after {
    content:attr(data-mobile-label);
    font-size:.55rem;
  }
  body:not(:has(#dashboardView.active)) .command-sidebar .nav-glyph {
    width:28px;
    height:28px;
    flex:0 0 28px;
  }
  body:not(:has(#dashboardView.active)) .command-main {
    width:100%;
    max-width:none;
    margin:0;
    padding:94px 18px 28px;
  }
}

@media (orientation:landscape) and (min-width:1001px) and (max-width:1200px) and (max-height:920px) {
  body:not(:has(#dashboardView.active)) .command-header { width:280px; }
  body:not(:has(#dashboardView.active)) .command-sidebar { left:280px;padding-right:112px; }
  body:not(:has(#dashboardView.active)) .command-sidebar button { min-width:78px;flex-basis:78px;padding-inline:5px; }
}

/* Alpha.129: keep account controls clear of the brand on iPad landscape. */
@media (orientation:landscape) and (min-width:1001px) and (max-width:1366px) and (max-height:1024px) {
  body:not(:has(#dashboardView.active)) .command-header {
    z-index:91;
  }
  body:not(:has(#dashboardView.active)) .header-actions {
    position:fixed;
    z-index:92;
    top:16px;
    right:auto;
    left:calc(100vw - 152px - env(safe-area-inset-right));
    width:140px;
    margin-left:0;
  }
  body:not(:has(#dashboardView.active)) .account-action {
    min-width:90px;
    flex:1 0 90px;
    white-space:nowrap;
  }
  body:not(:has(#dashboardView.active)) .icon-action {
    flex:0 0 42px;
  }
  body:not(:has(#dashboardView.active)) .command-sidebar {
    padding-right:calc(158px + env(safe-area-inset-right));
  }
}

/* Alpha.116: keep long, fully expanded collection archives reachable. */
body:not(:has(#dashboardView.active)) {
  height:auto;
  min-height:100dvh;
  overflow-y:auto;
  overscroll-behavior-y:auto;
}
body:not(:has(#dashboardView.active)) .command-main {
  min-height:100dvh;
  overflow:visible;
}
#collectionView.active {
  overflow:visible;
  padding-bottom:clamp(96px,12vh,150px);
}
#collectionTree > .group > .collapsible-content:not([hidden]) {
  max-height:none;
}

/* Alpha.119: restore solid, readable Core box art on the Command Center. */
body:has(#dashboardView.active) .realm-card-body > img {
  opacity:1;
  mix-blend-mode:normal;
  filter:drop-shadow(7px 9px 6px rgba(0,0,0,.5)) brightness(1.1) saturate(1.08) contrast(1.05);
}
@media (max-width:680px) {
  #collectionView.active {
    padding-bottom:calc(118px + env(safe-area-inset-bottom));
  }
}
@media (max-width:760px) {
  body:has(#dashboardView.active) .command-sidebar .nav-glyph svg { width:20px;height:20px; }
}
@media (orientation:landscape) and (max-height:600px) and (max-width:950px) {
  body:has(#dashboardView.active) .command-sidebar .nav-glyph svg { width:17px;height:17px; }
}

/* Alpha.98: weathered campaign-scroll realm panels. */
.realm-card {
  border-color:#24150d;
  outline-color:#8c6332;
  background:
    radial-gradient(ellipse at 18% 24%,transparent 0 12%,rgba(105,62,24,.12) 12.8% 13.6%,transparent 14.4%),
    radial-gradient(ellipse at 76% 68%,rgba(110,60,22,.13),transparent 21%),
    radial-gradient(circle at 86% 13%,rgba(72,39,17,.18) 0 2px,transparent 3px),
    radial-gradient(circle at 12% 78%,rgba(72,39,17,.15) 0 1px,transparent 2px),
    repeating-linear-gradient(94deg,rgba(91,57,30,.025) 0 1px,transparent 1px 19px),
    repeating-linear-gradient(3deg,rgba(71,42,20,.038) 0 1px,transparent 1px 5px),
    linear-gradient(105deg,#b89562 0%,#d8bd83 7%,#ead49e 43%,#c9a86f 83%,#8b6238 100%);
  box-shadow:
    0 8px 0 #090705,
    0 13px 25px rgba(0,0,0,.68),
    inset 0 0 8px #4d2d16,
    inset 0 0 28px rgba(70,38,17,.58),
    inset 13px 0 18px rgba(67,37,17,.24),
    inset -13px 0 18px rgba(67,37,17,.28);
}
.realm-card::before {
  content:"";
  position:absolute;
  z-index:1;
  inset:4px;
  pointer-events:none;
  background:
    linear-gradient(180deg,rgba(60,31,14,.5),transparent 3%,transparent 96%,rgba(53,28,13,.58)),
    linear-gradient(90deg,rgba(60,31,14,.42),transparent 5%,transparent 95%,rgba(53,28,13,.48)),
    radial-gradient(ellipse at 0 0,rgba(56,27,12,.62),transparent 16%),
    radial-gradient(ellipse at 100% 0,rgba(63,31,13,.55),transparent 15%),
    radial-gradient(ellipse at 0 100%,rgba(52,25,11,.52),transparent 17%),
    radial-gradient(ellipse at 100% 100%,rgba(57,28,12,.65),transparent 18%);
  box-shadow:inset 0 9px 7px rgba(74,39,17,.16),inset 0 -10px 8px rgba(56,29,13,.2);
  clip-path:polygon(1% 1%,7% 2%,12% .5%,20% 1.5%,29% .3%,38% 1.4%,48% .4%,59% 1.5%,69% .4%,80% 1.5%,90% .3%,99% 2%,98.7% 12%,99.4% 24%,98.8% 37%,99.5% 50%,98.8% 63%,99.4% 77%,98.6% 90%,99% 98%,91% 99%,82% 98.5%,71% 99.6%,61% 98.5%,50% 99.5%,39% 98.6%,28% 99.6%,17% 98.5%,8% 99.4%,1% 98%,1.5% 88%,.6% 76%,1.4% 63%,.5% 49%,1.3% 35%,.6% 21%,1.2% 10%);
}
.realm-card::after {
  z-index:1;
  opacity:.8;
  background:
    radial-gradient(ellipse at 22% 33%,transparent 0 17%,rgba(88,48,19,.13) 17.5% 18.2%,transparent 19%),
    radial-gradient(ellipse at 80% 76%,transparent 0 12%,rgba(81,43,18,.12) 12.6% 13.5%,transparent 14.3%),
    linear-gradient(116deg,transparent 0 31%,rgba(82,45,20,.09) 31.3% 31.7%,transparent 32% 69%,rgba(82,45,20,.08) 69.4% 69.8%,transparent 70%),
    radial-gradient(circle,rgba(73,42,22,.06) 0 1px,transparent 1.4px) 0 0/7px 7px;
  mix-blend-mode:multiply;
}
.realm-card header {
  box-shadow:0 3px 0 #241007,0 6px 9px rgba(0,0,0,.48),inset 0 1px rgba(255,225,155,.16);
}

/* Alpha.99: production illustrated parchment replaces the procedural scroll texture. */
.realm-card {
  background-color:#b8894f;
  background-image:
    linear-gradient(180deg,rgba(255,218,139,.07),rgba(31,14,7,.06)),
    url('../assets/weathered-realm-scroll-v99.webp');
  background-position:center;
  background-size:100% 100%;
  background-repeat:no-repeat;
  box-shadow:0 8px 0 #090705,0 14px 28px rgba(0,0,0,.74),inset 0 0 0 2px rgba(36,16,8,.62);
}
.realm-card::before {
  inset:0;
  opacity:.42;
  background:linear-gradient(90deg,rgba(18,7,3,.32),transparent 8%,transparent 92%,rgba(18,7,3,.36));
  box-shadow:inset 0 0 15px rgba(17,7,3,.52);
  clip-path:none;
}
.realm-card::after {
  opacity:.16;
  background:
    repeating-linear-gradient(0deg,rgba(20,8,4,.13) 0 1px,transparent 1px 4px),
    radial-gradient(circle,rgba(255,222,158,.13) 0 1px,transparent 1.5px) 0 0/6px 6px;
  mix-blend-mode:multiply;
}

/* Alpha.100: normalize the front-facing White Death package against the perspective boxes. */
.realm-white-death .realm-card-body > img { transform:scale(1.05); }
@media (max-width:760px) {
  .realm-white-death .realm-card-body > img { transform:scale(1.01)!important; }
}
@media (max-width:420px) {
  .realm-white-death .realm-card-body > img { transform:scale(.99)!important; }
}
@media (orientation:landscape) and (max-height:600px) and (max-width:950px) {
  .realm-white-death .realm-card-body > img { transform:scale(.98)!important; }
}

/* Alpha.101: remove the gold mounting frame from the three realm scrolls. */
.realm-card {
  border:2px solid #160b07;
  outline:0;
  box-shadow:0 8px 0 #080604,0 14px 28px rgba(0,0,0,.74),inset 0 0 0 1px rgba(34,14,7,.72);
}

/* Alpha.102: true transparent scroll silhouette reveals the fixed siege scene while scrolling. */
.realm-card {
  border:0;
  background-color:transparent;
  background-image:url('../assets/comic-scroll-mobile-v124.png');
  background-position:center;
  background-size:100% 100%;
  background-repeat:no-repeat;
  box-shadow:none;
  filter:drop-shadow(0 9px 8px rgba(0,0,0,.72));
}
.realm-card::before,
.realm-card::after { display:none; }

/* Alpha.103: dedicated Black Plague realm archive. */
.realm-collection-hero[hidden] { display:none!important; }
.realm-collection-hero {
  position:relative;
  isolation:isolate;
  display:grid;
  grid-template-columns:minmax(300px,1.25fr) minmax(240px,.72fr) 190px;
  align-items:end;
  min-height:500px;
  margin:-12px -12px 22px;
  overflow:hidden;
  border:2px solid #170907;
  border-radius:4px;
  outline:1px solid #8f512b;
  background:#100b09;
  box-shadow:0 12px 32px rgba(0,0,0,.58),inset 0 0 0 2px rgba(234,174,91,.12);
  color:#f5e4bd;
}
.realm-collection-art {
  position:absolute;
  z-index:-3;
  inset:0;
  background:
    linear-gradient(90deg,rgba(8,6,6,.18),rgba(8,6,6,.05) 52%,rgba(8,6,6,.75)),
    url('../assets/halls/core-art/black-plague.webp') center 44%/cover no-repeat;
  filter:saturate(.88) contrast(1.12);
  transform:scale(1.01);
}
.realm-collection-hero::before {
  content:"";
  position:absolute;
  z-index:-2;
  inset:0;
  pointer-events:none;
  background:
    linear-gradient(180deg,rgba(5,5,5,.18),transparent 28%,rgba(7,5,4,.18) 58%,#0a0706 100%),
    radial-gradient(ellipse at 22% 58%,transparent 0 26%,rgba(5,4,4,.42) 72%),
    repeating-linear-gradient(0deg,rgba(255,231,192,.025) 0 1px,transparent 1px 4px);
  box-shadow:inset 0 0 54px #050303,inset 0 -46px 54px #080504;
}
.realm-collection-hero::after {
  content:"";
  position:absolute;
  z-index:-1;
  left:-2%;right:-2%;bottom:0;height:44%;
  pointer-events:none;
  background:linear-gradient(176deg,transparent 0 13%,rgba(14,8,6,.88) 14%,#0b0706 38%);
  clip-path:polygon(0 15%,7% 10%,13% 16%,21% 8%,30% 14%,40% 7%,49% 15%,59% 8%,68% 15%,78% 9%,87% 16%,94% 8%,100% 14%,100% 100%,0 100%);
}
.realm-collection-copy {
  z-index:2;
  align-self:stretch;
  display:flex;
  flex-direction:column;
  justify-content:flex-end;
  padding:38px 10px 34px 34px;
  text-shadow:2px 2px 0 #080403,0 3px 10px #000;
}
.realm-collection-breadcrumb { position:absolute;top:20px;left:28px;display:flex;align-items:center;gap:8px;color:#d9b979;font:700 .69rem/1.2 Georgia,serif;letter-spacing:.14em;text-transform:uppercase; }
.realm-collection-breadcrumb button { padding:0;border:0;background:transparent;color:#f0cf88;text-transform:uppercase;letter-spacing:.12em;box-shadow:none; }
.realm-collection-kicker { margin:0 0 4px;color:#e5aa54;font:800 .77rem/1.2 Georgia,serif;letter-spacing:.2em;text-transform:uppercase; }
.realm-collection-copy h2 { margin:0;color:#f3dfb2;font:900 clamp(2.55rem,5vw,5.1rem)/.88 Georgia,serif;letter-spacing:-.045em;text-transform:uppercase;-webkit-text-stroke:1px #25100a;text-shadow:3px 4px 0 #2d0c09,5px 6px 0 #070403,0 0 18px #000; }
.realm-collection-intro { max-width:610px;margin:16px 0 14px;color:#eadcc0;font:600 .96rem/1.55 Georgia,serif; }
.realm-collection-tags { display:flex;flex-wrap:wrap;gap:7px;margin-bottom:16px; }
.realm-collection-tags span { padding:5px 9px;border:1px solid #9b6639;background:rgba(18,10,8,.78);box-shadow:inset 0 0 0 1px rgba(235,180,94,.09);color:#e9c887;font:700 .65rem/1 Georgia,serif;letter-spacing:.08em;text-transform:uppercase; }
.realm-collection-cta { align-self:flex-start;min-width:190px;padding:10px 20px;border:2px solid #260b08;border-radius:1px;outline:1px solid #c27738;background:linear-gradient(#9d2d20,#51130e);box-shadow:inset 0 0 0 2px rgba(248,164,83,.13),0 4px 0 #090403;color:#fff0c2;font:900 .76rem/1.2 Georgia,serif;letter-spacing:.14em;text-transform:uppercase; }
.realm-collection-cta:hover,.realm-collection-cta:focus-visible { background:linear-gradient(#bd412a,#691912);transform:translateY(-1px); }
.realm-collection-box-stage { z-index:2;display:flex;align-items:flex-end;justify-content:center;min-width:0;padding:20px 0 25px; }
.realm-collection-box-stage img { display:block;width:min(100%,310px);max-height:350px;object-fit:contain;filter:drop-shadow(10px 13px 8px rgba(0,0,0,.75));transform:rotate(-1.5deg); }
.realm-collection-ledger { z-index:2;align-self:stretch;display:grid;grid-template-rows:repeat(4,1fr);margin:20px 18px 20px 0;border:2px solid #1b0e09;outline:1px solid #a26936;background:linear-gradient(rgba(17,13,11,.92),rgba(8,7,6,.95));box-shadow:inset 0 0 0 2px rgba(220,168,83,.08),6px 8px 0 rgba(0,0,0,.48); }
.realm-collection-ledger div { display:flex;flex-direction:column;align-items:center;justify-content:center;padding:10px 6px;border-bottom:1px solid #604324;text-align:center; }
.realm-collection-ledger div:last-child { border-bottom:0; }
.realm-collection-ledger span { color:#d0ad70;font:700 .62rem/1.25 Georgia,serif;letter-spacing:.11em;text-transform:uppercase; }
.realm-collection-ledger strong { margin-top:4px;color:#f0ddb4;font:900 2rem/.9 Georgia,serif;text-shadow:2px 2px 0 #4c160f; }
.realm-collection-ledger .realm-completion-stat strong { color:#e15138; }

#collectionView.black-plague-realm-mode { padding-top:12px; }
#collectionView.black-plague-realm-mode > .controls {
  border:2px solid #3b160e;
  outline:1px solid #986235;
  border-radius:2px;
  background:
    linear-gradient(90deg,rgba(79,35,18,.15),transparent 20%,transparent 80%,rgba(79,35,18,.15)),
    linear-gradient(105deg,#c4a66e,#e4cd98 42%,#b58c55);
  box-shadow:0 6px 0 #090504,inset 0 0 22px rgba(64,31,15,.42);
  color:#26160f;
}
#collectionView.black-plague-realm-mode > .controls label { color:#35160d;font-family:Georgia,serif;font-weight:800;letter-spacing:.035em;text-shadow:0 1px rgba(255,235,186,.9),0 0 4px rgba(246,209,143,.78); }
#collectionView.black-plague-realm-mode > .controls input,
#collectionView.black-plague-realm-mode > .controls select { border-color:#684326;background:rgba(246,226,180,.8);color:#21130d;box-shadow:inset 0 1px 5px rgba(54,29,14,.28); }
#collectionView.black-plague-realm-mode > .controls button { border-color:#42120d;background:linear-gradient(#702219,#35100d);color:#f2dca8;box-shadow:inset 0 0 0 1px #a76b38; }

/* Alpha.121: carry the Command Center's illustrated scroll into archive search. */
#collectionView.black-plague-realm-mode > .controls {
  position:relative;
  isolation:isolate;
  margin:16px 0 18px;
  padding:4px 18px 10px;
  border:46px solid transparent;
  border-width:46px 50px 44px;
  border-image-source:url('../assets/comic-scroll-wide-v124.png');
  border-image-slice:150 140 150 140 fill;
  border-image-width:46px 50px 44px;
  border-image-repeat:stretch;
  outline:0;
  border-radius:0;
  background:transparent;
  box-shadow:none;
  filter:drop-shadow(0 10px 9px rgba(0,0,0,.76));
}
#collectionView.black-plague-realm-mode > .controls::before {
  content:attr(data-realm-search-title);
  display:block;
  margin:-5px 0 12px;
  color:#f0d29a;
  font:900 clamp(.82rem,1.5vw,1.05rem)/1 Georgia,serif;
  letter-spacing:.12em;
  text-align:center;
  text-shadow:1px 1px 0 #321008,0 0 5px rgba(35,10,5,.82);
  text-transform:uppercase;
}
#collectionView.black-plague-realm-mode > .controls input,
#collectionView.black-plague-realm-mode > .controls select {
  border:1px solid #5b311c;
  border-radius:3px;
  background:rgba(239,211,153,.78);
  color:#24130c;
  box-shadow:inset 0 2px 7px rgba(70,34,14,.3),0 1px rgba(255,235,190,.42);
}
#collectionView.black-plague-realm-mode > .controls input::placeholder { color:#76563f;opacity:.9; }
#collectionView.black-plague-realm-mode > .controls input:focus,
#collectionView.black-plague-realm-mode > .controls select:focus {
  outline:2px solid rgba(118,35,24,.34);
  border-color:#7b2d20;
}
#collectionView.black-plague-realm-mode > .controls .search-row > button,
#collectionView.black-plague-realm-mode > .controls .button-row > button {
  border:1px solid #42120d;
  border-radius:3px;
  background:linear-gradient(#7b281d,#3a100d);
  color:#f4dfac;
  box-shadow:inset 0 0 0 1px rgba(211,133,67,.72),0 3px 0 #27100b;
  font-family:Georgia,serif;
  font-weight:800;
}
#collectionView.black-plague-realm-mode > .controls .search-row > button:hover,
#collectionView.black-plague-realm-mode > .controls .button-row > button:hover { filter:brightness(1.12); }
#collectionView.black-plague-realm-mode .collection-toolbar { padding:10px 13px;border:1px solid #6e482a;background:linear-gradient(90deg,#17100d,#2a1710 54%,#120e0c);box-shadow:0 4px 0 #080504;color:#ead7ad; }
#collectionView.black-plague-realm-mode .result-count { color:#e8c883;font-family:Georgia,serif;font-weight:800;letter-spacing:.045em; }
#collectionView.black-plague-realm-mode .bulk-control { color:#d0ad70; }
#collectionView.black-plague-realm-mode .bulk-control select { border-color:#714727;background:#160f0c;color:#f0dfbd; }
#collectionView.black-plague-realm-mode #collectionTree > .group { overflow:hidden;border:2px solid #2e130d;outline:1px solid #89582f;background:linear-gradient(145deg,rgba(26,17,13,.98),rgba(9,8,7,.98));box-shadow:0 7px 0 #070403,0 11px 22px rgba(0,0,0,.36); }
#collectionView.black-plague-realm-mode #collectionTree > .group > .group-header { padding:14px 17px;border:0;border-radius:0;background:linear-gradient(90deg,#7c241b,#3e110e 72%,#1b0b09);color:#f5dfae;font:900 1.05rem/1.2 Georgia,serif;letter-spacing:.075em;text-transform:uppercase;box-shadow:inset 0 0 0 1px #ad6935; }
#collectionView.black-plague-realm-mode .group-header .meta { color:#d9b979;font-size:.72rem;letter-spacing:.04em;text-transform:none; }
#collectionView.black-plague-realm-mode .subcategory { margin:12px; }
#collectionView.black-plague-realm-mode .subcategory-header { padding:10px 12px;border:1px solid #5c3a22;background:linear-gradient(90deg,#241610,#100c0a);color:#dfc492;font-family:Georgia,serif; }
#collectionView.black-plague-realm-mode .product-card { border-color:#6a4528;background:linear-gradient(135deg,#211712,#0f0d0b);box-shadow:inset 0 0 0 1px rgba(229,178,96,.08),0 4px 9px rgba(0,0,0,.3); }

@media (max-width:980px) {
  .realm-collection-hero { grid-template-columns:minmax(280px,1.2fr) minmax(190px,.72fr);min-height:550px; }
  .realm-collection-ledger { grid-column:1/-1;grid-row:2;align-self:end;grid-template-columns:repeat(4,1fr);grid-template-rows:auto;margin:0 18px 18px; }
  .realm-collection-ledger div { border-right:1px solid #604324;border-bottom:0; }
  .realm-collection-ledger div:last-child { border-right:0; }
  .realm-collection-copy { padding-bottom:118px; }
  .realm-collection-box-stage { padding-bottom:115px; }
}
@media (max-width:650px) {
  .realm-collection-hero { display:block;min-height:720px;margin:-7px -7px 18px; }
  .realm-collection-art { background-position:48% center; }
  .realm-collection-copy { position:relative;display:block;padding:68px 22px 230px; }
  .realm-collection-breadcrumb { top:19px;left:21px; }
  .realm-collection-copy h2 { font-size:clamp(2.5rem,15vw,4.2rem); }
  .realm-collection-intro { max-width:95%;font-size:.88rem; }
  .realm-collection-tags span { font-size:.57rem; }
  .realm-collection-box-stage { position:absolute;right:2px;bottom:88px;width:52%;padding:0; }
  .realm-collection-box-stage img { width:100%;max-height:250px; }
  .realm-collection-ledger { position:absolute;left:12px;right:12px;bottom:12px;grid-template-columns:repeat(4,1fr);grid-template-rows:auto;margin:0; }
  .realm-collection-ledger div { padding:9px 3px;border-right:1px solid #604324;border-bottom:0; }
  .realm-collection-ledger span { font-size:.49rem; }
  .realm-collection-ledger strong { font-size:1.32rem; }
  #collectionView.black-plague-realm-mode .collection-toolbar { align-items:stretch; }
  #collectionView.black-plague-realm-mode > .controls {
    margin-inline:-4px;
    padding:0 6px 7px;
    border-width:52px 22px 48px;
    border-image-source:url('../assets/comic-scroll-mobile-v124.png');
    border-image-slice:170 120 180 120 fill;
    border-image-width:52px 22px 48px;
  }
  #collectionView.black-plague-realm-mode > .controls::before { margin-top:-3px;font-size:.75rem;letter-spacing:.08em; }
  #collectionView.black-plague-realm-mode .group-header { align-items:flex-start; }
  #collectionView.black-plague-realm-mode .group-header .meta { text-align:right; }
}
@media (orientation:landscape) and (max-height:600px) and (max-width:950px) {
  .realm-collection-hero { display:grid;grid-template-columns:1.15fr .58fr 140px;min-height:420px;margin:-8px -8px 15px; }
  .realm-collection-copy { padding:55px 8px 25px 24px; }
  .realm-collection-copy h2 { font-size:3.1rem; }
  .realm-collection-intro { margin:10px 0;font-size:.76rem;line-height:1.35; }
  .realm-collection-tags { margin-bottom:9px; }
  .realm-collection-cta { min-width:160px;padding:7px 14px; }
  .realm-collection-box-stage { position:static;width:auto;padding:20px 0 26px; }
  .realm-collection-box-stage img { max-height:250px; }
  .realm-collection-ledger { position:static;grid-column:auto;grid-row:auto;grid-template-columns:1fr;grid-template-rows:repeat(4,1fr);margin:14px 12px 14px 0; }
  .realm-collection-ledger div { padding:6px 3px;border-right:0;border-bottom:1px solid #604324; }
  .realm-collection-ledger div:last-child { border-bottom:0; }
  .realm-collection-ledger strong { font-size:1.35rem; }
}

/* Alpha.104: Black Plague item photography and full archive theming. */
#collectionView.black-plague-realm-mode .subcategory > .collapsible-content {
  display:grid;
  gap:15px;
  padding:4px 0 7px;
}
#collectionView.black-plague-realm-mode .subcategory > .collapsible-content[hidden] { display:none; }
#collectionView.black-plague-realm-mode .black-plague-product-card {
  position:relative;
  isolation:isolate;
  grid-template-columns:190px minmax(0,1fr) 150px;
  gap:14px 18px;
  min-height:218px;
  margin:0;
  padding:15px;
  overflow:hidden;
  border:1px solid #6e4828;
  border-left:5px solid #7d241a;
  border-radius:2px;
  background:
    linear-gradient(90deg,rgba(119,51,23,.1),transparent 36%),
    repeating-linear-gradient(0deg,rgba(255,226,169,.025) 0 1px,transparent 1px 4px),
    linear-gradient(128deg,#2a1a13,#120d0a 70%,#080706);
  box-shadow:inset 0 0 0 1px rgba(230,177,91,.08),inset 0 0 24px rgba(0,0,0,.56),0 6px 0 #080403,0 10px 20px rgba(0,0,0,.32);
}
#collectionView.black-plague-realm-mode .black-plague-product-card::after {
  content:"";
  position:absolute;
  z-index:-1;
  inset:0;
  pointer-events:none;
  background:
    linear-gradient(135deg,transparent 0 48%,rgba(155,71,30,.1) 48.3% 48.8%,transparent 49.1%),
    radial-gradient(circle at 94% 10%,rgba(157,48,29,.18),transparent 24%);
}
#collectionView.black-plague-realm-mode .black-plague-product-card.owned { border-left-color:#8c9b43; }
#collectionView.black-plague-realm-mode .black-plague-product-card.ordered { border-left-color:#4c7da0; }
#collectionView.black-plague-realm-mode .black-plague-product-card.wanted { border-left-color:#9d5b98; }
#collectionView.black-plague-realm-mode .black-plague-product-card.skipped { border-left-color:#68615a; }
.black-plague-product-card .collection-product-visual {
  grid-column:1;
  grid-row:1 / span 2;
  align-self:stretch;
  position:relative;
  display:flex;
  align-items:center;
  justify-content:center;
  min-height:186px;
  padding:8px;
  overflow:hidden;
  border:0;
  border-right:1px solid rgba(192,132,69,.44);
  border-radius:0;
  background:
    radial-gradient(ellipse at center,rgba(181,115,52,.19),transparent 62%),
    linear-gradient(110deg,rgba(255,219,151,.04),rgba(0,0,0,.18));
  box-shadow:none;
}
.black-plague-product-card .collection-product-visual::before {
  content:"";
  position:absolute;
  inset:7px;
  border:1px solid rgba(169,107,52,.2);
  clip-path:polygon(0 0,22% 0,22% 1px,78% 1px,78% 0,100% 0,100% 26%,calc(100% - 1px) 26%,calc(100% - 1px) 74%,100% 74%,100% 100%,78% 100%,78% calc(100% - 1px),22% calc(100% - 1px),22% 100%,0 100%,0 74%,1px 74%,1px 26%,0 26%);
}
.black-plague-product-card .collection-product-visual img {
  display:block;
  width:100%;
  height:178px;
  object-fit:contain;
  object-position:center;
  filter:drop-shadow(6px 8px 6px rgba(0,0,0,.68));
  transition:transform .18s ease,filter .18s ease;
}
.black-plague-product-card .collection-product-visual img[src$=".jpg"] {
  opacity:1;
  mix-blend-mode:normal;
  filter:brightness(1.13) contrast(1.04) saturate(1.04) drop-shadow(6px 8px 5px rgba(0,0,0,.64));
}
.black-plague-product-card .collection-product-visual img[src*="-display.png"] { transform:scale(1.22); }
.black-plague-product-card .collection-product-visual:hover img,
.black-plague-product-card .collection-product-visual:focus-visible img { transform:scale(1.045);filter:drop-shadow(8px 10px 7px rgba(0,0,0,.8)); }
.black-plague-product-card .collection-product-visual:hover img[src$=".jpg"],
.black-plague-product-card .collection-product-visual:focus-visible img[src$=".jpg"] {
  filter:brightness(1.16) contrast(1.05) saturate(1.06) drop-shadow(8px 10px 7px rgba(0,0,0,.76));
}
.black-plague-product-card .collection-product-visual:hover img[src*="-display.png"],
.black-plague-product-card .collection-product-visual:focus-visible img[src*="-display.png"] { transform:scale(1.29); }
.black-plague-product-card.has-supplemental-art .collection-product-visual {
  background:
    radial-gradient(ellipse at 50% 48%,rgba(66,62,59,.34),rgba(18,16,15,.32) 66%,transparent 84%),
    linear-gradient(115deg,rgba(20,18,17,.24),rgba(5,5,5,.18));
  box-shadow:inset 0 0 22px rgba(0,0,0,.52);
}
.black-plague-product-card.has-supplemental-art .collection-product-visual img {
  transform:scale(1.08);
  opacity:1;
  mix-blend-mode:normal;
  filter:contrast(1.04) saturate(.98) drop-shadow(6px 8px 5px rgba(0,0,0,.68));
  -webkit-mask-image:none;
  mask-image:none;
}
.black-plague-product-card.has-supplemental-art .collection-product-visual:hover img,
.black-plague-product-card.has-supplemental-art .collection-product-visual:focus-visible img { transform:scale(1.18); }
.black-plague-product-card .collection-reference-label {
  position:absolute;
  left:8px;right:8px;bottom:7px;
  padding:4px 5px;
  border:1px solid rgba(199,139,71,.58);
  background:rgba(13,8,6,.86);
  color:#d5b275;
  font:800 .5rem/1 Georgia,serif;
  letter-spacing:.11em;
  text-align:center;
  text-transform:uppercase;
  text-shadow:1px 1px #000;
}
.black-plague-product-card.has-reference-art .collection-product-visual img { opacity:1;mix-blend-mode:normal;filter:saturate(.76) sepia(.1) contrast(1.06) brightness(.78); }
.black-plague-product-card[data-product-id="BP-ACC-004"] .collection-product-visual img,
.black-plague-product-card[data-product-id="BP-030"] .collection-product-visual img {
  mix-blend-mode:normal;
  filter:brightness(.88) contrast(1.12) saturate(.88) drop-shadow(6px 8px 6px rgba(0,0,0,.68));
}
.black-plague-product-card .collection-category-crest { display:grid;place-items:center;gap:7px;color:#bc8b4f;text-align:center; }
.black-plague-product-card .collection-category-crest img { width:82px;height:82px;opacity:.74;filter:sepia(1) saturate(.7) drop-shadow(3px 4px 2px #000); }
.black-plague-product-card .collection-category-crest small { font:800 .58rem/1.2 Georgia,serif;letter-spacing:.16em;text-transform:uppercase; }
.black-plague-product-card .product-card-heading { grid-column:2;align-self:center;min-width:0; }
.black-plague-product-card .product-name-button { color:#f2deb1;font:900 clamp(1rem,2vw,1.42rem)/1.08 Georgia,serif;letter-spacing:.025em;text-shadow:2px 2px 0 #250a07;text-transform:uppercase; }
.black-plague-product-card .product-card-heading > .meta { margin-top:7px;color:#b99966;font:700 .7rem/1.2 Georgia,serif;letter-spacing:.08em;text-transform:uppercase; }
.black-plague-product-card .archive-entry-button { padding:8px 12px;border:1px solid #9b5b30;border-radius:1px;background:linear-gradient(#7e281d,#3f120e);color:#f1d69c;font:800 .68rem/1 Georgia,serif;letter-spacing:.1em;text-transform:uppercase;box-shadow:inset 0 0 0 1px rgba(239,173,90,.12),0 3px 0 #080403; }
.black-plague-product-card > .status-select { grid-column:3;align-self:start;border-color:#81502c;background:linear-gradient(#291812,#120d0a);color:#eed8a9;font:800 .74rem Georgia,serif;box-shadow:inset 0 0 0 1px rgba(226,170,88,.1); }
.black-plague-product-card > .product-details { grid-column:2 / 4;display:grid;gap:9px;padding-top:10px;border-top:1px solid rgba(133,84,44,.54); }
.black-plague-product-card .product-details .tag { border-color:#79502f;border-radius:1px;background:#1c120e;color:#cba86b;font-family:Georgia,serif; }
.black-plague-product-card .product-details > .meta { color:#bba98c;line-height:1.4; }
.black-plague-product-card .product-details textarea { border-color:#604027;background:rgba(8,7,6,.7);color:#ead8b7; }
.black-plague-product-card .marketplace-panel { border-color:#5e3d24;background:rgba(8,7,6,.42); }
.black-plague-product-card .marketplace-panel summary { color:#d8b97e; }

/* Alpha.109: carry the illustrated Command Center siege across the complete Black Plague archive. */
#collectionView.black-plague-realm-mode {
  position:relative;
  isolation:isolate;
  margin:-12px;
  width:calc(100% + 24px);
  padding:24px 12px 34px;
}
#collectionView.black-plague-realm-mode::before {
  content:"";
  position:fixed;
  z-index:-2;
  top:74px;
  right:0;
  bottom:0;
  left:230px;
  pointer-events:none;
  background:url('../assets/command-center-siege-v92.webp') center top/cover no-repeat;
  filter:saturate(.9) contrast(1.08) brightness(.72);
}
#collectionView.black-plague-realm-mode::after {
  content:"";
  position:fixed;
  z-index:-1;
  top:74px;
  right:0;
  bottom:0;
  left:230px;
  pointer-events:none;
  background:
    linear-gradient(180deg,rgba(5,5,6,.12),rgba(7,5,4,.38) 54%,rgba(5,4,4,.62)),
    radial-gradient(ellipse at center,transparent 30%,rgba(0,0,0,.46) 100%),
    repeating-linear-gradient(0deg,rgba(255,226,177,.018) 0 1px,transparent 1px 4px);
  box-shadow:inset 0 0 90px rgba(0,0,0,.82);
}
#collectionView.black-plague-realm-mode .realm-collection-hero {
  background:rgba(12,8,7,.38);
  box-shadow:0 12px 32px rgba(0,0,0,.68),inset 0 0 0 2px rgba(234,174,91,.14);
}
#collectionView.black-plague-realm-mode .realm-collection-art {
  background:linear-gradient(90deg,rgba(7,5,5,.38),rgba(7,5,5,.06) 52%,rgba(7,5,5,.72));
  filter:none;
}
#collectionView.black-plague-realm-mode #collectionTree > .group {
  background:linear-gradient(145deg,rgba(26,17,13,.93),rgba(9,8,7,.95));
  backdrop-filter:blur(2px);
}
#collectionView.black-plague-realm-mode .product-card {
  background:linear-gradient(135deg,rgba(33,23,18,.93),rgba(15,13,11,.94));
}
@media (max-width:680px) {
  #collectionView.black-plague-realm-mode { margin:-7px;width:calc(100% + 14px);padding:19px 7px 24px; }
  #collectionView.black-plague-realm-mode::before,
  #collectionView.black-plague-realm-mode::after { top:68px;left:0;bottom:72px; }
  #collectionView.black-plague-realm-mode::before { background-position:58% top; }
}

@media (max-width:780px) {
  #collectionView.black-plague-realm-mode .black-plague-product-card { grid-template-columns:135px minmax(0,1fr);gap:12px;min-height:176px;padding:11px; }
  .black-plague-product-card .collection-product-visual { min-height:150px; }
  .black-plague-product-card .collection-product-visual img { height:142px; }
  .black-plague-product-card .product-card-heading { grid-column:2; }
  .black-plague-product-card > .status-select { grid-column:2;width:100%; }
  .black-plague-product-card > .product-details { grid-column:1 / 3; }
}
@media (max-width:480px) {
  #collectionView.black-plague-realm-mode .subcategory { margin:9px 6px; }
  #collectionView.black-plague-realm-mode .black-plague-product-card { grid-template-columns:112px minmax(0,1fr);gap:10px;border-left-width:4px; }
  .black-plague-product-card .collection-product-visual { min-height:132px;padding:4px; }
  .black-plague-product-card .collection-product-visual img { height:126px; }
  .black-plague-product-card .collection-category-crest img { width:58px;height:58px; }
  .black-plague-product-card .product-name-button { font-size:.9rem; }
  .black-plague-product-card .archive-entry-button { width:100%;font-size:.58rem;padding:7px 6px; }
  .black-plague-product-card > .product-details { padding-top:8px; }
}

@media (prefers-reduced-motion:reduce) {
  .realm-open-button,.comic-quick-actions button,.collection-product-visual img { transition:none!important; }
}

/* Alpha.126: fit the complete realm interface inside the portrait scroll. */
body:has(#dashboardView.active) .realm-card {
  min-height:360px;
  padding:70px 12px 18px;
}
body:has(#dashboardView.active) .realm-card header {
  top:20px;
  right:17px;
  left:17px;
}
body:has(#dashboardView.active) .realm-card-body { height:250px; }
body:has(#dashboardView.active) .realm-card-body > img,
body:has(#dashboardView.active) .realm-black-plague .realm-card-body > img,
body:has(#dashboardView.active) .realm-green-horde .realm-card-body > img,
body:has(#dashboardView.active) .realm-white-death .realm-card-body > img {
  right:2px;
  bottom:28px;
  left:2px;
  width:calc(100% - 4px);
  height:245px;
  transform:scale(.92);
  transform-origin:center bottom;
}
body:has(#dashboardView.active) .realm-white-death .realm-card-body > img { transform:scale(.86); }
body:has(#dashboardView.active) .realm-stats {
  top:7px;
  right:6px;
  bottom:62px;
  width:80px;
}
body:has(#dashboardView.active) .realm-open-button {
  right:20px;
  bottom:28px;
}

@media (max-width:760px) {
  body:has(#dashboardView.active) .realm-card { min-height:348px;padding:64px 10px 16px; }
  body:has(#dashboardView.active) .realm-card header { top:17px;right:13px;left:13px; }
  body:has(#dashboardView.active) .realm-card-body { height:252px; }
  body:has(#dashboardView.active) .realm-card-body > img,
  body:has(#dashboardView.active) .realm-black-plague .realm-card-body > img,
  body:has(#dashboardView.active) .realm-green-horde .realm-card-body > img,
  body:has(#dashboardView.active) .realm-white-death .realm-card-body > img {
    right:2px;
    bottom:27px;
    left:2px;
    width:calc(100% - 4px);
    height:240px;
    transform:scale(.9)!important;
  }
  body:has(#dashboardView.active) .realm-white-death .realm-card-body > img { transform:scale(.84)!important; }
  body:has(#dashboardView.active) .realm-stats { top:8px;right:6px;bottom:61px;width:76px; }
  body:has(#dashboardView.active) .realm-open-button { right:17px;bottom:27px; }
}

@media (orientation:landscape) and (max-height:600px) and (max-width:950px) {
  body:has(#dashboardView.active) .realm-card { min-height:282px;padding-top:55px; }
  body:has(#dashboardView.active) .realm-card header { top:12px;right:10px;left:10px; }
  body:has(#dashboardView.active) .realm-card-body { height:205px; }
  body:has(#dashboardView.active) .realm-card-body > img,
  body:has(#dashboardView.active) .realm-black-plague .realm-card-body > img,
  body:has(#dashboardView.active) .realm-green-horde .realm-card-body > img,
  body:has(#dashboardView.active) .realm-white-death .realm-card-body > img {
    right:2px;
    bottom:22px;
    left:2px;
    width:calc(100% - 4px);
    height:190px;
    transform:scale(.86)!important;
  }
  body:has(#dashboardView.active) .realm-stats { top:4px;right:3px;bottom:48px;width:58px; }
  body:has(#dashboardView.active) .realm-open-button { right:12px;bottom:22px; }
}

/* Alpha.127: place realm labels and actions on the parchment, clear of its rolls. */
body:has(#dashboardView.active) .realm-card header {
  top:62px;
  right:24px;
  left:24px;
}
body:has(#dashboardView.active) .realm-open-button {
  right:24px;
  bottom:70px;
}

@media (max-width:760px) {
  body:has(#dashboardView.active) .realm-card header { top:52px;right:28px;left:28px; }
  body:has(#dashboardView.active) .realm-card-body > img,
  body:has(#dashboardView.active) .realm-black-plague .realm-card-body > img,
  body:has(#dashboardView.active) .realm-green-horde .realm-card-body > img,
  body:has(#dashboardView.active) .realm-white-death .realm-card-body > img { height:225px;transform:scale(.72)!important; }
  body:has(#dashboardView.active) .realm-white-death .realm-card-body > img { transform:scale(.68)!important; }
  body:has(#dashboardView.active) .realm-open-button { right:28px;bottom:60px; }
}

@media (orientation:landscape) and (max-height:600px) and (max-width:950px) {
  body:has(#dashboardView.active) .realm-card header { top:42px;right:15px;left:15px; }
  body:has(#dashboardView.active) .realm-open-button { right:15px;bottom:50px; }
}

/* Alpha.130: Green Horde and White Death inherit the Black Plague gold-standard realm experience. */
#collectionView.green-horde-realm-mode {
  --realm-accent:#91ad55;
  --realm-accent-bright:#c3d77b;
  --realm-accent-dark:#273a18;
  --realm-edge:#78904a;
  --realm-ink:#10170c;
  --realm-accent-soft:rgba(145,173,85,.18);
  --realm-highlight-faint:rgba(223,239,174,.035);
  --realm-line:rgba(120,144,74,.58);
  --realm-panel:#182013;
  --realm-ink-soft:rgba(16,23,12,.86);
}
#collectionView.white-death-realm-mode {
  --realm-accent:#8fb9cd;
  --realm-accent-bright:#d3edf5;
  --realm-accent-dark:#294959;
  --realm-edge:#7ca8bc;
  --realm-ink:#0b141a;
  --realm-accent-soft:rgba(143,185,205,.18);
  --realm-highlight-faint:rgba(221,243,250,.04);
  --realm-line:rgba(124,168,188,.6);
  --realm-panel:#162832;
  --realm-ink-soft:rgba(11,20,26,.88);
}

#collectionView.green-horde-realm-mode::before {
  background-image:url('../assets/halls/core-art/green-horde.webp');
  background-position:center top;
  filter:saturate(.9) contrast(1.08) brightness(.66);
}
#collectionView.white-death-realm-mode::before {
  background-image:url('../assets/halls/core-art/white-death.webp');
  background-position:center top;
  filter:saturate(.82) contrast(1.08) brightness(.7);
}
#collectionView.green-horde-realm-mode::after {
  background:
    linear-gradient(180deg,rgba(8,13,5,.1),rgba(7,12,5,.36) 54%,rgba(5,8,4,.7)),
    radial-gradient(ellipse at center,transparent 28%,rgba(2,6,2,.52) 100%),
    repeating-linear-gradient(0deg,rgba(216,238,154,.018) 0 1px,transparent 1px 4px);
}
#collectionView.white-death-realm-mode::after {
  background:
    linear-gradient(180deg,rgba(7,18,25,.08),rgba(5,15,22,.32) 54%,rgba(4,10,15,.68)),
    radial-gradient(ellipse at center,transparent 30%,rgba(2,7,12,.5) 100%),
    repeating-linear-gradient(0deg,rgba(218,241,249,.02) 0 1px,transparent 1px 4px);
}

#collectionView.green-horde-realm-mode .realm-collection-hero,
#collectionView.white-death-realm-mode .realm-collection-hero {
  border-color:var(--realm-ink);
  outline-color:var(--realm-edge);
  background:rgba(7,12,7,.28);
  box-shadow:0 12px 32px rgba(0,0,0,.7),inset 0 0 0 2px var(--realm-accent-soft);
}
#collectionView.green-horde-realm-mode .realm-collection-art,
#collectionView.white-death-realm-mode .realm-collection-art {
  background:linear-gradient(90deg,rgba(4,8,4,.34),rgba(4,8,4,.04) 52%,rgba(4,8,4,.72));
  filter:none;
}
#collectionView.white-death-realm-mode .realm-collection-art {
  background:linear-gradient(90deg,rgba(4,10,15,.4),rgba(4,10,15,.03) 52%,rgba(4,10,15,.7));
}
#collectionView.green-horde-realm-mode .realm-collection-kicker,
#collectionView.white-death-realm-mode .realm-collection-kicker,
#collectionView.green-horde-realm-mode .realm-collection-breadcrumb,
#collectionView.white-death-realm-mode .realm-collection-breadcrumb {
  color:var(--realm-accent-bright);
}
#collectionView.green-horde-realm-mode .realm-collection-breadcrumb button,
#collectionView.white-death-realm-mode .realm-collection-breadcrumb button,
#collectionView.green-horde-realm-mode .realm-collection-copy h2,
#collectionView.white-death-realm-mode .realm-collection-copy h2 {
  color:var(--realm-accent-bright);
}
#collectionView.green-horde-realm-mode .realm-collection-tags span,
#collectionView.white-death-realm-mode .realm-collection-tags span {
  border-color:var(--realm-edge);
  background:var(--realm-ink-soft);
  color:var(--realm-accent-bright);
}
#collectionView.green-horde-realm-mode .realm-collection-cta,
#collectionView.white-death-realm-mode .realm-collection-cta,
#collectionView.green-horde-realm-mode > .controls .search-row > button,
#collectionView.green-horde-realm-mode > .controls .button-row > button,
#collectionView.white-death-realm-mode > .controls .search-row > button,
#collectionView.white-death-realm-mode > .controls .button-row > button {
  border-color:var(--realm-ink);
  outline-color:var(--realm-edge);
  background:linear-gradient(var(--realm-accent),var(--realm-accent-dark));
  color:#f6f0d9;
  box-shadow:inset 0 0 0 1px var(--realm-line),0 3px 0 #070a06;
}
#collectionView.green-horde-realm-mode .realm-collection-ledger,
#collectionView.white-death-realm-mode .realm-collection-ledger {
  outline-color:var(--realm-edge);
  background:linear-gradient(var(--realm-panel),rgba(5,8,7,.96));
}
#collectionView.green-horde-realm-mode .realm-collection-ledger div,
#collectionView.white-death-realm-mode .realm-collection-ledger div {
  border-color:var(--realm-line);
}
#collectionView.green-horde-realm-mode .realm-collection-ledger span,
#collectionView.white-death-realm-mode .realm-collection-ledger span,
#collectionView.green-horde-realm-mode .realm-collection-ledger strong,
#collectionView.white-death-realm-mode .realm-collection-ledger strong,
#collectionView.green-horde-realm-mode .realm-collection-ledger .realm-completion-stat strong,
#collectionView.white-death-realm-mode .realm-collection-ledger .realm-completion-stat strong {
  color:var(--realm-accent-bright);
  text-shadow:2px 2px 0 var(--realm-ink);
}

#collectionView.green-horde-realm-mode .collection-toolbar,
#collectionView.white-death-realm-mode .collection-toolbar {
  border-color:var(--realm-edge);
  background:linear-gradient(90deg,var(--realm-ink),var(--realm-panel) 54%,var(--realm-ink));
}
#collectionView.green-horde-realm-mode .result-count,
#collectionView.green-horde-realm-mode .bulk-control,
#collectionView.white-death-realm-mode .result-count,
#collectionView.white-death-realm-mode .bulk-control {
  color:var(--realm-accent-bright);
}
#collectionView.green-horde-realm-mode #collectionTree > .group,
#collectionView.white-death-realm-mode #collectionTree > .group {
  border-color:var(--realm-ink);
  outline-color:var(--realm-edge);
  background:linear-gradient(145deg,var(--realm-panel),rgba(7,9,8,.96));
}
#collectionView.green-horde-realm-mode #collectionTree > .group > .group-header,
#collectionView.white-death-realm-mode #collectionTree > .group > .group-header {
  background:linear-gradient(90deg,var(--realm-accent-dark),var(--realm-panel) 72%,var(--realm-ink));
  color:var(--realm-accent-bright);
  box-shadow:inset 0 0 0 1px var(--realm-edge);
}
#collectionView.green-horde-realm-mode .group-header .meta,
#collectionView.white-death-realm-mode .group-header .meta {
  color:var(--realm-accent);
}
#collectionView.green-horde-realm-mode .subcategory-header,
#collectionView.white-death-realm-mode .subcategory-header {
  border-color:var(--realm-edge);
  background:linear-gradient(90deg,var(--realm-panel),var(--realm-ink));
  color:var(--realm-accent-bright);
}
#collectionView.green-horde-realm-mode .black-plague-product-card,
#collectionView.white-death-realm-mode .black-plague-product-card {
  border-color:var(--realm-edge);
  border-left-color:var(--realm-accent-dark);
  background:
    linear-gradient(90deg,var(--realm-accent-soft),transparent 36%),
    repeating-linear-gradient(0deg,var(--realm-highlight-faint) 0 1px,transparent 1px 4px),
    linear-gradient(128deg,var(--realm-panel),#0b0d0c 70%,#050706);
}
#collectionView.green-horde-realm-mode .black-plague-product-card::after,
#collectionView.white-death-realm-mode .black-plague-product-card::after {
  background:
    linear-gradient(135deg,transparent 0 48%,var(--realm-accent-soft) 48.3% 48.8%,transparent 49.1%),
    radial-gradient(circle at 94% 10%,var(--realm-accent-soft),transparent 24%);
}
#collectionView.green-horde-realm-mode .black-plague-product-card .product-name-button,
#collectionView.white-death-realm-mode .black-plague-product-card .product-name-button,
#collectionView.green-horde-realm-mode .black-plague-product-card .product-card-heading > .meta,
#collectionView.white-death-realm-mode .black-plague-product-card .product-card-heading > .meta {
  color:var(--realm-accent-bright);
}
#collectionView.green-horde-realm-mode .black-plague-product-card .archive-entry-button,
#collectionView.white-death-realm-mode .black-plague-product-card .archive-entry-button {
  border-color:var(--realm-edge);
  background:linear-gradient(var(--realm-accent),var(--realm-accent-dark));
  color:#fff4d8;
}
#collectionView.green-horde-realm-mode .black-plague-product-card > .status-select,
#collectionView.white-death-realm-mode .black-plague-product-card > .status-select {
  border-color:var(--realm-edge);
  background:linear-gradient(var(--realm-panel),var(--realm-ink));
  color:var(--realm-accent-bright);
}
#collectionView.green-horde-realm-mode .black-plague-product-card .collection-product-visual,
#collectionView.white-death-realm-mode .black-plague-product-card .collection-product-visual {
  border-right-color:var(--realm-line);
  background:radial-gradient(ellipse at center,var(--realm-accent-soft),transparent 62%),linear-gradient(110deg,var(--realm-highlight-faint),rgba(0,0,0,.2));
}
#collectionView.green-horde-realm-mode .collection-category-crest,
#collectionView.white-death-realm-mode .collection-category-crest {
  color:var(--realm-accent-bright);
}
#collectionView.green-horde-realm-mode .collection-category-crest img,
#collectionView.white-death-realm-mode .collection-category-crest img {
  filter:drop-shadow(3px 4px 2px #000);
}

@media (max-width:680px) {
  #collectionView.green-horde-realm-mode::before { background-position:54% top; }
  #collectionView.white-death-realm-mode::before { background-position:62% top; }
}

/* Alpha.141: illustrated master Collection Vault. */
.collection-fixed-backdrop { display:none; }
body:has(#collectionView.active) .collection-fixed-backdrop {
  display:block;
  position:fixed;
  z-index:0;
  inset:0;
  pointer-events:none;
  background-color:#080706;
  background-image:linear-gradient(180deg,rgba(8,7,6,.1),rgba(8,6,5,.42) 54%,rgba(8,7,6,.7)),url('../assets/collection-vault-v141.webp');
  background-position:center;
  background-size:cover;
  background-repeat:no-repeat;
  filter:saturate(.92) contrast(1.08);
}
body:has(#collectionView.black-plague-realm-mode.active) .collection-fixed-backdrop { display:none; }
body:has(#collectionView.active:not(.black-plague-realm-mode)) .command-main { position:relative;z-index:1;background:transparent; }
#collectionView.active:not(.black-plague-realm-mode) { position:relative;isolation:isolate;padding:20px 18px 140px; }

.collection-archive-hero {
  position:relative;
  display:grid;
  grid-template-columns:minmax(0,1fr) 142px minmax(210px,260px);
  gap:24px;
  align-items:center;
  min-height:300px;
  margin-bottom:22px;
  padding:36px 30px 34px;
  overflow:hidden;
  border:3px solid #1a0e09;
  outline:2px solid #a24628;
  background:linear-gradient(90deg,rgba(12,9,8,.96) 0 46%,rgba(37,16,11,.72) 68%,rgba(7,6,5,.9)),url('../assets/collection-vault-v141.webp') center 46%/cover;
  box-shadow:0 0 0 5px #090604,0 15px 34px rgba(0,0,0,.78),inset 0 0 55px #000;
}
.collection-archive-hero[hidden] { display:none; }
.collection-archive-hero::before,.collection-archive-hero::after {
  content:"";
  position:absolute;
  left:0;
  right:0;
  z-index:3;
  height:12px;
  background:linear-gradient(180deg,#100906,#77301e 28%,#d06437 39%,#3b160e 54%,#090605);
  box-shadow:0 2px 0 #c9893f,0 5px 0 #070403;
}
.collection-archive-hero::before { top:0; }
.collection-archive-hero::after { bottom:0;transform:rotate(180deg); }
.collection-archive-copy,.collection-vault-seal,.collection-archive-ledger { position:relative;z-index:2; }
.collection-archive-kicker { margin:0;color:#e45e3c;font:900 .72rem/1 Georgia,serif;letter-spacing:.18em;text-transform:uppercase;text-shadow:2px 2px #000; }
.collection-archive-copy h2 { margin:9px 0 10px;color:#f4e5c3;font:900 clamp(2.8rem,5.2vw,5rem)/.92 Impact,'Arial Narrow',Georgia,serif;letter-spacing:.025em;text-transform:uppercase;-webkit-text-stroke:1px #30150d;text-shadow:3px 3px 0 #7c291b,6px 6px 0 #080504; }
.collection-archive-copy>p:not(.collection-archive-kicker) { max-width:650px;margin:0;color:#e2d3b5;font-size:.9rem;font-weight:650;line-height:1.55;text-shadow:0 2px 3px #000; }
.collection-archive-tags { display:flex;flex-wrap:wrap;gap:7px;margin-top:18px; }
.collection-archive-tags span { padding:6px 9px;border:1px solid #a96632;background:rgba(28,13,9,.86);color:#e7c27c;font:800 .57rem/1 Georgia,serif;letter-spacing:.09em;text-transform:uppercase;box-shadow:2px 3px 0 #090504; }
.collection-vault-seal { display:grid;place-items:center;width:126px;aspect-ratio:1;margin:auto;border:3px solid #c27d39;border-radius:50%;background:radial-gradient(circle,#5f2118 0 36%,#1b0d09 37% 58%,#9f5d2b 59% 62%,#0d0907 63%);box-shadow:0 0 0 5px #080504,0 0 0 7px #812c1d,0 10px 24px #000;color:#f2c46e; }
.collection-vault-seal svg { width:50px;height:50px;fill:none;stroke:currentColor;stroke-width:1.6;filter:drop-shadow(2px 3px 0 #000); }
.collection-vault-seal small { margin-top:-19px;color:#f1d39a;font:800 .55rem/1.15 Georgia,serif;letter-spacing:.12em;text-align:center;text-transform:uppercase;text-shadow:1px 1px #000; }
.collection-archive-ledger { display:grid;grid-template-columns:repeat(2,1fr);align-self:stretch;border:2px solid #160c08;outline:1px solid #9d6231;background:rgba(10,8,7,.91);box-shadow:inset 0 0 0 2px rgba(224,171,83,.08),6px 8px 0 rgba(0,0,0,.5); }
.collection-archive-ledger div { display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:96px;padding:9px;border-right:1px solid #5e3b21;border-bottom:1px solid #5e3b21;text-align:center; }
.collection-archive-ledger div:nth-child(even) { border-right:0; }
.collection-archive-ledger div:nth-last-child(-n+2) { border-bottom:0; }
.collection-archive-ledger span { color:#cfa96c;font:800 .56rem/1.2 Georgia,serif;letter-spacing:.1em;text-transform:uppercase; }
.collection-archive-ledger strong { margin-top:5px;color:#f1dbaf;font:900 1.75rem/.9 Georgia,serif;text-shadow:2px 2px #581b13; }
.collection-archive-ledger div:last-child strong { color:#df5b3d; }

#collectionView.active:not(.black-plague-realm-mode) > .controls {
  position:relative;
  isolation:isolate;
  margin:16px 0 20px;
  padding:5px 20px 11px;
  border:46px solid transparent;
  border-width:46px 52px 45px;
  border-image-source:url('../assets/comic-scroll-wide-v124.png');
  border-image-slice:150 140 150 140 fill;
  border-image-width:46px 52px 45px;
  border-image-repeat:stretch;
  border-radius:0;
  outline:0;
  background:transparent;
  box-shadow:none;
  filter:drop-shadow(0 10px 9px rgba(0,0,0,.75));
}
#collectionView.active:not(.black-plague-realm-mode) > .controls::before { content:"Search the Master Collection";display:block;margin:-6px 0 12px;color:#6b2418;font:900 clamp(.88rem,1.5vw,1.08rem)/1 Impact,'Arial Narrow',Georgia,serif;letter-spacing:.1em;text-align:center;text-transform:uppercase;text-shadow:1px 1px rgba(255,231,178,.8); }
#collectionView.active:not(.black-plague-realm-mode) > .controls label { color:#391b10;font-family:Georgia,serif;font-weight:800;text-shadow:0 1px rgba(255,237,194,.85); }
#collectionView.active:not(.black-plague-realm-mode) > .controls input,
#collectionView.active:not(.black-plague-realm-mode) > .controls select { border:2px solid #654021;border-radius:2px;background:rgba(242,217,163,.78);color:#21120b;box-shadow:inset 0 2px 7px rgba(58,28,13,.28); }
#collectionView.active:not(.black-plague-realm-mode) > .controls input::placeholder { color:#76543b;opacity:.9; }
#collectionView.active:not(.black-plague-realm-mode) > .controls button { border:2px solid #35120d;border-radius:0;background:linear-gradient(#8b2f21,#3d100c);color:#f5dfac;box-shadow:inset 0 0 0 1px #c27539,0 3px 0 #24100b;font-family:Impact,'Arial Narrow',Georgia,serif;letter-spacing:.04em;text-transform:uppercase; }
#collectionView.active:not(.black-plague-realm-mode) .collection-toolbar { padding:12px 16px;border:2px solid #1e100b;border-left:7px solid #a83b26;background:linear-gradient(90deg,rgba(16,12,10,.97),rgba(49,22,15,.92));box-shadow:0 0 0 1px #8f582c,5px 7px 0 rgba(0,0,0,.5); }
#collectionView.active:not(.black-plague-realm-mode) .result-count { color:#efd394;font-family:Georgia,serif;font-weight:800; }
#collectionView.active:not(.black-plague-realm-mode) .bulk-control { color:#d4b275;font-weight:800; }
#collectionView.active:not(.black-plague-realm-mode) .bulk-control select { border-color:#7b4b29;background:#160e0b;color:#f1ddb2; }
#collectionView.active:not(.black-plague-realm-mode) #collectionTree { display:grid;gap:13px;margin-top:16px; }
#collectionView.active:not(.black-plague-realm-mode) #collectionTree>.group { overflow:hidden;margin:0;border:2px solid #1e100b;outline:1px solid #86522b;background:rgba(11,9,8,.91);box-shadow:0 7px 0 #060403,0 11px 20px rgba(0,0,0,.45); }
#collectionView.active:not(.black-plague-realm-mode) #collectionTree>.group>.group-header { position:relative;min-height:55px;padding:13px 18px;border:0;border-radius:0;background:linear-gradient(92deg,#82291e,#3b100d 66%,#170b08);color:#f3dfb1;font:900 1rem/1.15 Impact,'Arial Narrow',Georgia,serif;letter-spacing:.065em;text-transform:uppercase;box-shadow:inset 0 0 0 1px #b56c34;text-shadow:2px 2px #210907; }
#collectionView.active:not(.black-plague-realm-mode) #collectionTree>.group:nth-child(3n+2)>.group-header { background:linear-gradient(92deg,#4d662e,#243116 66%,#101409);box-shadow:inset 0 0 0 1px #8aa34a; }
#collectionView.active:not(.black-plague-realm-mode) #collectionTree>.group:nth-child(3n)>.group-header { background:linear-gradient(92deg,#355968,#1b3039 66%,#0d1417);box-shadow:inset 0 0 0 1px #628ca0; }
#collectionView.active:not(.black-plague-realm-mode) .group-header .meta { color:#e2c58d;font-family:Georgia,serif;font-size:.7rem;letter-spacing:.02em;text-transform:none;text-shadow:1px 1px #000; }
#collectionView.active:not(.black-plague-realm-mode) .subcategory { margin:11px; }
#collectionView.active:not(.black-plague-realm-mode) .subcategory-header { padding:11px 13px;border:1px solid #6a4526;background:linear-gradient(90deg,rgba(37,21,14,.98),rgba(14,11,9,.98));color:#e4ca98;font-family:Georgia,serif;box-shadow:inset 4px 0 #9c3d28; }
#collectionView.active:not(.black-plague-realm-mode) .subcategory-header .meta { color:#bfa171; }

@media (max-width:980px) {
  .collection-archive-hero { grid-template-columns:minmax(0,1fr) 110px;min-height:410px; }
  .collection-vault-seal { width:96px; }
  .collection-archive-ledger { grid-column:1/-1;grid-template-columns:repeat(4,1fr); }
  .collection-archive-ledger div,.collection-archive-ledger div:nth-child(even),.collection-archive-ledger div:nth-last-child(-n+2) { min-height:75px;border-right:1px solid #5e3b21;border-bottom:0; }
  .collection-archive-ledger div:last-child { border-right:0; }
}
@media (max-width:680px) {
  #collectionView.active:not(.black-plague-realm-mode) { margin:-5px;width:calc(100% + 10px);padding:12px 7px calc(130px + env(safe-area-inset-bottom)); }
  body:has(#collectionView.active) .collection-fixed-backdrop { background-position:53% center; }
  .collection-archive-hero { display:block;min-height:355px;padding:29px 19px 24px; }
  .collection-archive-copy h2 { max-width:76%;font-size:2.45rem; }
  .collection-archive-copy>p:not(.collection-archive-kicker) { max-width:77%;font-size:.78rem; }
  .collection-archive-tags { max-width:77%; }
  .collection-vault-seal { position:absolute;right:18px;top:38px;width:70px; }
  .collection-vault-seal small { display:none; }
  .collection-vault-seal svg { width:34px;height:34px; }
  .collection-archive-ledger { position:absolute;right:14px;bottom:22px;left:14px;grid-template-columns:repeat(4,1fr); }
  .collection-archive-ledger div { min-height:62px;padding:6px 2px; }
  .collection-archive-ledger span { font-size:.42rem; }
  .collection-archive-ledger strong { font-size:1.18rem; }
  #collectionView.active:not(.black-plague-realm-mode) > .controls { padding:4px 8px 9px;border-width:38px 24px 40px;border-image-slice:145 95 145 95;border-image-width:38px 24px 40px; }
  #collectionView.active:not(.black-plague-realm-mode) > .controls::before { margin-top:-2px;font-size:.75rem; }
  #collectionView.active:not(.black-plague-realm-mode) .collection-toolbar { align-items:stretch; }
  #collectionView.active:not(.black-plague-realm-mode) #collectionTree>.group>.group-header { align-items:flex-start;padding:12px 10px;font-size:.82rem; }
  #collectionView.active:not(.black-plague-realm-mode) .group-header .meta { max-width:45%;text-align:right;font-size:.57rem; }
}

/* Alpha.142: fortified Collector Market. */
.market-fixed-backdrop { display:none; }
body:has(#collectorHubView.active) .market-fixed-backdrop {
  display:block;
  position:fixed;
  z-index:0;
  inset:0;
  pointer-events:none;
  background-color:#080706;
  background-image:linear-gradient(180deg,rgba(8,7,6,.08),rgba(8,6,5,.43) 55%,rgba(7,6,5,.74)),url('../assets/collector-market-v142.webp');
  background-position:center;
  background-size:cover;
  background-repeat:no-repeat;
  filter:saturate(.92) contrast(1.08);
}
body:has(#collectorHubView.active) .command-main { position:relative;z-index:1;background:transparent; }
#collectorHubView.active { position:relative;isolation:isolate;padding:20px 18px 140px; }
#collectorHubView .hub-heading {
  position:relative;
  display:flex;
  align-items:center;
  min-height:285px;
  margin-bottom:20px;
  padding:36px 42px;
  overflow:hidden;
  border:3px solid #190e09;
  outline:2px solid #a04627;
  background:linear-gradient(90deg,rgba(12,9,8,.97) 0 52%,rgba(39,17,10,.75) 72%,rgba(8,6,5,.73)),url('../assets/collector-market-v142.webp') center 46%/cover;
  box-shadow:0 0 0 5px #090604,0 15px 34px rgba(0,0,0,.78),inset 0 0 55px #000;
}
#collectorHubView .hub-heading::before,#collectorHubView .hub-heading::after { content:"";position:absolute;left:0;right:0;z-index:3;height:12px;background:linear-gradient(180deg,#100906,#7c321d 28%,#d06a38 39%,#3d170e 54%,#090605);box-shadow:0 2px 0 #c58b42,0 5px 0 #070403; }
#collectorHubView .hub-heading::before { top:0; }
#collectorHubView .hub-heading::after { bottom:0;transform:rotate(180deg); }
#collectorHubView .hub-heading>div:first-child { position:relative;z-index:2;max-width:710px; }
#collectorHubView .hub-heading .eyebrow { margin:0;color:#e65f3d;font:900 .72rem/1 Georgia,serif;letter-spacing:.18em;text-transform:uppercase;text-shadow:2px 2px #000; }
#collectorHubView .hub-heading h2 { margin:10px 0 12px;color:#f4e5c3;font:900 clamp(3rem,5.6vw,5.2rem)/.91 Impact,'Arial Narrow',Georgia,serif;letter-spacing:.025em;text-transform:uppercase;-webkit-text-stroke:1px #30150d;text-shadow:3px 3px 0 #7c291b,6px 6px 0 #080504; }
#collectorHubView .hub-heading .muted { max-width:640px;color:#e3d3b4;font-size:.92rem;font-weight:650;line-height:1.55;text-shadow:0 2px 3px #000; }
.market-hall-seal { position:absolute;right:58px;z-index:2;display:grid;place-items:center;width:135px;aspect-ratio:1;border:3px solid #c47e39;border-radius:50%;background:radial-gradient(circle,#5f2118 0 36%,#1b0d09 37% 58%,#a0602c 59% 62%,#0d0907 63%);box-shadow:0 0 0 5px #080504,0 0 0 7px #812c1d,0 10px 24px #000;color:#f2c46e; }
.market-hall-seal svg { width:52px;height:52px;fill:none;stroke:currentColor;stroke-width:1.55;filter:drop-shadow(2px 3px 0 #000); }
.market-hall-seal small { margin-top:-21px;color:#f1d39a;font:800 .55rem/1.15 Georgia,serif;letter-spacing:.12em;text-align:center;text-transform:uppercase;text-shadow:1px 1px #000; }

#collectorHubView .hub-metrics { grid-template-columns:repeat(5,minmax(0,1fr));gap:10px;margin:0 0 20px; }
#collectorHubView .hub-metrics .metric-card { position:relative;min-height:105px;padding:18px 14px;border:2px solid #1b0f0a;border-radius:0;outline:1px solid #8d572d;background:linear-gradient(145deg,rgba(30,17,12,.96),rgba(10,8,7,.96));box-shadow:inset 0 0 0 2px rgba(218,164,79,.06),4px 6px 0 rgba(0,0,0,.52); }
#collectorHubView .hub-metrics .metric-card::before { content:"";position:absolute;top:0;right:0;left:0;height:5px;background:#9d3b27; }
#collectorHubView .hub-metrics .metric-card:nth-child(2)::before { background:#be5838; }
#collectorHubView .hub-metrics .metric-card:nth-child(3)::before { background:#4d7289; }
#collectorHubView .hub-metrics .metric-card:nth-child(4)::before { background:#52723d; }
#collectorHubView .hub-metrics .metric-card:nth-child(5)::before { background:#bd8b3d; }
#collectorHubView .hub-metrics .metric-card span { color:#d2ad71;font:800 .62rem/1.2 Georgia,serif;letter-spacing:.09em;text-transform:uppercase; }
#collectorHubView .hub-metrics .metric-card strong { color:#f2ddb2;font:900 2rem/.95 Georgia,serif;text-shadow:2px 2px #5a1b12; }

#collectorHubView .hub-search-panel { position:relative;isolation:isolate;margin:18px 0 26px;padding:7px 22px 13px;border:48px solid transparent;border-width:47px 54px 46px;border-image-source:url('../assets/comic-scroll-wide-v124.png');border-image-slice:150 140 150 140 fill;border-image-width:47px 54px 46px;border-image-repeat:stretch;border-radius:0;background:transparent;box-shadow:none;filter:drop-shadow(0 11px 9px rgba(0,0,0,.78)); }
#collectorHubView .hub-search-panel>div:first-child { text-align:center; }
#collectorHubView .hub-search-panel>div:first-child strong { color:#6a2418;font:900 1rem/1 Impact,'Arial Narrow',Georgia,serif;letter-spacing:.1em;text-transform:uppercase;text-shadow:1px 1px rgba(255,231,177,.8); }
#collectorHubView .hub-search-panel .muted { color:#60432e;font-family:Georgia,serif;font-weight:700; }
#collectorHubView .hub-search-row input { border:2px solid #654021;border-radius:2px;background:rgba(242,217,163,.8);color:#21120b;box-shadow:inset 0 2px 7px rgba(58,28,13,.28);font-family:Georgia,serif;font-weight:750; }
#collectorHubView .hub-search-row input::placeholder { color:#74533b;opacity:.9; }
#collectorHubView .hub-search-row button { min-height:43px;border-width:2px;border-radius:0;box-shadow:inset 0 0 0 1px rgba(255,225,161,.2),0 3px 0 #24100b;font-family:Impact,'Arial Narrow',Georgia,serif;letter-spacing:.035em;text-transform:uppercase; }

#collectorHubView .hub-section { margin-top:25px; }
#collectorHubView .hub-section-heading { min-height:74px;margin:0 0 14px;padding:13px 18px;border:2px solid #1d0f0a;border-left:7px solid #a63d27;background:linear-gradient(90deg,rgba(17,12,10,.97),rgba(55,24,16,.92));box-shadow:0 0 0 1px #8d572e,5px 7px 0 rgba(0,0,0,.52); }
#collectorHubView .hub-section-heading h2 { color:#f1dfb8;font:900 1.55rem/1 Impact,'Arial Narrow',Georgia,serif;letter-spacing:.045em;text-transform:uppercase;text-shadow:2px 2px #4d160f; }
#collectorHubView .hub-section-heading .muted { margin-top:6px;color:#c8aa75;font-family:Georgia,serif;font-weight:650; }
#collectorHubView .hub-section-heading button { border:2px solid #35120d;border-radius:0;background:linear-gradient(#8a2e20,#3c100c);color:#f5dfac;box-shadow:inset 0 0 0 1px #c17438,0 3px 0 #24100b;font-family:Impact,'Arial Narrow',Georgia,serif;letter-spacing:.04em;text-transform:uppercase; }
#collectorHubView .hub-grid { gap:14px; }
#collectorHubView .hub-item-card { position:relative;overflow:hidden;min-height:190px;padding:17px;border:2px solid #28160f;border-left:6px solid #9f3926;border-radius:0;outline:1px solid #86552d;background:radial-gradient(circle at 90% 8%,rgba(163,85,37,.1),transparent 28%),linear-gradient(145deg,rgba(31,20,15,.97),rgba(10,9,8,.98));box-shadow:inset 0 0 0 2px rgba(219,165,79,.05),6px 8px 0 rgba(0,0,0,.5); }
#collectorHubView .hub-item-card.wanted { border-left-color:#7d4e87; }
#collectorHubView .hub-item-card.missing { border-left-color:#a13b27; }
#collectorHubView .hub-item-head strong { color:#f1dfbd;font:900 1rem/1.15 Georgia,serif;text-transform:uppercase;text-shadow:1px 2px #000; }
#collectorHubView .hub-item-head span { color:#bba174; }
#collectorHubView .hub-status-badge { border-color:#76502f;border-radius:0;background:#160e0b;color:#d8bd8b!important;font-family:Georgia,serif;font-weight:800;text-transform:uppercase; }
#collectorHubView .hub-live-price { border:1px solid rgba(99,187,122,.42);border-radius:0;background:linear-gradient(145deg,rgba(30,87,47,.28),rgba(7,12,9,.82));box-shadow:inset 4px 0 #4f8b5e; }
#collectorHubView .hub-live-price span { color:#c8b585;font-family:Georgia,serif;font-size:.67rem;font-weight:800;letter-spacing:.06em;text-transform:uppercase; }
#collectorHubView .hub-live-price strong { color:#9fe4ae;text-shadow:1px 2px #0b2913; }
#collectorHubView .hub-item-actions .retailer-button { border-radius:0;box-shadow:0 3px 0 #120906;font-family:Georgia,serif;font-weight:800; }

@media (max-width:980px) {
  #collectorHubView .hub-heading { min-height:270px;padding-right:185px; }
  .market-hall-seal { right:38px;width:112px; }
  #collectorHubView .hub-metrics { grid-template-columns:repeat(3,1fr); }
  #collectorHubView .hub-metrics .metric-card:nth-child(n+4) { min-height:90px; }
}
@media (max-width:680px) {
  #collectorHubView.active { margin:-5px;width:calc(100% + 10px);padding:12px 7px calc(130px + env(safe-area-inset-bottom)); }
  body:has(#collectorHubView.active) .market-fixed-backdrop { background-position:50% center; }
  #collectorHubView .hub-heading { min-height:300px;padding:30px 18px 26px;align-items:flex-end; }
  #collectorHubView .hub-heading>div:first-child { max-width:76%; }
  #collectorHubView .hub-heading h2 { font-size:2.55rem; }
  #collectorHubView .hub-heading .muted { font-size:.77rem; }
  .market-hall-seal { right:17px;top:39px;width:68px; }
  .market-hall-seal svg { width:33px;height:33px; }
  .market-hall-seal small { display:none; }
  #collectorHubView .hub-metrics { grid-template-columns:repeat(2,1fr); }
  #collectorHubView .hub-metrics .metric-card { min-height:86px;padding:14px 10px; }
  #collectorHubView .hub-metrics .metric-card:last-child { grid-column:1/-1; }
  #collectorHubView .hub-metrics .metric-card strong { font-size:1.55rem; }
  #collectorHubView .hub-search-panel { padding:5px 7px 10px;border-width:39px 24px 41px;border-image-slice:145 95 145 95;border-image-width:39px 24px 41px; }
  #collectorHubView .hub-search-panel>div:first-child strong { font-size:.82rem; }
  #collectorHubView .hub-section-heading { align-items:stretch; }
}

/* Alpha.143: transparent hidden-market ledgers. */
#collectorHubView .hub-section {
  position:relative;
  padding:0 8px 12px;
}
#collectorHubView .hub-section::before {
  content:"";
  position:absolute;
  z-index:-1;
  inset:50px 0 0;
  border:1px solid rgba(181,112,55,.32);
  background:linear-gradient(90deg,rgba(6,4,3,.24),rgba(26,12,8,.1) 48%,rgba(6,4,3,.24));
  box-shadow:inset 0 0 42px rgba(0,0,0,.28);
  pointer-events:none;
}
#collectorHubView .hub-section-heading {
  position:relative;
  width:min(720px,calc(100% - 26px));
  min-height:82px;
  margin:0 auto 17px;
  padding:17px 46px 15px;
  overflow:visible;
  border:0;
  border-left:0;
  background:linear-gradient(180deg,rgba(153,53,33,.96),rgba(77,20,14,.95) 58%,rgba(32,10,8,.96));
  box-shadow:inset 0 2px 0 #d48848,inset 0 -2px 0 #30100b,0 6px 0 rgba(6,3,2,.88),0 12px 20px rgba(0,0,0,.56);
  clip-path:polygon(0 10%,7% 10%,7% 0,93% 0,93% 10%,100% 10%,95% 50%,100% 90%,93% 90%,93% 100%,7% 100%,7% 90%,0 90%,5% 50%);
}
#collectorHubView .hub-section:nth-of-type(2) .hub-section-heading {
  background:linear-gradient(180deg,rgba(72,91,45,.97),rgba(37,52,24,.96) 58%,rgba(15,23,11,.97));
  box-shadow:inset 0 2px 0 #9dab58,inset 0 -2px 0 #17200e,0 6px 0 rgba(6,3,2,.88),0 12px 20px rgba(0,0,0,.56);
}
#collectorHubView .hub-section-heading>div { flex:1;text-align:center; }
#collectorHubView .hub-section-heading h2 { color:#f7e8c5;font-size:1.72rem;letter-spacing:.075em;text-shadow:2px 3px #2a0b07; }
#collectorHubView .hub-section-heading .muted { color:#e0c899;font-size:.72rem;text-shadow:1px 2px #1d0906; }
#collectorHubView .hub-section-heading button {
  position:absolute;
  right:40px;
  top:50%;
  min-height:34px;
  padding:6px 12px;
  transform:translateY(-50%);
  background:rgba(15,10,7,.66);
  box-shadow:inset 0 0 0 1px #b77a3a,0 2px 0 #130705;
}
#collectorHubView .hub-grid { gap:17px; }
#collectorHubView .hub-item-card {
  isolation:isolate;
  min-height:186px;
  padding:19px;
  border:1px solid rgba(183,117,58,.76);
  border-left:6px solid rgba(181,63,39,.96);
  outline:1px solid rgba(21,10,7,.88);
  background:
    linear-gradient(115deg,rgba(53,23,15,.52),rgba(10,8,7,.38) 48%,rgba(31,15,11,.5)),
    radial-gradient(circle at 92% 10%,rgba(203,126,56,.13),transparent 30%);
  box-shadow:inset 0 0 0 1px rgba(244,194,108,.08),inset 0 -42px 55px rgba(0,0,0,.2),5px 7px 0 rgba(0,0,0,.46),0 12px 25px rgba(0,0,0,.25);
  -webkit-backdrop-filter:blur(2px) saturate(.9);
  backdrop-filter:blur(2px) saturate(.9);
}
#collectorHubView .hub-item-card::before {
  content:"";
  position:absolute;
  z-index:-1;
  inset:6px;
  border:1px solid rgba(212,157,82,.13);
  background:linear-gradient(100deg,transparent 0 67%,rgba(151,64,33,.09) 67% 68%,transparent 68%);
  pointer-events:none;
}
#collectorHubView .hub-item-card.wanted { border-left-color:rgba(116,82,132,.96); }
#collectorHubView .hub-item-card.missing { border-left-color:rgba(180,64,40,.96); }
#collectorHubView .hub-item-head strong { color:#fff0ce;text-shadow:1px 2px 2px #000,0 0 8px rgba(0,0,0,.85); }
#collectorHubView .hub-item-head span { color:#dcc392;text-shadow:1px 1px 2px #000; }
#collectorHubView .hub-status-badge { background:rgba(12,8,6,.64);box-shadow:inset 0 0 12px rgba(192,111,47,.12); }
#collectorHubView .hub-live-price {
  border-color:rgba(98,183,119,.58);
  background:linear-gradient(120deg,rgba(16,67,34,.48),rgba(5,15,9,.36));
  box-shadow:inset 4px 0 rgba(75,145,91,.94),0 3px 10px rgba(0,0,0,.18);
  -webkit-backdrop-filter:blur(1px);
  backdrop-filter:blur(1px);
}
#collectorHubView .hub-item-actions .retailer-button { opacity:.94; }

@media (max-width:680px) {
  #collectorHubView .hub-section { padding-inline:3px; }
  #collectorHubView .hub-section-heading { width:calc(100% - 4px);min-height:94px;padding:15px 28px; }
  #collectorHubView .hub-section-heading h2 { font-size:1.28rem; }
  #collectorHubView .hub-section-heading button { position:static;width:100%;margin-top:9px;transform:none; }
  #collectorHubView .hub-item-card { padding:15px;background:linear-gradient(115deg,rgba(53,23,15,.58),rgba(10,8,7,.43) 48%,rgba(31,15,11,.54)); }
}

/* Alpha.144: transparent artwork-first cards across every archive page. */
.hall-view .hall-summary,
.hall-view .hall-toolbar,
.hall-view .hall-continue {
  background:linear-gradient(115deg,rgba(34,24,19,.7),rgba(9,8,8,.48));
  -webkit-backdrop-filter:blur(2px) saturate(.9);
  backdrop-filter:blur(2px) saturate(.9);
}
.hall-view .core-exhibit {
  background:rgba(12,10,10,.42);
  -webkit-backdrop-filter:blur(2px) saturate(.92);
  backdrop-filter:blur(2px) saturate(.92);
}
.hall-view .core-exhibit-content,
#coreSetsHallView .core-exhibit-content,
#expansionsHallView .expansion-exhibit .core-exhibit-content {
  background:linear-gradient(135deg,rgba(39,27,22,.69),rgba(10,9,9,.6));
}
.hall-view .core-exhibit-facts,
.hall-view .core-exhibit-facts div {
  background-color:rgba(5,5,6,.34);
  background-image:none;
}

#collectionView.active #collectionTree>.group {
  background:linear-gradient(145deg,rgba(22,14,11,.62),rgba(7,7,7,.52));
  -webkit-backdrop-filter:blur(2px) saturate(.9);
  backdrop-filter:blur(2px) saturate(.9);
}
#collectionView.active .subcategory-header { background:linear-gradient(90deg,rgba(39,20,13,.76),rgba(9,8,7,.58)); }
#collectionView.active .product-card,
#collectionView.black-plague-realm-mode .product-card,
#collectionView.black-plague-realm-mode .black-plague-product-card,
#collectionView.green-horde-realm-mode .black-plague-product-card,
#collectionView.white-death-realm-mode .black-plague-product-card {
  background:
    linear-gradient(110deg,rgba(48,27,18,.56),rgba(8,7,7,.43) 58%,rgba(27,15,12,.52)),
    radial-gradient(circle at 92% 8%,rgba(174,78,36,.1),transparent 30%);
  -webkit-backdrop-filter:blur(2px) saturate(.9);
  backdrop-filter:blur(2px) saturate(.9);
}
#collectionView.active .product-details textarea,
#collectionView.active .marketplace-panel,
#collectionView.active .verified-market-estimate {
  background-color:rgba(7,6,6,.42);
}

#rulesView .rules-codex-heading { background:linear-gradient(90deg,rgba(13,10,8,.72),rgba(47,21,14,.58)); }
#rulesView .rule-reference-card,
#rulesView .rule-reference-card[data-category="campaigns"] {
  background:
    radial-gradient(circle at 82% 14%,rgba(119,56,29,.08),transparent 29%),
    linear-gradient(rgba(231,201,143,.76),rgba(190,148,89,.79)),
    url('../assets/comic-scroll-wide-v124.png') center/cover;
  -webkit-backdrop-filter:blur(1.5px) saturate(.9);
  backdrop-filter:blur(1.5px) saturate(.9);
}
#rulesView .abomination-stat-grid { background:rgba(40,19,12,.7); }

#locatorView .locator-console,
#locatorView .locator-result-card,
#locatorView .locator-product {
  background:linear-gradient(135deg,rgba(28,29,28,.67),rgba(7,8,8,.5));
  -webkit-backdrop-filter:blur(2px) saturate(.88);
  backdrop-filter:blur(2px) saturate(.88);
}
#locatorView .locator-console input,
#locatorView .locator-console select { background:rgba(7,8,8,.62); }

#archiveView .feature-card,
#crossoversView .panel,
#crossoversView .product-card,
#settingsView .panel {
  border-color:rgba(137,91,47,.7);
  background:
    radial-gradient(circle at 90% 0,rgba(167,72,34,.09),transparent 32%),
    linear-gradient(135deg,rgba(36,23,17,.65),rgba(9,8,8,.52));
  box-shadow:inset 0 0 0 1px rgba(224,170,87,.06),0 7px 18px rgba(0,0,0,.28);
  -webkit-backdrop-filter:blur(2px) saturate(.9);
  backdrop-filter:blur(2px) saturate(.9);
}

@media (max-width:680px) {
  .hall-view .core-exhibit-content { background:linear-gradient(135deg,rgba(39,27,22,.75),rgba(10,9,9,.68)); }
  #collectionView.active .product-card,
  #collectionView.black-plague-realm-mode .black-plague-product-card,
  #collectionView.green-horde-realm-mode .black-plague-product-card,
  #collectionView.white-death-realm-mode .black-plague-product-card { background:linear-gradient(110deg,rgba(48,27,18,.64),rgba(8,7,7,.51) 58%,rgba(27,15,12,.59)); }
  #rulesView .rule-reference-card,
  #rulesView .rule-reference-card[data-category="campaigns"] { background:linear-gradient(rgba(231,201,143,.82),rgba(190,148,89,.85)),url('../assets/comic-scroll-wide-v124.png') center/cover; }
}

/* Project Phoenix v0.5.8-alpha.150 — Navigation Polish */
@media (min-width:681px) { .command-sidebar button.mobile-nav-only { display:none!important; } }
body:has(#missionsView.active) .missions-fixed-backdrop {
  display:block;
  position:fixed;
  z-index:0;
  inset:0;
  pointer-events:none;
  background:
    linear-gradient(180deg,rgba(8,6,5,.14),rgba(8,6,5,.64) 72%,#080706),
    url('../assets/command-center-siege-v92.webp') center/cover no-repeat;
  filter:saturate(.82) contrast(1.1);
}
body[data-active-realm="modern"]:has(#missionsView.active) .missions-fixed-backdrop {
  background:
    linear-gradient(180deg,rgba(4,8,9,.16),rgba(4,8,9,.72) 74%,#040708),
    url('../assets/modern/modern-outbreak-backdrop-v1.webp') center/cover no-repeat;
  filter:saturate(.72) contrast(1.15);
}
.missions-view.active { position:relative;isolation:isolate;min-height:calc(100vh - 80px);padding:22px; }
.missions-view.active::after { content:"";position:absolute;z-index:-1;inset:0;pointer-events:none;background:radial-gradient(circle at 50% 15%,transparent 0 25%,rgba(0,0,0,.66) 95%); }
.missions-hero { position:relative;display:flex;align-items:center;justify-content:space-between;gap:28px;min-height:235px;padding:36px 42px;overflow:hidden;border:3px solid #160c08;background:linear-gradient(90deg,rgba(17,11,8,.96) 0 48%,rgba(71,27,14,.68) 72%,rgba(10,8,7,.54)),url('../assets/command-center-war-room-v91.webp') center 51%/cover;box-shadow:0 0 0 2px #a63d25,0 0 0 5px #0b0705,0 18px 36px rgba(0,0,0,.74); }
.missions-hero::before,.missions-hero::after { content:"";position:absolute;left:0;right:0;height:11px;background:linear-gradient(180deg,#0e0806,#6f2517 30%,#d95a32 42%,#32110c 58%,#090605);box-shadow:0 2px #d18a3b,0 5px #080605; }
body[data-active-realm="modern"] .missions-hero { background:linear-gradient(90deg,rgba(7,13,15,.97) 0 48%,rgba(38,73,77,.7) 72%,rgba(5,9,11,.62)),url('../assets/modern/modern-outbreak-backdrop-v1.webp') center 42%/cover;box-shadow:0 0 0 2px #4f9496,0 0 0 5px #05090a,0 18px 36px rgba(0,0,0,.74); }
body[data-active-realm="modern"] .missions-hero::before,
body[data-active-realm="modern"] .missions-hero::after { background:linear-gradient(180deg,#05090a,#255052 30%,#62aaac 42%,#152f31 58%,#040708);box-shadow:0 2px #90b6a5,0 5px #040708; }
body[data-active-realm="modern"] .missions-hero .eyebrow { color:#78c3c4; }
body[data-active-realm="modern"] .missions-hero h2 { color:#e3efdf;text-shadow:3px 3px #275f62,6px 6px #040708; }
body[data-active-realm="modern"] .missions-seal { border-color:#7db0a2;background:radial-gradient(circle,#28575a 0 38%,#091113 39% 59%,#598e82 60% 63%,#05090a 64%);color:#c9ead8; }
.missions-hero::before { top:0; }.missions-hero::after { bottom:0;transform:rotate(180deg); }
.missions-hero-copy { position:relative;z-index:1;max-width:720px; }
.missions-hero .eyebrow { color:#ec6240;font-weight:900;letter-spacing:.18em;text-shadow:2px 2px #000; }
.missions-hero h2 { margin:5px 0 9px;color:#f4e4c1;font:700 clamp(3rem,6vw,5.2rem)/.95 Impact,'Arial Narrow',Georgia,serif;letter-spacing:.03em;text-transform:uppercase;-webkit-text-stroke:1px #2b140b;text-shadow:3px 3px #812616,6px 6px #090605; }
.missions-hero p:last-child { max-width:620px;color:#e1d4bb;font-weight:650;line-height:1.55;text-shadow:0 2px 3px #000; }
.missions-seal { position:relative;z-index:1;display:grid;place-items:center;width:142px;aspect-ratio:1;flex:0 0 142px;border:3px solid #d09443;border-radius:50%;background:radial-gradient(circle,#571f16 0 38%,#150c09 39% 59%,#ae642c 60% 63%,#0d0907 64%);box-shadow:0 0 0 5px #080605,0 0 0 7px #8d3320,0 12px 28px #000;color:#f3c46e;text-align:center; }
.missions-seal span { font-size:2.65rem;line-height:1; }.missions-seal small { margin-top:-30px;color:#f4d99e;font:800 .62rem/1.1 Georgia,serif;letter-spacing:.12em;text-transform:uppercase; }
.missions-toolbar { margin:18px 0;padding:26px 34px 23px;background:linear-gradient(90deg,transparent 0 1.5%,rgba(226,185,112,.08) 6% 94%,transparent 98.5%),url('../assets/comic-scroll-wide-v124.png') center/100% 100% no-repeat;filter:drop-shadow(0 8px 9px rgba(0,0,0,.65)); }
.missions-search { display:flex;align-items:center;gap:10px;margin:0 5% 16px;padding:0 14px;border:2px solid #4a2518;background:rgba(238,202,135,.58);box-shadow:inset 0 0 14px rgba(97,48,22,.22);color:#3b190f; }
.missions-search input { width:100%;padding:12px 0;border:0;outline:0;background:transparent;color:#24120d;font:800 .85rem Georgia,serif; }.missions-search input::placeholder { color:#714b36; }
.missions-filter-row { display:flex;align-items:end;justify-content:space-between;gap:16px;margin:0 5%; }
.missions-tabs { display:flex;flex-wrap:wrap;gap:7px; }.missions-tabs button { padding:9px 15px;border:2px solid #35150e;background:linear-gradient(#732719,#36130e);box-shadow:inset 0 0 0 1px rgba(242,162,78,.27),3px 4px rgba(44,18,10,.25);color:#efd69c;font:900 .66rem Impact,'Arial Narrow',sans-serif;letter-spacing:.08em;text-transform:uppercase; }
.missions-tabs button.active,.missions-tabs button:hover { background:linear-gradient(#bd4829,#6f2117);color:#fff0c8;transform:translateY(-1px); }
.missions-realm-filter { display:grid;gap:4px;min-width:180px;color:#4a2417;font:800 .62rem Georgia,serif;text-transform:uppercase; }.missions-realm-filter select { padding:9px 30px 9px 10px;border:2px solid #4a2518;background:rgba(239,204,141,.72);color:#2d160f;font:800 .74rem Georgia,serif; }
.missions-heading { display:flex;align-items:end;justify-content:space-between;margin:27px 3px 13px;padding:11px 17px 10px;border:2px solid #180d09;border-left:7px solid #ad3d25;background:linear-gradient(90deg,rgba(13,10,8,.92),rgba(59,25,15,.76));box-shadow:0 0 0 1px #8b582b,5px 7px rgba(0,0,0,.48); }
.missions-heading .eyebrow { color:#dd5736; }.missions-heading h3 { margin:2px 0;color:#f1dfbb;font:700 1.7rem Impact,'Arial Narrow',Georgia,serif;letter-spacing:.035em;text-transform:uppercase;text-shadow:2px 2px #35130e; }.missions-heading>span { color:#e4c990;font-weight:800; }
.missions-grid { display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px; }
.mission-card { position:relative;overflow:hidden;border:2px solid #24130d;background:linear-gradient(145deg,rgba(30,19,14,.88),rgba(9,8,7,.82));box-shadow:0 0 0 1px #8b5727,8px 10px rgba(0,0,0,.48);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px); }
.mission-card::after { content:"";position:absolute;inset:7px;pointer-events:none;border:1px solid rgba(224,165,79,.12); }
.mission-card-banner { position:relative;z-index:1;display:flex;align-items:center;justify-content:space-between;padding:10px 15px;background:linear-gradient(90deg,#8f2e1d,#40140f);border-bottom:2px solid #d07835;color:#ffe3a6;font:900 .69rem Impact,'Arial Narrow',sans-serif;letter-spacing:.11em;text-transform:uppercase;text-shadow:2px 2px #200a07; }
.mission-fan .mission-card-banner { background:linear-gradient(90deg,#315225,#162b17);border-color:#8faa58; }
.mission-card-banner b { color:#fff0cb;font-family:Georgia,serif;letter-spacing:.05em; }
.mission-card-body { position:relative;z-index:1;padding:20px; }
.mission-card-title { display:flex;align-items:start;justify-content:space-between;gap:14px; }.mission-card-title small { color:#d36a3e;font-weight:900;letter-spacing:.11em;text-transform:uppercase; }.mission-fan .mission-card-title small { color:#9fbd69; }
.mission-card h4 { margin:4px 0 15px;color:#f4e3c2;font:700 1.5rem/1 Georgia,serif;text-transform:uppercase;text-shadow:2px 2px #35130e; }
.mission-source-mark { display:grid;place-items:center;width:34px;height:34px;flex:0 0 34px;border:1px solid #c37b38;border-radius:50%;background:#25120c;color:#f3ba5e;box-shadow:inset 0 0 0 3px #0d0907; }.mission-fan .mission-source-mark { border-color:#789346;color:#b9d47c; }
.mission-stats { display:grid;grid-template-columns:repeat(3,1fr);margin-bottom:15px;border-block:1px solid rgba(196,128,57,.42); }.mission-stats span { display:grid;gap:4px;padding:10px;border-right:1px solid rgba(196,128,57,.3); }.mission-stats span:last-child { border-right:0; }.mission-stats small { color:#9d8a70;font-size:.57rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase; }.mission-stats b { color:#e8d0a2;font:700 .77rem Georgia,serif; }
.mission-card-body>p { min-height:48px;margin:0 0 15px;color:#c7bba8;font-size:.82rem;line-height:1.55; }
.mission-requirements>small { color:#d69b4a;font-size:.58rem;font-weight:900;letter-spacing:.09em;text-transform:uppercase; }.mission-requirements>div { display:flex;flex-wrap:wrap;gap:6px;margin-top:7px; }.mission-requirements span { padding:4px 7px;border:1px solid #604122;background:rgba(8,7,6,.62);color:#d2c09d;font-size:.62rem; }
.missions-selectors { display:flex;gap:10px; }.mission-library { display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:14px;padding:8px 10px;border-left:3px solid #789346;background:rgba(20,35,17,.55); }.mission-library small { color:#8f9d78;font-size:.55rem;font-weight:900;letter-spacing:.08em;text-transform:uppercase; }.mission-library b { color:#c8dda0;font:700 .7rem Georgia,serif; }
.mission-card-footer { display:flex;align-items:center;justify-content:space-between;gap:14px;margin-top:19px;padding-top:14px;border-top:1px solid rgba(181,119,54,.35); }.mission-card-footer>span { color:#8f8270;font-size:.62rem; }.mission-card-footer a { position:relative;z-index:2;padding:8px 11px;border:1px solid #b66b31;background:linear-gradient(#8e301e,#45150f);color:#ffe1a5;font-size:.65rem;font-weight:900;text-decoration:none;text-transform:uppercase; }.mission-fan .mission-card-footer a { border-color:#779349;background:linear-gradient(#3e642c,#1d351b); }
.missions-empty { grid-column:1/-1;padding:42px;border:1px dashed #95633a;background:rgba(13,9,7,.72);color:#d8c7a9;text-align:center; }.missions-empty p { color:#948777; }
.missions-disclaimer { display:flex;gap:12px;margin:20px 2px 0;padding:14px 17px;border-left:5px solid #9a3c26;background:rgba(13,10,8,.8);color:#a89b87;font-size:.72rem; }.missions-disclaimer strong { color:#e4c88e;text-transform:uppercase; }

@media (max-width:900px) { .missions-grid { grid-template-columns:1fr; }.missions-seal { width:112px;flex-basis:112px; }.missions-toolbar { padding-inline:24px; }.missions-filter-row { align-items:stretch;flex-direction:column; }.missions-selectors { width:100%; }.missions-realm-filter { width:100%; }.missions-realm-filter select { width:100%; } }
@media (max-width:680px) { .missions-view.active { padding:10px; }.missions-hero { min-height:228px;padding:28px 20px;align-items:flex-end; }.missions-hero-copy { width:100%; }.missions-hero h2 { max-width:260px;padding-right:42px;font-size:1.85rem; }.missions-hero p:last-child { max-width:88%;font-size:.79rem; }.missions-seal { position:absolute;right:14px;top:30px;width:54px;opacity:.72; }.missions-seal small { display:none; }.missions-toolbar { padding:24px 16px;background-image:linear-gradient(90deg,transparent 0 1%,rgba(235,194,118,.05) 4% 96%,transparent 99%),url('../assets/comic-scroll-mobile-v124.png'); }.missions-search,.missions-filter-row { margin-inline:2%; }.missions-tabs { display:grid;grid-template-columns:repeat(3,1fr); }.missions-tabs button { padding:8px 5px;font-size:.58rem; }.mission-stats { grid-template-columns:1fr; }.mission-stats span { grid-template-columns:90px 1fr;border-right:0;border-bottom:1px solid rgba(196,128,57,.22); }.mission-card-footer { align-items:stretch;flex-direction:column; }.mission-card-footer a { text-align:center; }.missions-disclaimer { align-items:flex-start;flex-direction:column; } }
@media (max-width:420px) { .command-sidebar button span:last-child::after { font-size:.44rem; }.missions-tabs button { font-size:.52rem; } }
@media (max-width:560px) { .missions-selectors { flex-direction:column; } }

@media (orientation:landscape) and (min-width:681px) and (max-width:950px) and (max-height:600px) {
  body:not(:has(#dashboardView.active)) .command-header { left:0;top:0;width:190px;height:64px;padding:7px 10px; }
  body:not(:has(#dashboardView.active)) .command-header .brand-mark-wrap { display:block; }
  body:not(:has(#dashboardView.active)) .command-header .brand-logo { width:42px;height:42px; }
  body:not(:has(#dashboardView.active)) .command-header .brand-copy { display:flex;align-items:center;min-width:0; }
  body:not(:has(#dashboardView.active)) .command-header .brand-kicker,
  body:not(:has(#dashboardView.active)) .command-header p,
  body:not(:has(#dashboardView.active)) .header-actions { display:none; }
  body:not(:has(#dashboardView.active)) .command-header h1 { margin:0;font-size:.94rem;line-height:.92; }
  body:not(:has(#dashboardView.active)) .command-sidebar { top:0;right:0;bottom:auto;left:190px;width:auto;height:64px;min-height:64px;padding:5px;display:flex;flex-direction:row;align-items:stretch;gap:3px;overflow-x:auto;overflow-y:hidden;border-right:0;border-bottom:3px solid #120707; }
  body:not(:has(#dashboardView.active)) .command-sidebar .sidebar-brand,
  body:not(:has(#dashboardView.active)) .command-sidebar .sidebar-version { display:none; }
  body:not(:has(#dashboardView.active)) .command-sidebar button { width:auto;min-width:70px;min-height:51px;flex:1 0 70px;padding:4px;justify-content:center;gap:4px;transform:none; }
  body:not(:has(#dashboardView.active)) .command-sidebar button span:last-child { display:inline-flex;font-size:0;white-space:nowrap; }
  body:not(:has(#dashboardView.active)) .command-sidebar button span:last-child::after { content:attr(data-mobile-label);font-size:.48rem; }
  body:not(:has(#dashboardView.active)) .command-sidebar .nav-glyph { width:24px;height:24px;flex:0 0 24px; }
  body:not(:has(#dashboardView.active)) .command-main { width:100%;max-width:none;margin:0;padding:76px 10px 22px; }
}

/* Project Phoenix v0.5.8-alpha.151 — unified search command decks */
#collectionView.active > .controls,
.rules-toolbar,
.missions-toolbar,
.locator-console,
#collectorHubView .hub-search-panel {
  position:relative;
  isolation:isolate;
  margin:18px 0 22px;
  padding:22px 24px;
  border:2px solid #170c09!important;
  border-image:none!important;
  border-radius:0;
  outline:1px solid #87502c;
  background:
    radial-gradient(circle at 10px 10px,#d0a053 0 1px,#4a2614 1.5px 3px,transparent 3.5px),
    radial-gradient(circle at calc(100% - 10px) 10px,#d0a053 0 1px,#4a2614 1.5px 3px,transparent 3.5px),
    radial-gradient(circle at 10px calc(100% - 10px),#a86a37 0 1px,#35190f 1.5px 3px,transparent 3.5px),
    radial-gradient(circle at calc(100% - 10px) calc(100% - 10px),#a86a37 0 1px,#35190f 1.5px 3px,transparent 3.5px),
    linear-gradient(100deg,transparent 0 16%,rgba(183,65,37,.08) 16.2% 16.7%,transparent 17% 72%,rgba(218,139,57,.05) 72.2% 72.6%,transparent 73%),
    repeating-linear-gradient(0deg,rgba(255,255,255,.012) 0 1px,transparent 1px 4px),
    linear-gradient(180deg,rgba(35,29,27,.98),rgba(15,12,11,.99) 56%,rgba(7,7,7,.99))!important;
  box-shadow:inset 0 1px #b65b34,inset 0 -1px #3d1a12,inset 0 0 0 5px #090707,0 8px 0 rgba(0,0,0,.7),0 14px 28px rgba(0,0,0,.45)!important;
  filter:none!important;
}
#collectionView.active > .controls::after,
.rules-toolbar::after,
.missions-toolbar::after,
.locator-console::after,
#collectorHubView .hub-search-panel::after {
  content:"";
  position:absolute;
  z-index:0;
  inset:6px;
  border:1px solid rgba(207,132,60,.22);
  pointer-events:none;
}
#collectionView.active > .controls > *,
.rules-toolbar > *,
.missions-toolbar > *,
.locator-console > *,
#collectorHubView .hub-search-panel > * { position:relative;z-index:1; }

#collectionView.active:not(.black-plague-realm-mode) > .controls::before {
  position:relative;
  z-index:1;
  margin:0 0 16px!important;
  color:#e0ad66;
  font:900 .78rem/1 Impact,'Arial Narrow',Georgia,serif;
  letter-spacing:.14em;
  text-align:left;
  text-transform:uppercase;
  text-shadow:2px 2px #260b08!important;
}
#collectorHubView .hub-search-panel>div:first-child { text-align:left; }
#collectorHubView .hub-search-panel>div:first-child strong {
  color:#e0ad66;
  font-size:.78rem;
  letter-spacing:.14em;
  text-shadow:2px 2px #260b08;
}
#collectorHubView .hub-search-panel .muted { color:#a99678; }

#collectionView.active > .controls label,
.missions-realm-filter,
.locator-console label {
  color:#c99b58!important;
  font:800 .61rem/1.2 Georgia,serif!important;
  letter-spacing:.085em;
  text-shadow:1px 1px #000!important;
  text-transform:uppercase;
}

.rules-search,
.missions-search {
  min-height:48px;
  margin:0 0 16px;
  padding:0 14px;
  border:1px solid #7c4a2a!important;
  background:linear-gradient(180deg,rgba(8,8,8,.97),rgba(20,12,10,.96))!important;
  box-shadow:inset 0 0 0 2px #050505,inset 0 0 18px rgba(115,39,25,.18),0 1px #b06a36!important;
  color:#d89b4e!important;
}
#collectionView.active > .controls input,
#collectionView.active > .controls select,
.rules-search input,
.missions-search input,
.missions-realm-filter select,
.locator-console input,
.locator-console select,
#collectorHubView .hub-search-row input {
  min-height:44px;
  border:1px solid #704226!important;
  border-radius:0!important;
  background:linear-gradient(180deg,#0a0a0a,#160e0c)!important;
  color:#f0dfbf!important;
  box-shadow:inset 0 0 0 2px #040404,inset 0 0 14px rgba(125,42,25,.16),0 1px #9b5b31!important;
  font:750 .8rem Georgia,serif!important;
}
.rules-search input,.missions-search input { min-height:0;border:0!important;background:transparent!important;box-shadow:none!important; }
#collectionView.active > .controls input::placeholder,
.rules-search input::placeholder,
.missions-search input::placeholder,
.locator-console input::placeholder,
#collectorHubView .hub-search-row input::placeholder { color:#8d7c68!important;opacity:1; }
.rules-search:focus-within,
.missions-search:focus-within,
#collectionView.active > .controls input:focus,
#collectionView.active > .controls select:focus,
.missions-realm-filter select:focus,
.locator-console input:focus,
.locator-console select:focus,
#collectorHubView .hub-search-row input:focus {
  outline:0;
  border-color:#d16a3f!important;
  box-shadow:inset 0 0 0 2px #050505,inset 0 0 18px rgba(164,56,34,.28),0 0 0 2px rgba(206,123,56,.3)!important;
}

#collectionView.active > .controls button,
.rules-tabs button,
.missions-tabs button,
.locator-console .search-row button,
#collectorHubView .hub-search-row button {
  min-height:42px;
  padding:9px 14px;
  border:1px solid #4c3528!important;
  border-radius:0!important;
  background:
    linear-gradient(90deg,transparent 0 5px,rgba(204,76,43,.16) 5px 7px,transparent 7px),
    linear-gradient(180deg,#242525,#0b0c0c)!important;
  color:#d8c5a4!important;
  box-shadow:inset 0 0 0 2px #070808,0 2px 0 #000!important;
  font:900 .64rem/1 Impact,'Arial Narrow',Georgia,serif!important;
  letter-spacing:.075em!important;
  text-transform:uppercase;
  text-shadow:1px 1px #000;
  transition:border-color .16s ease,filter .16s ease,transform .16s ease;
}
#collectionView.active > .controls button:hover,
.rules-tabs button:hover,
.missions-tabs button:hover,
.locator-console .search-row button:hover,
#collectorHubView .hub-search-row button:hover {
  border-color:#b76737!important;
  color:#f6dfb2!important;
  filter:brightness(1.12);
  transform:translateY(-1px);
}
.rules-tabs button.active,
.missions-tabs button.active {
  border-color:#d27744!important;
  background:
    linear-gradient(90deg,transparent 0 5px,#e35e3b 5px 8px,transparent 8px),
    linear-gradient(180deg,#9b3427,#3c100d)!important;
  color:#fff0d0!important;
  box-shadow:inset 0 0 0 2px #250b08,inset 0 0 12px rgba(255,153,82,.18),0 2px 0 #120605,0 0 9px rgba(196,62,36,.25)!important;
}
#collectorHubView .hub-search-row .hub-noble { border-top-color:#b58d4d!important; }
#collectorHubView .hub-search-row .hub-ebay { border-top-color:#a94a31!important; }
#collectorHubView .hub-search-row .hub-sold { border-top-color:#568160!important; }

@media (max-width:680px) {
  #collectionView.active > .controls,
  .rules-toolbar,
  .missions-toolbar,
  .locator-console,
  #collectorHubView .hub-search-panel { margin:14px 0 18px;padding:18px 14px!important; }
  .rules-search,.missions-search { margin-inline:0; }
  .rules-tabs,.missions-tabs { gap:5px;transform:none;margin-bottom:0; }
  #collectorHubView .hub-search-panel>div:first-child { text-align:center; }
}

/* Project Phoenix v0.5.8-alpha.152 — section-matched navigation and search accents */
body:not(:has(#dashboardView.active)) .command-sidebar button:nth-of-type(1) { --tab-top:#8f3025;--tab-bottom:#40120f;--tab-edge:#e06b45; }
body:not(:has(#dashboardView.active)) .command-sidebar button:nth-of-type(2) { --tab-top:#4f6634;--tab-bottom:#202c19;--tab-edge:#a7b65e; }
body:not(:has(#dashboardView.active)) .command-sidebar button:nth-of-type(3) { --tab-top:#7b5930;--tab-bottom:#352316;--tab-edge:#d7aa57; }
body:not(:has(#dashboardView.active)) .command-sidebar button:nth-of-type(4) { --tab-top:#416a76;--tab-bottom:#1c3037;--tab-edge:#77b3bf; }
body:not(:has(#dashboardView.active)) .command-sidebar button:nth-of-type(5) { --tab-top:#66436d;--tab-bottom:#2c1b31;--tab-edge:#b883be; }
body:not(:has(#dashboardView.active)) .command-sidebar button:nth-of-type(6) { --tab-top:#8a6127;--tab-bottom:#3b2712;--tab-edge:#e0ad4e; }
body:not(:has(#dashboardView.active)) .command-sidebar button:nth-of-type(7) { --tab-top:#596067;--tab-bottom:#252a2e;--tab-edge:#9da9af; }
body:not(:has(#dashboardView.active)) .command-sidebar button {
  border-color:color-mix(in srgb,var(--tab-edge,#a44b35) 52%,#17100d)!important;
  background:
    linear-gradient(118deg,transparent 0 43%,rgba(255,255,255,.055) 43.5% 44.2%,transparent 44.7%),
    linear-gradient(180deg,color-mix(in srgb,var(--tab-top,#6f2118) 58%,#171717),color-mix(in srgb,var(--tab-bottom,#250c09) 62%,#080909))!important;
}
body:not(:has(#dashboardView.active)) .command-sidebar button:hover,
body:not(:has(#dashboardView.active)) .command-sidebar button.active {
  border-color:var(--tab-edge,#df7447)!important;
  background:
    linear-gradient(118deg,transparent 0 43%,rgba(255,255,255,.09) 43.5% 44.2%,transparent 44.7%),
    linear-gradient(180deg,var(--tab-top,#983628),var(--tab-bottom,#3d100d))!important;
  box-shadow:inset 0 0 0 2px #090707,0 0 0 1px color-mix(in srgb,var(--tab-edge,#df7447) 55%,transparent),0 0 13px color-mix(in srgb,var(--tab-top,#983628) 48%,transparent)!important;
}

#collectionView.active > .controls { --deck-top:#4f6634;--deck-bottom:#202c19;--deck-edge:#a7b65e;--deck-wash:rgba(106,135,65,.18); }
.rules-toolbar { --deck-top:#7b5930;--deck-bottom:#352316;--deck-edge:#d7aa57;--deck-wash:rgba(161,116,54,.17); }
.missions-toolbar { --deck-top:#416a76;--deck-bottom:#1c3037;--deck-edge:#77b3bf;--deck-wash:rgba(69,123,139,.19); }
.locator-console { --deck-top:#66436d;--deck-bottom:#2c1b31;--deck-edge:#b883be;--deck-wash:rgba(114,70,123,.2); }
#collectorHubView .hub-search-panel { --deck-top:#8a6127;--deck-bottom:#3b2712;--deck-edge:#e0ad4e;--deck-wash:rgba(157,105,37,.2); }

#collectionView.active > .controls,
.rules-toolbar,
.missions-toolbar,
.locator-console,
#collectorHubView .hub-search-panel {
  outline-color:var(--deck-edge)!important;
  background:
    radial-gradient(circle at 10px 10px,var(--deck-edge) 0 1px,var(--deck-bottom) 1.5px 3px,transparent 3.5px),
    radial-gradient(circle at calc(100% - 10px) 10px,var(--deck-edge) 0 1px,var(--deck-bottom) 1.5px 3px,transparent 3.5px),
    linear-gradient(105deg,var(--deck-wash),transparent 31%,transparent 68%,var(--deck-wash)),
    repeating-linear-gradient(0deg,rgba(255,255,255,.014) 0 1px,transparent 1px 4px),
    linear-gradient(180deg,#252525,#0d0e0e 58%,#070707)!important;
  box-shadow:inset 0 2px var(--deck-edge),inset 0 -2px var(--deck-bottom),inset 0 0 0 6px #080808,0 8px 0 rgba(0,0,0,.72),0 0 24px var(--deck-wash)!important;
}
#collectionView.active > .controls::after,
.rules-toolbar::after,
.missions-toolbar::after,
.locator-console::after,
#collectorHubView .hub-search-panel::after { border-color:color-mix(in srgb,var(--deck-edge) 42%,transparent); }

#collectionView.active > .controls input,
#collectionView.active > .controls select,
.rules-search,
.missions-search,
.missions-realm-filter select,
.locator-console input,
.locator-console select,
#collectorHubView .hub-search-row input { border-color:color-mix(in srgb,var(--deck-edge) 65%,#25150f)!important; }

#collectionView.active > .controls button,
.rules-tabs button,
.missions-tabs button,
.locator-console .search-row button,
#collectorHubView .hub-search-row button {
  border-color:color-mix(in srgb,var(--deck-edge) 52%,#17110e)!important;
  background:
    linear-gradient(118deg,transparent 0 44%,rgba(255,255,255,.045) 44.5% 45%,transparent 45.5%),
    linear-gradient(180deg,color-mix(in srgb,var(--deck-top) 48%,#202020),color-mix(in srgb,var(--deck-bottom) 56%,#090909))!important;
}
#collectionView.active > .controls button:hover,
.rules-tabs button:hover,
.missions-tabs button:hover,
.locator-console .search-row button:hover,
#collectorHubView .hub-search-row button:hover,
.rules-tabs button.active,
.missions-tabs button.active {
  border-color:var(--deck-edge)!important;
  background:
    linear-gradient(118deg,transparent 0 44%,rgba(255,255,255,.09) 44.5% 45%,transparent 45.5%),
    linear-gradient(180deg,var(--deck-top),var(--deck-bottom))!important;
  color:#fff2d2!important;
  box-shadow:inset 0 0 0 2px #090707,0 0 9px var(--deck-wash)!important;
}

/* Project Phoenix v0.5.8-alpha.153 — engraved controls and heraldic sigils */
body:not(:has(#dashboardView.active)) .command-sidebar button {
  position:relative;
  overflow:hidden;
  isolation:isolate;
  box-shadow:
    inset 0 0 0 2px #090807,
    inset 0 2px color-mix(in srgb,var(--tab-edge) 34%,transparent),
    inset 0 -4px rgba(0,0,0,.58),
    0 4px 0 #030303,
    0 7px 12px rgba(0,0,0,.32)!important;
  text-shadow:1px 2px 0 #050505;
}
body:not(:has(#dashboardView.active)) .command-sidebar button::after {
  content:"";
  position:absolute;
  z-index:0;
  inset:4px;
  pointer-events:none;
  background:
    radial-gradient(circle at 4px 4px,#e5bc71 0 1px,#3e2918 1.5px 2.5px,transparent 3px),
    radial-gradient(circle at calc(100% - 4px) 4px,#e5bc71 0 1px,#3e2918 1.5px 2.5px,transparent 3px),
    radial-gradient(circle at 4px calc(100% - 4px),#8f6338 0 1px,#24160f 1.5px 2.5px,transparent 3px),
    radial-gradient(circle at calc(100% - 4px) calc(100% - 4px),#8f6338 0 1px,#24160f 1.5px 2.5px,transparent 3px),
    linear-gradient(117deg,transparent 0 36%,rgba(255,228,168,.14) 36.4% 37%,transparent 37.5% 67%,rgba(0,0,0,.2) 67.4% 68%,transparent 68.5%);
  border:1px solid color-mix(in srgb,var(--tab-edge) 20%,transparent);
}
body:not(:has(#dashboardView.active)) .command-sidebar button > span { position:relative;z-index:2; }

.command-sidebar .nav-glyph,
body:not(:has(#dashboardView.active)) .command-sidebar .nav-glyph {
  display:grid;
  place-items:center;
  width:30px;
  height:30px;
  flex:0 0 30px;
  border:1px solid color-mix(in srgb,var(--tab-edge,#d5a85f) 78%,#f1d38e)!important;
  border-radius:50%!important;
  background:
    radial-gradient(circle at 36% 28%,rgba(255,231,173,.25),transparent 23%),
    radial-gradient(circle,#704422 0 38%,#21140d 40% 61%,#ad7438 63% 68%,#110b08 70%)!important;
  box-shadow:
    inset 0 0 0 2px #180e09,
    inset 0 0 0 4px color-mix(in srgb,var(--tab-top,#6f3c23) 72%,#2a180f),
    0 2px 0 #020202,
    0 0 7px color-mix(in srgb,var(--tab-edge,#d5a85f) 30%,transparent)!important;
  color:#ffe5a7!important;
  clip-path:none!important;
}
.command-sidebar .nav-glyph svg {
  width:79%!important;
  height:79%!important;
  stroke-width:1.45;
  filter:drop-shadow(1px 1px 0 #130907) drop-shadow(0 0 1px rgba(255,222,145,.45));
}
.command-sidebar button.active .nav-glyph {
  border-color:#ffe09a!important;
  background:
    radial-gradient(circle at 35% 26%,rgba(255,244,198,.34),transparent 24%),
    radial-gradient(circle,color-mix(in srgb,var(--tab-top,#92502a) 76%,#cc8c43) 0 40%,#29150d 42% 61%,var(--tab-edge,#d5a85f) 63% 69%,#120a07 71%)!important;
  box-shadow:inset 0 0 0 2px #211008,inset 0 0 0 4px var(--tab-bottom,#3a1d11),0 0 10px color-mix(in srgb,var(--tab-edge,#d5a85f) 48%,transparent)!important;
}

#collectionView.active > .controls,
.rules-toolbar,
.missions-toolbar,
.locator-console,
#collectorHubView .hub-search-panel {
  border-width:3px!important;
  background:
    radial-gradient(ellipse at 12% 0,var(--deck-wash),transparent 30%),
    radial-gradient(ellipse at 88% 100%,var(--deck-wash),transparent 32%),
    repeating-linear-gradient(112deg,transparent 0 31px,rgba(255,255,255,.018) 32px,transparent 33px),
    repeating-linear-gradient(0deg,rgba(255,255,255,.014) 0 1px,transparent 1px 4px),
    linear-gradient(180deg,#292827 0,#151311 48%,#080808 100%)!important;
  box-shadow:
    inset 0 2px var(--deck-edge),
    inset 0 -3px var(--deck-bottom),
    inset 0 0 0 6px #080808,
    inset 0 0 24px var(--deck-wash),
    0 7px 0 #030303,
    0 11px 0 color-mix(in srgb,var(--deck-bottom) 68%,#000),
    0 16px 30px rgba(0,0,0,.55)!important;
}
#collectionView.active > .controls::after,
.rules-toolbar::after,
.missions-toolbar::after,
.locator-console::after,
#collectorHubView .hub-search-panel::after {
  inset:7px;
  border:1px solid color-mix(in srgb,var(--deck-edge) 48%,transparent);
  background:
    radial-gradient(circle at 5px 5px,var(--deck-edge) 0 1.5px,#28170e 2px 3.5px,transparent 4px),
    radial-gradient(circle at calc(100% - 5px) 5px,var(--deck-edge) 0 1.5px,#28170e 2px 3.5px,transparent 4px),
    radial-gradient(circle at 5px calc(100% - 5px),var(--deck-edge) 0 1.5px,#28170e 2px 3.5px,transparent 4px),
    radial-gradient(circle at calc(100% - 5px) calc(100% - 5px),var(--deck-edge) 0 1.5px,#28170e 2px 3.5px,transparent 4px),
    linear-gradient(115deg,transparent 0 18%,rgba(255,255,255,.045) 18.3% 18.8%,transparent 19.2% 72%,rgba(0,0,0,.2) 72.4% 73%,transparent 73.4%);
  box-shadow:inset 0 0 0 3px rgba(0,0,0,.28);
}

.rules-tabs button,
.missions-tabs button {
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:8px;
  min-height:47px;
  border-width:2px!important;
  box-shadow:inset 0 1px color-mix(in srgb,var(--deck-edge) 22%,transparent),inset 0 -4px rgba(0,0,0,.5),0 3px 0 #020202!important;
}
.filter-sigil {
  width:20px;
  height:20px;
  flex:0 0 20px;
  fill:none;
  stroke:currentColor;
  stroke-width:1.6;
  stroke-linecap:round;
  stroke-linejoin:round;
  filter:drop-shadow(1px 1px #080604);
}
.rules-tabs button.active .filter-sigil,
.missions-tabs button.active .filter-sigil { filter:drop-shadow(1px 1px #080604) drop-shadow(0 0 3px var(--deck-edge)); }

@media (max-width:680px) {
  .command-sidebar .nav-glyph,
  body:not(:has(#dashboardView.active)) .command-sidebar .nav-glyph { width:25px;height:25px;flex-basis:25px; }
  .rules-tabs button,.missions-tabs button { min-height:43px;gap:5px;padding-inline:6px!important; }
  .filter-sigil { width:16px;height:16px;flex-basis:16px; }
}

/* Project Phoenix v0.5.8-alpha.154 — verified market listing gallery */
#collectorHubView .hub-listings-section { position:relative; }
#collectorHubView .hub-listings-section::after {
  content:"VERIFIED TRADER BOARD";
  position:absolute;
  z-index:0;
  right:24px;
  top:102px;
  color:rgba(224,173,78,.055);
  font:900 clamp(2rem,5vw,4.5rem)/1 Impact,'Arial Narrow',sans-serif;
  letter-spacing:.08em;
  pointer-events:none;
  transform:rotate(-3deg);
}
#collectorHubView .hub-listing-count {
  position:relative;
  z-index:2;
  display:inline-flex;
  align-items:center;
  min-height:34px;
  padding:7px 12px;
  border:1px solid #d0a04e;
  background:linear-gradient(180deg,#4d371d,#160f0b);
  color:#f4d995;
  box-shadow:inset 0 0 0 2px #080706,0 3px 0 #050403;
  font:900 .68rem/1 Impact,'Arial Narrow',sans-serif;
  letter-spacing:.08em;
  text-transform:uppercase;
}
#collectorHubView .hub-listing-controls {
  position:relative;
  z-index:1;
  display:grid;
  grid-template-columns:minmax(260px,1.7fr) minmax(160px,.75fr) minmax(210px,1fr);
  gap:12px;
  margin:0 0 17px;
  padding:16px 18px;
  border:2px solid #17100b;
  outline:1px solid #9d7436;
  background:
    radial-gradient(circle at 8px 8px,#e0ad4e 0 1px,#3b2712 1.5px 3px,transparent 3.5px),
    radial-gradient(circle at calc(100% - 8px) 8px,#e0ad4e 0 1px,#3b2712 1.5px 3px,transparent 3.5px),
    linear-gradient(108deg,rgba(138,97,39,.2),transparent 34%,rgba(138,97,39,.12)),
    repeating-linear-gradient(0deg,rgba(255,255,255,.012) 0 1px,transparent 1px 4px),
    linear-gradient(180deg,rgba(36,31,26,.98),rgba(10,9,8,.98));
  box-shadow:inset 0 1px #d2a04d,inset 0 0 0 5px #080706,0 6px 0 #030302,0 12px 22px rgba(0,0,0,.4);
}
#collectorHubView .hub-listing-controls label { display:grid;gap:6px;color:#d8ad67;font:800 .58rem/1 Georgia,serif;letter-spacing:.1em;text-transform:uppercase; }
#collectorHubView .hub-listing-controls input,
#collectorHubView .hub-listing-controls select {
  width:100%;
  min-height:44px;
  padding:9px 12px;
  border:1px solid #815f31;
  border-radius:0;
  outline:0;
  background:linear-gradient(180deg,#090909,#17110d);
  color:#f0dfba;
  box-shadow:inset 0 0 0 2px #030303,inset 0 0 14px rgba(145,98,36,.14),0 1px #c18c42;
  font:750 .76rem Georgia,serif;
}
#collectorHubView .hub-listing-controls input:focus,
#collectorHubView .hub-listing-controls select:focus { border-color:#e0ad4e;box-shadow:inset 0 0 0 2px #030303,0 0 0 2px rgba(224,173,78,.2),0 0 12px rgba(224,173,78,.16); }
#collectorHubView .hub-listings-grid {
  position:relative;
  z-index:1;
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:15px;
}
#collectorHubView .hub-listing-card {
  position:relative;
  display:grid;
  grid-template-rows:155px 1fr;
  min-width:0;
  overflow:hidden;
  border:2px solid #21150e;
  outline:1px solid #755026;
  background:
    linear-gradient(135deg,rgba(138,97,39,.13),transparent 34%),
    repeating-linear-gradient(0deg,rgba(255,255,255,.012) 0 1px,transparent 1px 4px),
    linear-gradient(155deg,rgba(30,24,19,.96),rgba(8,8,8,.97));
  box-shadow:inset 0 0 0 3px rgba(0,0,0,.45),6px 8px 0 rgba(0,0,0,.52);
}
#collectorHubView .hub-listing-card::after { content:"";position:absolute;inset:6px;pointer-events:none;border:1px solid rgba(224,173,78,.12); }
#collectorHubView .hub-listing-art {
  position:relative;
  z-index:1;
  display:grid;
  place-items:center;
  min-width:0;
  padding:12px;
  overflow:hidden;
  border-bottom:1px solid #6e4924;
  background:
    radial-gradient(ellipse at center,rgba(191,137,60,.16),transparent 64%),
    linear-gradient(180deg,rgba(16,12,9,.72),rgba(5,5,5,.88));
}
#collectorHubView .hub-listing-art::before { content:"";position:absolute;inset:0;background:linear-gradient(116deg,transparent 0 47%,rgba(244,202,125,.08) 47.5% 48.4%,transparent 49%);pointer-events:none; }
#collectorHubView .hub-listing-art img { position:relative;z-index:1;width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 8px 7px rgba(0,0,0,.65)) saturate(.92) contrast(1.04);transition:transform .2s ease,filter .2s ease; }
#collectorHubView .hub-listing-art.is-crest img { width:72px;height:72px;opacity:.78; }
#collectorHubView .hub-listing-art:hover img { transform:scale(1.035);filter:drop-shadow(0 9px 8px rgba(0,0,0,.72)) saturate(1.06) contrast(1.05); }
#collectorHubView .hub-listing-copy { position:relative;z-index:1;display:flex;flex-direction:column;min-width:0;padding:14px; }
#collectorHubView .hub-listing-kicker { display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:8px;color:#89c796;font:900 .57rem/1 Impact,'Arial Narrow',sans-serif;letter-spacing:.09em;text-transform:uppercase; }
#collectorHubView .hub-listing-kicker b { color:#d8ad67;font-weight:900;white-space:nowrap; }
#collectorHubView .hub-listing-card h3 { display:-webkit-box;min-height:38px;margin:0 0 7px;overflow:hidden;color:#f0dfbd;font:800 .86rem/1.35 Georgia,serif;-webkit-box-orient:vertical;-webkit-line-clamp:2;text-shadow:1px 2px #170a06; }
#collectorHubView .hub-listing-copy>p { margin:0 0 11px;color:#bda77d;font-size:.68rem;line-height:1.35; }
#collectorHubView .hub-listing-copy>p span { color:#7f735f; }
#collectorHubView .hub-listing-facts { display:grid;grid-template-columns:1.5fr .8fr .8fr;margin:auto 0 12px;border-block:1px solid rgba(197,139,60,.28); }
#collectorHubView .hub-listing-facts>span { display:grid;gap:4px;padding:8px 7px;border-right:1px solid rgba(197,139,60,.2);min-width:0; }
#collectorHubView .hub-listing-facts>span:last-child { border-right:0; }
#collectorHubView .hub-listing-facts small,
#collectorHubView .hub-listing-buy small { color:#8f8069;font-size:.52rem;font-weight:900;letter-spacing:.07em;text-transform:uppercase; }
#collectorHubView .hub-listing-facts strong { overflow:hidden;color:#d8c8a7;font-size:.67rem;text-overflow:ellipsis;white-space:nowrap; }
#collectorHubView .hub-listing-buy { display:flex;align-items:end;justify-content:space-between;gap:10px; }
#collectorHubView .hub-listing-buy>span { display:grid;gap:3px; }
#collectorHubView .hub-listing-buy strong { color:#91dda4;font:900 1.15rem/1 Georgia,serif;text-shadow:1px 2px #102316; }
#collectorHubView .hub-listing-buy a,
#collectorHubView .hub-listings-more { display:inline-flex;align-items:center;justify-content:center;min-height:36px;padding:8px 11px;border:1px solid #d09b48;background:linear-gradient(180deg,#7b5726,#30200f);color:#fff0c7;box-shadow:inset 0 0 0 2px #130d08,0 3px 0 #050403;font:900 .59rem/1 Impact,'Arial Narrow',sans-serif;letter-spacing:.07em;text-decoration:none;text-transform:uppercase; }
#collectorHubView .hub-listing-buy a:hover,
#collectorHubView .hub-listings-more:hover { filter:brightness(1.18);transform:translateY(-1px); }
#collectorHubView .hub-listing-verified { margin-top:10px;color:#716957;font-size:.54rem;line-height:1.35; }
#collectorHubView .hub-listings-more { position:relative;z-index:1;width:min(420px,100%);margin:21px auto 0; }
#collectorHubView .hub-listings-empty { grid-column:1/-1;display:grid;gap:8px;padding:34px;border:1px dashed #8d6937;background:rgba(8,7,6,.72);color:#e6cd9d;text-align:center; }
#collectorHubView .hub-listings-empty span { color:#8f816b;font-size:.74rem; }

@media (max-width:1050px) {
  #collectorHubView .hub-listings-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
}
@media (max-width:760px) {
  #collectorHubView .hub-listing-controls { grid-template-columns:1fr; }
  #collectorHubView .hub-listings-grid { grid-template-columns:1fr; }
  #collectorHubView .hub-listing-card { grid-template-columns:108px 1fr;grid-template-rows:auto; }
  #collectorHubView .hub-listing-art { min-height:100%;border-right:1px solid #6e4924;border-bottom:0; }
  #collectorHubView .hub-listing-facts { grid-template-columns:1fr 1fr; }
  #collectorHubView .hub-listing-facts>span:first-child { grid-column:1/-1;border-right:0;border-bottom:1px solid rgba(197,139,60,.2); }
}
@media (max-width:460px) {
  #collectorHubView .hub-listing-card { grid-template-columns:1fr;grid-template-rows:132px auto; }
  #collectorHubView .hub-listing-art { min-height:132px;border-right:0;border-bottom:1px solid #6e4924; }
  #collectorHubView .hub-listing-copy { padding:12px 10px; }
  #collectorHubView .hub-listing-buy { align-items:stretch;flex-direction:column; }
  #collectorHubView .hub-listing-buy a { width:100%; }
}

/* Project Phoenix v0.5.8-alpha.156 — per-product verified listing tabs */
#collectorHubView .hub-item-card.has-verified-listings { border-bottom-color:#8d6731; }

/* Alpha 164: market collection-status ledger */
#collectorHubView .market-status-filters {
  position:relative;display:grid;grid-template-columns:minmax(210px,.7fr) minmax(0,2fr);gap:16px;align-items:center;margin:0 0 27px;padding:13px 15px;border:2px solid #21130d;border-left:6px solid #a6462e;outline:1px solid #8c5e2f;background:linear-gradient(105deg,rgba(48,25,17,.96),rgba(11,9,8,.97) 48%,rgba(39,25,15,.96));box-shadow:inset 0 0 0 2px rgba(222,171,85,.06),5px 7px 0 rgba(0,0,0,.56);
}
#collectorHubView .market-status-filters::before { content:"";position:absolute;inset:5px;pointer-events:none;border:1px solid rgba(197,139,60,.17); }
#collectorHubView .market-status-filter-heading { position:relative;z-index:1;display:flex;align-items:center;gap:11px;min-width:0; }
#collectorHubView .market-filter-crest { display:grid;place-items:center;flex:0 0 43px;width:43px;height:43px;border:1px solid #c28a3e;border-radius:50%;background:radial-gradient(circle,#5f2b1c,#180d09 68%);box-shadow:inset 0 0 0 3px #0d0806,0 0 10px rgba(197,116,54,.2); }
#collectorHubView .market-filter-crest svg { width:27px;height:27px;fill:none;stroke:#e0b15f;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;filter:drop-shadow(1px 2px #35120c); }
#collectorHubView .market-status-filter-heading div { display:grid;gap:5px;min-width:0; }
#collectorHubView .market-status-filter-heading strong { color:#f0dcb5;font:900 .86rem/1 Georgia,serif;letter-spacing:.08em;text-transform:uppercase;text-shadow:1px 2px #210b07; }
#collectorHubView .market-status-filter-heading small { overflow:hidden;color:#a98f68;font-size:.64rem;text-overflow:ellipsis;white-space:nowrap; }
#collectorHubView .market-status-filter-buttons { position:relative;z-index:1;display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:7px; }
#collectorHubView .market-status-filter-buttons button { display:flex;align-items:center;justify-content:space-between;gap:7px;min-height:42px;padding:8px 9px;border:1px solid #6d4927;border-top:2px solid #9a6631;border-radius:0;background:linear-gradient(180deg,#2c1b12,#0c0907);color:#cbb68e;box-shadow:inset 0 0 0 1px #0b0705,0 3px 0 #050403;font:800 .62rem/1.1 Georgia,serif;text-transform:uppercase;transition:filter .15s ease,transform .15s ease; }
#collectorHubView .market-status-filter-buttons button b { display:grid;place-items:center;min-width:23px;height:23px;padding:0 5px;border:1px solid #72502c;border-radius:50%;background:#0c0907;color:#d9aa5a;font:900 .64rem/1 Georgia,serif; }
#collectorHubView .market-status-filter-buttons button:hover { filter:brightness(1.18);transform:translateY(-1px); }
#collectorHubView .market-status-filter-buttons button.active,#collectorHubView .market-status-filter-buttons button[aria-pressed="true"] { border-color:#d27842;border-top-color:#ef9a56;background:linear-gradient(180deg,#84351f,#36120c);color:#fff0cc;box-shadow:inset 0 0 0 1px #321009,0 0 12px rgba(201,75,42,.3),0 3px 0 #050403; }
#collectorHubView .market-status-filter-buttons button.active b,#collectorHubView .market-status-filter-buttons button[aria-pressed="true"] b { border-color:#e2b066;background:#1b0d08;color:#ffd788; }
@media(max-width:1100px) {
  #collectorHubView .market-status-filters { grid-template-columns:1fr; }
  #collectorHubView .market-status-filter-buttons { grid-template-columns:repeat(4,minmax(0,1fr)); }
}
@media(max-width:560px) {
  #collectorHubView .market-status-filters { margin-bottom:22px;padding:12px 10px; }
  #collectorHubView .market-status-filter-buttons { grid-template-columns:repeat(2,minmax(0,1fr)); }
  #collectorHubView .market-status-filter-buttons button { min-height:40px;padding:7px 8px;font-size:.58rem; }
}
#collectorHubView .hub-card-listings {
  position:relative;
  z-index:2;
  width:100%;
  margin:13px 0 2px;
  border:1px solid #805c2e;
  background:rgba(6,6,6,.66);
  box-shadow:inset 0 0 0 2px #070605,0 3px 0 rgba(0,0,0,.62);
}
#collectorHubView .hub-card-listings summary {
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  min-height:43px;
  padding:9px 13px;
  cursor:pointer;
  list-style:none;
  background:
    linear-gradient(116deg,transparent 0 47%,rgba(255,225,158,.08) 47.4% 48%,transparent 48.5%),
    linear-gradient(180deg,#3f301d,#17110c);
  color:#ecd29a;
  box-shadow:inset 0 1px #c99749,inset 0 -3px #090705;
  font:900 .66rem/1 Impact,'Arial Narrow',sans-serif;
  letter-spacing:.07em;
  text-transform:uppercase;
}
#collectorHubView .hub-card-listings summary::-webkit-details-marker { display:none; }
#collectorHubView .hub-card-listings summary span { display:inline-flex;align-items:center;gap:8px; }
#collectorHubView .hub-card-listings summary span b { display:grid;place-items:center;width:21px;height:21px;border:1px solid #75ad7f;border-radius:50%;background:#142219;color:#9be0a9;font:900 .68rem/1 Georgia,serif;box-shadow:inset 0 0 0 2px #07100a; }
#collectorHubView .hub-card-listings summary strong { display:inline-flex;align-items:center;gap:7px;color:#91d9a1;font-size:.57rem;white-space:nowrap; }
#collectorHubView .hub-card-listings summary strong::after { content:"+";display:grid;place-items:center;width:19px;height:19px;border:1px solid #b68643;color:#f2d597;font:900 .85rem/1 Georgia,serif; }
#collectorHubView .hub-card-listings[open] summary { background:linear-gradient(180deg,#735321,#2a1b0e);color:#fff0c8; }
#collectorHubView .hub-card-listings[open] summary strong::after { content:"−"; }
#collectorHubView .hub-card-listing-body { display:grid;gap:7px;max-height:370px;padding:10px;overflow:auto;border-top:1px solid #976c33;background:linear-gradient(180deg,rgba(22,16,11,.96),rgba(6,6,6,.98)); }
#collectorHubView .hub-card-listing-row { display:flex;align-items:center;justify-content:space-between;gap:13px;padding:10px;border:1px solid rgba(196,141,62,.26);background:linear-gradient(105deg,rgba(133,89,34,.1),rgba(0,0,0,.36)); }
#collectorHubView .hub-card-listing-row>div:first-child { display:grid;gap:4px;min-width:0; }
#collectorHubView .hub-card-listing-row>div:first-child strong { color:#e7d7b8;font:700 .72rem/1.35 Georgia,serif; }
#collectorHubView .hub-card-listing-row small { color:#8f8675;font-size:.61rem;line-height:1.35; }
#collectorHubView .hub-card-listing-row>div:last-child { display:grid;justify-items:end;gap:5px;flex:0 0 auto; }
#collectorHubView .hub-card-listing-row>div:last-child b { color:#94dda5;font:900 .86rem/1 Georgia,serif; }
#collectorHubView .hub-card-listing-row a { display:inline-flex;padding:6px 8px;border:1px solid #ca9143;background:linear-gradient(#74511f,#2d1d0c);color:#fff0c8;font:900 .54rem/1 Impact,'Arial Narrow',sans-serif;letter-spacing:.06em;text-decoration:none;text-transform:uppercase; }
#collectorHubView .hub-card-listing-row a:hover { filter:brightness(1.18); }
#collectorHubView .hub-card-listing-note { padding:3px 2px 1px;color:#716958;font-size:.56rem;line-height:1.4; }

@media (max-width:560px) {
  #collectorHubView .hub-card-listings summary { align-items:flex-start;flex-direction:column; }
  #collectorHubView .hub-card-listings summary strong { width:100%;justify-content:space-between; }
  #collectorHubView .hub-card-listing-row { align-items:stretch;flex-direction:column; }
  #collectorHubView .hub-card-listing-row>div:last-child { grid-template-columns:1fr auto;align-items:center;justify-items:start; }
}

/* Project Phoenix v0.5.8-alpha.158 — one illustrated language for every archive. */
:is(#coreSetsHallView,#expansionsHallView,#heroesHallView,#enemiesHallView,#crowdfundingHallView).active,
#collectionView.active,
#archiveView.active {
  --archive-ink:#080706;
  --archive-stone:#171514;
  --archive-paper:#d9b974;
  --archive-brass:#a87332;
  --archive-brass-light:#e0b966;
  --archive-red:#9f3422;
  position:relative;
  isolation:isolate;
  min-height:calc(100vh - 94px);
  padding-bottom:120px;
  background:transparent;
}
:is(#coreSetsHallView,#expansionsHallView,#heroesHallView,#enemiesHallView,#crowdfundingHallView).active::after,
#collectionView.active::after,
#archiveView.active::after {
  content:"";
  position:fixed;
  z-index:-4;
  inset:0;
  pointer-events:none;
  background:
    linear-gradient(180deg,rgba(7,6,6,.18),rgba(7,6,6,.58) 66%,#070606),
    linear-gradient(90deg,rgba(8,6,6,.66),transparent 25% 75%,rgba(8,6,6,.62)),
    url('../assets/command-center-siege-v92.webp') center/cover no-repeat;
  filter:saturate(.82) contrast(1.08);
}
#expansionsHallView.active::after { background-image:linear-gradient(180deg,rgba(7,6,8,.2),rgba(7,6,8,.64) 68%,#070608),linear-gradient(90deg,rgba(8,6,8,.68),transparent 25% 75%,rgba(8,6,8,.64)),url('../assets/halls/expansion-art/expansion-vault-v1.png'); }
#heroesHallView.active::after { background-image:linear-gradient(180deg,rgba(8,6,6,.16),rgba(8,6,6,.62) 68%,#080606),linear-gradient(90deg,rgba(9,6,6,.68),transparent 25% 75%,rgba(9,6,6,.64)),url('../assets/halls/heroes-art/hall-of-heroes-v1.png'); }
#enemiesHallView.active::after { background-image:linear-gradient(180deg,rgba(5,6,6,.2),rgba(5,6,6,.68) 68%,#050606),linear-gradient(90deg,rgba(5,6,6,.7),transparent 25% 75%,rgba(5,6,6,.68)),url('../assets/home-cards/enemies.webp'); }
#crowdfundingHallView.active::after { background-image:linear-gradient(180deg,rgba(8,7,4,.17),rgba(8,7,4,.65) 68%,#080704),linear-gradient(90deg,rgba(8,7,4,.7),transparent 25% 75%,rgba(8,7,4,.66)),url('../assets/home-cards/crowdfunding.webp'); }
#collectionView.active::after { background-image:linear-gradient(180deg,rgba(7,6,6,.18),rgba(7,6,6,.64) 68%,#070606),linear-gradient(90deg,rgba(8,6,6,.68),transparent 25% 75%,rgba(8,6,6,.64)),url('../assets/collection-vault-v141.webp'); }

/* Shared hall hardware — preserves each hall's existing art and accent. */
.hall-view .hall-hero,
.hall-view .hall-summary,
.hall-view .hall-toolbar,
.hall-view .hall-continue,
.hall-view .core-exhibit {
  border-radius:2px;
  border-color:rgba(183,126,55,.72);
  outline:1px solid rgba(18,9,6,.95);
  box-shadow:inset 0 0 0 2px rgba(7,6,6,.78),inset 0 0 0 3px rgba(222,174,90,.09),6px 8px 0 rgba(0,0,0,.47),0 14px 30px rgba(0,0,0,.3);
}
.hall-view .hall-hero::before,
.hall-view .hall-toolbar::before,
.hall-view .hall-continue::before {
  content:"";
  position:absolute;
  z-index:4;
  inset:7px;
  border:1px solid rgba(222,173,84,.19);
  pointer-events:none;
}
.hall-view .hall-hero,.hall-view .hall-toolbar,.hall-view .hall-continue { position:relative; }
.hall-view .hall-toolbar {
  min-height:92px;
  margin:18px 0 16px;
  padding:19px 22px;
  background:
    radial-gradient(circle at 9px 9px,#dbac55 0 1px,#422713 1.5px 3px,transparent 3.5px),
    radial-gradient(circle at calc(100% - 9px) 9px,#dbac55 0 1px,#422713 1.5px 3px,transparent 3.5px),
    repeating-linear-gradient(0deg,rgba(255,255,255,.012) 0 1px,transparent 1px 5px),
    linear-gradient(108deg,rgba(56,32,22,.88),rgba(10,9,9,.75));
}
.hall-view .hall-toolbar::before { inset:6px; }
.hall-view .hall-toolbar-copy h3 { color:#f3dfb5;font:900 1.28rem/1 Georgia,serif;letter-spacing:.04em;text-transform:uppercase;text-shadow:2px 2px #3a150d; }
.hall-view .hall-toolbar-copy p { color:#c5b08b;font-family:Georgia,serif;line-height:1.45; }
.hall-view .hall-filter { position:relative;z-index:5;padding:4px;border:1px solid #745025;border-radius:0;background:#090807;box-shadow:inset 0 2px 5px #000; }
.hall-view .hall-filter button { border-radius:0;border:1px solid transparent;background:transparent;color:#b6a78d;font:900 .63rem/1 Georgia,serif;letter-spacing:.06em;text-transform:uppercase; }
.hall-view .hall-filter button.active { border-color:#c48a3e;background:linear-gradient(#7e5728,#35220f);color:#fff0c6;box-shadow:inset 0 0 0 1px #1a0f08; }
.hall-view .core-exhibit { border-width:2px;background:rgba(8,7,7,.46); }
.hall-view .core-exhibit::before,.hall-view .core-exhibit::after { border-color:var(--archive-theme-accent,var(--archive-brass-light)); }
.hall-view .core-exhibit-content { border-top-color:rgba(213,156,69,.52);background:linear-gradient(135deg,rgba(40,25,19,.75),rgba(8,7,7,.66)); }
.hall-view .core-exhibit h3 { color:#f5e5c3;text-shadow:2px 2px #33130d; }
.hall-view .core-exhibit-actions button,.hall-view .hall-continue button { border-radius:0;font-family:Impact,'Arial Narrow',Georgia,serif;letter-spacing:.055em; }
.hall-view .hall-continue { padding:20px 22px;background:linear-gradient(105deg,rgba(46,26,19,.83),rgba(8,7,7,.67)); }
.hall-view .hall-continue-kicker { color:#d89b48;font:900 .58rem/1 Georgia,serif;letter-spacing:.12em;text-transform:uppercase; }
.hall-view .hall-summary { background:linear-gradient(145deg,rgba(35,23,18,.82),rgba(8,7,7,.72)); }
.hall-view .hall-progress { border-radius:0;border-color:#a06f31;background:#080706;box-shadow:inset 0 3px 6px #000,0 0 0 2px rgba(7,6,6,.8); }

/* Master vault archive and realm collection records. */
#collectionView.active > .controls {
  box-shadow:inset 0 0 0 5px #080706,inset 0 1px #d3a358,0 9px 0 rgba(4,3,3,.76),0 18px 34px rgba(0,0,0,.42)!important;
}
#collectionView.active #collectionTree>.group { border:2px solid #24140e;outline:1px solid #8c5e2c;box-shadow:inset 0 0 0 2px rgba(7,6,6,.75),6px 8px 0 rgba(0,0,0,.43); }
#collectionView.active #collectionTree>.group>.group-header { border-radius:0;background:linear-gradient(90deg,#722519,#32110d 60%,#160c09);color:#f3dbad;text-shadow:2px 2px #210a07; }
#collectionView.active .subcategory-header { border-radius:0;border-left:6px solid #a76e32;background:linear-gradient(90deg,rgba(50,27,18,.9),rgba(8,7,7,.68));color:#eddaaf; }
#collectionView.active .product-card { border:2px solid #24140d!important;border-left:6px solid var(--archive-theme-accent,#a23c28)!important;border-radius:0!important;outline:1px solid rgba(138,91,42,.7);box-shadow:inset 0 0 0 2px rgba(7,6,6,.7),6px 8px 0 rgba(0,0,0,.42)!important; }
#collectionView.active .product-details h4 { color:#f4dfb8;text-shadow:2px 2px #32120c; }
#collectionView.active .product-details textarea,#collectionView.active .marketplace-panel,#collectionView.active .verified-market-estimate { border-radius:0; }

/* Archive landing page — now a true illustrated wing instead of generic utility cards. */
.archive-library-view.active { padding:20px 18px 140px; }
.archive-library-view::before {
  content:"";
  position:fixed;
  z-index:-3;
  inset:0;
  pointer-events:none;
  background:radial-gradient(circle at 50% 28%,transparent 0 22%,rgba(0,0,0,.72) 92%);
}
.archive-library-hero { position:relative;display:flex;align-items:center;justify-content:space-between;gap:32px;min-height:310px;padding:42px 48px;overflow:hidden;border:3px solid #1c0e09;outline:2px solid #a34025;background:linear-gradient(90deg,rgba(10,8,7,.97) 0 48%,rgba(55,23,14,.67) 73%,rgba(7,6,6,.53)),url('../assets/collection-vault-v141.webp') center 38%/cover;box-shadow:0 0 0 5px #070504,0 18px 40px rgba(0,0,0,.76),inset 0 0 70px #000; }
.archive-library-hero::before,.archive-library-hero::after { content:"";position:absolute;left:0;right:0;z-index:3;height:12px;background:linear-gradient(180deg,#100806,#742518 29%,#db6136 42%,#3c150d 58%,#080504);box-shadow:0 2px #d08a3d,0 5px #070403; }
.archive-library-hero::before { top:0; }.archive-library-hero::after { bottom:0;transform:rotate(180deg); }
.archive-library-copy { position:relative;z-index:2;max-width:770px; }
.archive-library-copy .eyebrow { color:#e75d3b;font-weight:900;letter-spacing:.18em;text-shadow:2px 2px #000; }
.archive-library-copy h2 { max-width:760px;margin:7px 0 13px;color:#f5e5c1;font:900 clamp(2.8rem,5.8vw,5.5rem)/.88 Impact,'Arial Narrow',Georgia,serif;letter-spacing:.02em;text-transform:uppercase;-webkit-text-stroke:1px #31150d;text-shadow:3px 3px #7d2819,6px 6px #080504; }
.archive-library-copy>p:not(.eyebrow) { max-width:680px;color:#e2d2b2;font:650 .94rem/1.55 Georgia,serif;text-shadow:0 2px 3px #000; }
.archive-library-tags { display:flex;flex-wrap:wrap;gap:7px;margin-top:18px; }
.archive-library-tags span { padding:6px 9px;border:1px solid #aa6e35;background:rgba(21,11,8,.88);color:#edc982;font:900 .57rem/1 Georgia,serif;letter-spacing:.09em;text-transform:uppercase;box-shadow:2px 3px #060403; }
.archive-library-seal { position:relative;z-index:2;display:grid;place-items:center;width:145px;aspect-ratio:1;flex:0 0 145px;border:3px solid #d09141;border-radius:50%;background:radial-gradient(circle,#5d2016 0 36%,#160c09 37% 58%,#a9642d 59% 63%,#0c0806 64%);box-shadow:0 0 0 5px #070504,0 0 0 7px #8c301e,0 13px 30px #000;color:#f3c773;text-align:center; }
.archive-library-seal svg { width:56px;height:56px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linejoin:round;filter:drop-shadow(2px 3px #000); }
.archive-library-seal small { margin-top:-26px;color:#f1d69c;font:900 .59rem/1.15 Georgia,serif;letter-spacing:.11em;text-transform:uppercase; }
.archive-library-grid { display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin-top:25px; }
.archive-library-card { position:relative;min-height:275px;padding:28px 28px 25px 136px;overflow:hidden;border:3px solid #160c08;outline:1px solid #9a612f;background:radial-gradient(circle at 93% 8%,rgba(174,76,33,.14),transparent 30%),linear-gradient(135deg,rgba(45,27,19,.91),rgba(8,7,7,.88));box-shadow:inset 0 0 0 3px #080706,inset 0 0 0 4px rgba(220,169,80,.11),7px 9px 0 rgba(0,0,0,.52); }
.archive-library-card::before,.archive-library-card::after { content:"";position:absolute;width:30px;height:30px;border-color:#d1a354;pointer-events:none; }
.archive-library-card::before { left:8px;top:8px;border-left:2px solid;border-top:2px solid; }.archive-library-card::after { right:8px;bottom:8px;border-right:2px solid;border-bottom:2px solid; }
.archive-library-icon { position:absolute;left:28px;top:28px;display:grid;place-items:center;width:82px;height:82px;border:3px solid #160c08;outline:1px solid #c1873b;border-radius:50%;background:radial-gradient(circle,#6a281b,#22100c 50%,#0a0706 52%);box-shadow:0 0 0 5px rgba(168,107,46,.22),0 8px 18px #000;color:#f1c66f; }
.archive-library-icon svg { width:45px;height:45px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;filter:drop-shadow(2px 2px #000); }
.archive-card-kicker { margin:0 0 5px;color:#db663f;font:900 .61rem/1 Georgia,serif;letter-spacing:.15em;text-transform:uppercase; }
.archive-library-card h3 { margin:0 0 9px;color:#f3dfb7;font:900 1.65rem/1 Georgia,serif;text-transform:uppercase;text-shadow:2px 2px #39130c; }
.archive-library-card>p:not(.archive-card-kicker) { min-height:55px;color:#c7b99f;font:650 .78rem/1.5 Georgia,serif; }
.archive-library-card button { min-height:41px;margin-top:14px;border:2px solid #30110c;border-radius:0;background:linear-gradient(#963520,#48140e);color:#ffe1a5;box-shadow:inset 0 0 0 1px #c47738,0 3px #170906;font:900 .67rem/1 Impact,'Arial Narrow',sans-serif;letter-spacing:.075em;text-transform:uppercase; }
.archive-library-card.is-sealed { opacity:.73;filter:saturate(.68); }
.archive-library-card.is-sealed .archive-library-icon { color:#b99c68; }
.archive-library-card button:disabled { opacity:.72;color:#b8a990; }

/* Expanded records: comic linework over the existing realm artwork. */
.archive-backdrop:not([hidden]) { background:rgba(3,3,3,.84);backdrop-filter:blur(5px) saturate(.7); }
.archive-drawer.has-record-background { border-width:3px;border-color:#170c08;outline:2px solid var(--archive-theme-accent,#aa7435);border-radius:2px;box-shadow:0 0 0 5px #070504,0 30px 100px rgba(0,0,0,.88); }
.archive-drawer.has-record-background .archive-art-stage { border-bottom:5px solid #090605;box-shadow:inset 0 -2px var(--archive-theme-accent,#aa7435); }
.archive-drawer.has-record-background .archive-art-stage::after { inset:8px;border:2px solid color-mix(in srgb,var(--archive-theme-accent,#aa7435) 60%,transparent); }
.archive-drawer.has-record-background .archive-art-card { border:0;box-shadow:none;background:transparent;backdrop-filter:none; }
.archive-drawer.has-record-background .archive-art-card img { filter:drop-shadow(0 15px 13px rgba(0,0,0,.76)) saturate(1.03) contrast(1.03); }
.archive-drawer.has-record-background .archive-content { background:radial-gradient(circle at 94% 3%,var(--archive-theme-accent-soft,rgba(160,74,36,.1)),transparent 25%),repeating-linear-gradient(0deg,rgba(255,255,255,.012) 0 1px,transparent 1px 5px),linear-gradient(145deg,#201611,#090808); }
.archive-drawer.has-record-background .archive-content::before,.archive-drawer.has-record-background .archive-content::after { width:9px;height:9px;border:1px solid #2a180d;background:radial-gradient(circle at 35% 30%,#f0ca76,#90612c 48%,#321b0c 73%); }
.archive-drawer.has-record-background .archive-title-row h2 { font-family:Impact,'Arial Narrow',Georgia,serif;letter-spacing:.035em;text-transform:uppercase;-webkit-text-stroke:.5px #29130c;text-shadow:2px 2px var(--archive-theme-card-bottom,#4b1b13),4px 4px #080504; }
.archive-drawer.has-record-background .archive-title-row .eyebrow::before { border-radius:50%; }
.archive-drawer.has-record-background .archive-badge,.archive-drawer.has-record-background .archive-facts article,.archive-drawer.has-record-background .archive-block,.archive-drawer.has-record-background textarea,.archive-drawer.has-record-background .archive-marketplace a { border-radius:0; }
.archive-drawer.has-record-background .archive-facts article,.archive-drawer.has-record-background .archive-block { border-width:2px;outline:1px solid #090706;box-shadow:inset 0 0 0 2px #080706,inset 0 0 0 3px rgba(214,162,75,.07),4px 5px 0 rgba(0,0,0,.32); }
.archive-drawer.has-record-background .archive-block h3 { color:#efd29a;font-family:Impact,'Arial Narrow',Georgia,serif;font-size:1.08rem;letter-spacing:.065em;text-transform:uppercase;text-shadow:2px 2px #2d110b; }

@media (max-width:900px) {
  .archive-library-grid { grid-template-columns:1fr; }
  .archive-library-hero { min-height:285px;padding-right:210px; }
  .archive-library-seal { position:absolute;right:38px;width:122px; }
}
@media (max-width:680px) {
  :is(#coreSetsHallView,#expansionsHallView,#heroesHallView,#enemiesHallView,#crowdfundingHallView).active,#collectionView.active,#archiveView.active { padding-bottom:calc(130px + env(safe-area-inset-bottom)); }
  .hall-view .hall-toolbar { min-height:0;padding:17px 14px; }
  .hall-view .hall-toolbar::before { display:none; }
  .hall-view .hall-filter { width:100%; }
  .hall-view .hall-filter button { min-width:0;padding-inline:6px; }
  .archive-library-view.active { margin:-5px;width:calc(100% + 10px);padding:12px 7px calc(130px + env(safe-area-inset-bottom)); }
  .archive-library-hero { min-height:325px;padding:31px 19px 27px;align-items:flex-end; }
  .archive-library-copy { width:100%; }
  .archive-library-copy h2 { max-width:84%;font-size:2.42rem; }
  .archive-library-copy>p:not(.eyebrow) { max-width:86%;font-size:.78rem; }
  .archive-library-seal { right:16px;top:35px;width:68px; }
  .archive-library-seal svg { width:34px;height:34px; }.archive-library-seal small { display:none; }
  .archive-library-card { min-height:260px;padding:112px 18px 20px; }
  .archive-library-icon { left:20px;top:20px;width:70px;height:70px; }
  .archive-library-card h3 { font-size:1.35rem; }
  .archive-drawer.has-record-background .archive-title-row h2 { font-size:1.55rem; }
}
@media (orientation:landscape) and (min-width:681px) and (max-width:950px) and (max-height:600px) {
  .archive-library-view.active { padding-top:7px; }
  .archive-library-hero { min-height:220px;padding:28px 190px 28px 30px; }
  .archive-library-copy h2 { font-size:2.8rem; }
  .archive-library-seal { right:31px;width:108px; }
  .archive-library-card { min-height:235px;padding:24px 22px 21px 112px; }
  .archive-library-icon { left:22px;top:24px;width:68px;height:68px; }
}

/* Project Phoenix v0.5.8-alpha.160 — adaptive auction alerts. */
.auction-read-only-badge {
  position:relative;
  z-index:2;
  display:inline-flex;
  align-items:center;
  min-height:34px;
  padding:7px 12px;
  border:1px solid #c18c40;
  background:linear-gradient(#4e351a,#170f0a);
  color:#f0d08c;
  box-shadow:inset 0 0 0 2px #080605,0 3px #050403;
  font:900 .61rem/1 Impact,'Arial Narrow',sans-serif;
  letter-spacing:.09em;
  text-transform:uppercase;
}
.hub-auction-section .hub-section-heading { border-left-color:#bd7c2f!important; }
.hub-auction-section { border:2px solid #8e5d26!important;outline:1px solid #24150b;background:linear-gradient(180deg,rgba(15,10,7,.96),rgba(5,5,5,.98))!important;box-shadow:inset 0 0 0 3px rgba(205,145,61,.12),0 8px 22px rgba(0,0,0,.58); }
.ebay-section-kicker { display:block;margin-bottom:4px;color:#e6b766;font:900 .58rem/1 Impact,'Arial Narrow',sans-serif;letter-spacing:.14em;text-transform:uppercase; }
.ebay-auction-grid { display:grid;grid-template-columns:repeat(auto-fit,minmax(390px,1fr));gap:14px; }
.ebay-auction-card { min-width:0;border:1px solid #97662e;background:#080706;box-shadow:inset 0 0 0 2px #1d130b,0 4px 10px rgba(0,0,0,.52); }
.ebay-auction-card>header { display:flex;align-items:center;justify-content:space-between;gap:10px;padding:8px 11px;border-bottom:1px solid #714a22;background:linear-gradient(180deg,#533719,#20130b);color:#f2d18d;font:900 .61rem/1 Impact,'Arial Narrow',sans-serif;letter-spacing:.09em;text-transform:uppercase; }
.ebay-auction-card>header small { color:#b6a486;font:.53rem/1.2 system-ui,sans-serif;letter-spacing:.04em; }
.ebay-auction-card-body { display:grid;grid-template-columns:82px minmax(0,1fr) auto;align-items:center;gap:13px;padding:12px; }
.ebay-auction-card-body>img,.ebay-auction-card-body>.auction-image-placeholder { width:82px;height:72px;object-fit:contain;border:1px solid #67451f;background:#0b0907; }
.ebay-auction-copy { display:grid;gap:4px;min-width:0; }
.ebay-auction-copy>strong { color:#ecddbf;font:750 .76rem/1.35 Georgia,serif; }
.ebay-auction-copy small,.ebay-auction-copy em { color:#9b8e78;font-size:.59rem;font-style:normal; }
.ebay-auction-copy time { color:#efb84f;font:900 .64rem/1 Georgia,serif;letter-spacing:.035em; }
.ebay-auction-action { display:grid;justify-items:end;gap:4px;min-width:125px; }
.ebay-auction-action small { color:#8d806b;font-size:.52rem;font-weight:900;letter-spacing:.07em;text-transform:uppercase; }
.ebay-auction-action>b { color:#9ce0aa;font:900 1rem/1 Georgia,serif;text-shadow:1px 2px #102316; }
.ebay-auction-action em { color:#928573;font-size:.55rem;font-style:normal; }
.ebay-auction-action a { display:inline-flex;align-items:center;justify-content:center;min-height:31px;margin-top:3px;padding:7px 10px;border:1px solid #ce9543;background:linear-gradient(#795522,#2e1d0c);color:#fff0c4;box-shadow:inset 0 0 0 1px #160d07,0 2px #050403;font:900 .55rem/1 Impact,'Arial Narrow',sans-serif;letter-spacing:.065em;text-decoration:none;text-transform:uppercase; }
.ebay-auction-disclaimer { margin:13px 0 0;padding:10px 12px;border-left:3px solid #a56d2e;background:rgba(0,0,0,.4);color:#a89b84;font-size:.62rem;line-height:1.55; }
.verified-auctions {
  grid-column:1/-1;
  width:100%;
  margin:13px 0 2px;
  border:2px solid #21140c;
  outline:1px solid #a06d30;
  background:rgba(7,6,5,.76);
  box-shadow:inset 0 0 0 2px #070605,0 4px 0 rgba(0,0,0,.62);
}
.verified-auctions>summary {
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  min-height:47px;
  padding:10px 14px;
  cursor:pointer;
  list-style:none;
  background:
    linear-gradient(116deg,transparent 0 47%,rgba(255,220,135,.09) 47.4% 48.1%,transparent 48.6%),
    linear-gradient(180deg,#65431d,#25160d);
  color:#f3d797;
  box-shadow:inset 0 1px #d4a252,inset 0 -3px #090604;
  font:900 .68rem/1 Impact,'Arial Narrow',sans-serif;
  letter-spacing:.075em;
  text-transform:uppercase;
}
.verified-auctions>summary::-webkit-details-marker { display:none; }
.verified-auctions>summary span { display:inline-flex;align-items:center;gap:8px; }
.verified-auctions>summary span b { display:grid;place-items:center;width:23px;height:23px;border:1px solid #d29a43;border-radius:50%;background:#21150c;color:#f0c46d;font:900 .75rem/1 Georgia,serif;box-shadow:inset 0 0 0 2px #090604; }
.verified-auctions>summary strong { display:inline-flex;align-items:center;gap:8px;color:#f0c36d;font-size:.59rem;white-space:nowrap; }
.verified-auctions>summary strong::after { content:"+";display:grid;place-items:center;width:20px;height:20px;border:1px solid #c28a3b;color:#f3d28e;font:900 .88rem/1 Georgia,serif; }
.verified-auctions[open]>summary { background:linear-gradient(180deg,#91602a,#301b0e);color:#fff0c4; }
.verified-auctions[open]>summary strong::after { content:"−"; }
.verified-auction-list { display:grid;gap:8px;max-height:480px;padding:11px;overflow:auto;border-top:1px solid #a17032;background:linear-gradient(180deg,rgba(25,16,10,.97),rgba(6,6,6,.98)); }
.verified-auction-row { display:grid;grid-template-columns:68px minmax(0,1fr) auto;align-items:center;gap:13px;padding:10px;border:1px solid rgba(200,142,61,.32);background:linear-gradient(105deg,rgba(142,91,31,.13),rgba(0,0,0,.34)); }
.verified-auction-row>img,.auction-image-placeholder { width:68px;height:58px;object-fit:contain;border:1px solid #67451f;background:#0b0907;box-shadow:inset 0 0 0 2px #050403; }
.auction-image-placeholder { display:grid;place-items:center;color:#d5a65a;font-size:1.35rem; }
.verified-auction-copy { display:grid;gap:4px;min-width:0; }
.verified-auction-copy>strong { color:#ecddbf;font:750 .74rem/1.35 Georgia,serif; }
.verified-auction-copy small { color:#9b8e78;font-size:.62rem; }
.verified-auction-copy time { color:#efb84f;font:900 .64rem/1 Georgia,serif;letter-spacing:.035em; }
.verified-auction-action { display:grid;grid-template-columns:auto auto;align-items:center;justify-items:end;gap:4px 9px;min-width:120px; }
.verified-auction-action small { color:#8d806b;font-size:.52rem;font-weight:900;letter-spacing:.07em;text-transform:uppercase; }
.verified-auction-action>b { color:#9ce0aa;font:900 1rem/1 Georgia,serif;text-shadow:1px 2px #102316; }
.verified-auction-action em { grid-column:1/-1;color:#928573;font-size:.55rem;font-style:normal; }
.verified-auction-action a { grid-column:1/-1;display:inline-flex;align-items:center;justify-content:center;min-height:31px;padding:7px 9px;border:1px solid #ce9543;background:linear-gradient(#795522,#2e1d0c);color:#fff0c4;box-shadow:inset 0 0 0 1px #160d07,0 2px #050403;font:900 .55rem/1 Impact,'Arial Narrow',sans-serif;letter-spacing:.065em;text-decoration:none;text-transform:uppercase; }
.verified-auction-action a:hover { filter:brightness(1.18);transform:translateY(-1px); }
.verified-auction-note { display:block;padding:8px 12px 10px;border-top:1px solid rgba(168,111,44,.24);color:#827664;font-size:.56rem;line-height:1.4; }
.archive-marketplace>.verified-auctions { grid-column:1/-1;min-width:0;text-align:left; }
.archive-marketplace>.verified-auctions summary { width:100%; }
.ebay-auction-button { border-color:#c48d3d!important;background:linear-gradient(#765020,#2e1c0b)!important;color:#ffe2a3!important; }
.auction-empty { grid-column:1/-1; }

@media (max-width:680px) {
  .auction-filter-bar { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .auction-read-only-badge { align-self:flex-start; }
  .ebay-auction-grid { grid-template-columns:1fr; }
  .ebay-auction-card-body { grid-template-columns:64px minmax(0,1fr);align-items:start; }
  .ebay-auction-card-body>img,.ebay-auction-card-body>.auction-image-placeholder { width:64px;height:60px; }
  .ebay-auction-action { grid-column:1/-1;grid-template-columns:1fr auto auto;align-items:center;justify-items:start;width:100%;padding-top:8px;border-top:1px solid rgba(190,132,54,.2); }
  .ebay-auction-action a { justify-self:end;margin:0; }
  .verified-auctions>summary { align-items:flex-start;flex-direction:column; }
  .verified-auctions>summary strong { width:100%;justify-content:space-between; }
  .verified-auction-row { grid-template-columns:56px minmax(0,1fr);align-items:start; }
  .verified-auction-row>img,.auction-image-placeholder { width:56px;height:52px; }
  .verified-auction-action { grid-column:1/-1;grid-template-columns:1fr auto auto;justify-items:start;width:100%;padding-top:8px;border-top:1px solid rgba(190,132,54,.2); }
  .verified-auction-action em { grid-column:auto; }
  .verified-auction-action a { grid-column:auto;justify-self:end; }
}
@media (max-width:420px) {
  .auction-filter-bar { grid-template-columns:1fr; }
  .ebay-auction-card-body { grid-template-columns:1fr; }
  .ebay-auction-card-body>img,.ebay-auction-card-body>.auction-image-placeholder { width:100%;height:110px; }
  .ebay-auction-action { grid-template-columns:1fr auto; }
  .ebay-auction-action em,.ebay-auction-action a { grid-column:1/-1;width:100%; }
  .verified-auction-row { grid-template-columns:1fr; }
  .verified-auction-row>img,.auction-image-placeholder { width:100%;height:100px; }
  .verified-auction-action { grid-template-columns:1fr auto; }
  .verified-auction-action em { grid-column:1/-1; }
  .verified-auction-action a { grid-column:1/-1;width:100%; }
}

/* Project Phoenix v0.5.8-alpha.161 — illustrated Cartographer's Registry. */
.locator-fixed-backdrop { display:none; }
body:has(#locatorView.active) .locator-fixed-backdrop {
  display:block;
  position:fixed;
  z-index:0;
  inset:0;
  pointer-events:none;
  background-color:#080607;
  background-image:
    linear-gradient(180deg,rgba(7,5,7,.06),rgba(8,5,8,.3) 55%,rgba(6,5,6,.62)),
    linear-gradient(90deg,rgba(8,5,8,.58),transparent 25% 75%,rgba(8,5,8,.55)),
    url('../assets/locator-registry-v162.webp');
  background-position:center;
  background-size:cover;
  background-repeat:no-repeat;
  filter:saturate(.92) contrast(1.06) brightness(.84);
}
#locatorView.active {
  --locator-violet:#87588f;
  --locator-violet-light:#d4a3d4;
  --locator-brass:#b67b38;
  --locator-parchment:#e5c98d;
  position:relative;
  isolation:isolate;
  min-height:calc(100vh - 78px);
  padding:22px 22px 120px;
  background:transparent;
}
#locatorView.active::after {
  content:"";
  position:fixed;
  z-index:-1;
  inset:0;
  pointer-events:none;
  background:
    radial-gradient(ellipse at 50% 12%,transparent 12%,rgba(0,0,0,.28) 66%,rgba(0,0,0,.58)),
    repeating-linear-gradient(0deg,rgba(255,255,255,.014) 0 1px,transparent 1px 4px);
}
#locatorView .locator-hero {
  position:relative;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:28px;
  min-height:270px;
  padding:36px 44px;
  overflow:hidden;
  border:3px solid #160c10;
  border-radius:0;
  outline:2px solid #8f5d91;
  background:
    linear-gradient(90deg,rgba(10,8,10,.97) 0 45%,rgba(35,19,36,.72) 70%,rgba(7,6,7,.56)),
    url('../assets/locator-registry-v162.webp') center 43%/cover;
  box-shadow:0 0 0 5px #070506,0 16px 38px rgba(0,0,0,.76),inset 0 0 65px #000;
}
#locatorView .locator-hero::before,
#locatorView .locator-hero::after {
  content:"";
  position:absolute;
  z-index:2;
  left:0;
  right:0;
  height:12px;
  background:linear-gradient(180deg,#10080e,#542458 28%,#bc72ba 38%,#351535 53%,#080607);
  box-shadow:0 2px 0 #bf8843,0 5px 0 #070506;
}
#locatorView .locator-hero::before { top:0; }
#locatorView .locator-hero::after { bottom:0;transform:rotate(180deg); }
.locator-hero-copy { position:relative;z-index:3;max-width:690px; }
#locatorView .locator-hero .eyebrow { color:#dda2d8;font-weight:900;letter-spacing:.17em;text-shadow:2px 2px #160717; }
#locatorView .locator-hero h2 {
  margin:7px 0 11px;
  color:#f5e5c6;
  font:900 clamp(2.7rem,6vw,5.1rem)/.92 Impact,'Arial Narrow',Georgia,serif;
  letter-spacing:.025em;
  text-transform:uppercase;
  -webkit-text-stroke:1px #281329;
  text-shadow:3px 3px 0 #6c346e,6px 6px 0 #090607,0 0 18px #000;
}
#locatorView .locator-hero-copy>p:not(.eyebrow) { max-width:620px;margin:0;color:#e1d4c0;font:650 .9rem/1.55 Georgia,serif;text-shadow:1px 2px 3px #000; }
.locator-hero-tags { display:flex;flex-wrap:wrap;gap:7px;margin-top:20px; }
.locator-hero-tags span { padding:6px 9px;border:1px solid #9d6c38;background:rgba(12,8,9,.74);color:#e7c98f;font:800 .57rem/1 Georgia,serif;letter-spacing:.08em;text-transform:uppercase;box-shadow:inset 0 0 0 2px #080607; }
.locator-compass-seal {
  position:relative;
  z-index:3;
  display:grid;
  place-items:center;
  width:150px;
  aspect-ratio:1;
  flex:0 0 150px;
  border:3px solid #d09b4f;
  border-radius:50%;
  background:radial-gradient(circle,#6f3d72 0 34%,#211121 35% 57%,#b87c3a 58% 61%,#0b070a 62%);
  color:#f1d59b;
  box-shadow:0 0 0 5px #080607,0 0 0 7px #6c376d,0 12px 28px #000,inset 0 0 24px rgba(0,0,0,.65);
}
.locator-compass-seal svg { width:66px;height:66px;fill:none;stroke:currentColor;stroke-width:1.45;filter:drop-shadow(2px 3px #1b0a1b); }
.locator-compass-seal small { margin-top:-25px;color:#f4dba8;font:900 .56rem/1.12 Georgia,serif;letter-spacing:.12em;text-align:center;text-transform:uppercase;text-shadow:1px 2px #000; }

#locatorView .locator-console {
  grid-template-columns:minmax(300px,1.5fr) repeat(3,minmax(170px,.72fr));
  gap:15px;
  margin:20px 0 28px;
  padding:25px 26px 24px;
  outline-color:#a56aa8!important;
  --deck-top:#754879;
  --deck-bottom:#2a172c;
  --deck-edge:#c48bc2;
  --deck-wash:rgba(137,77,143,.24);
}
#locatorView .locator-console::before {
  content:"SEARCH THE LIVING LEDGER";
  position:absolute;
  z-index:2;
  top:-10px;
  left:50%;
  padding:4px 20px;
  transform:translateX(-50%);
  border:1px solid #ba8240;
  background:linear-gradient(#5d315f,#251326);
  color:#f1d39a;
  box-shadow:inset 0 0 0 2px #120912,0 3px 0 #050405;
  font:900 .61rem/1 Georgia,serif;
  letter-spacing:.13em;
  white-space:nowrap;
}
#locatorView .locator-console label { gap:8px; }
#locatorView .locator-console label[for="locatorSearch"],
#locatorView .locator-label-title { display:flex;align-items:center;gap:7px; }
#locatorView .locator-console .filter-sigil { width:20px;height:20px;fill:none;stroke:#e1b967;stroke-width:1.5;filter:drop-shadow(1px 1px #000); }
#locatorView .locator-console input,
#locatorView .locator-console select { min-height:48px!important;border-color:#8c5a49!important;background:linear-gradient(180deg,rgba(7,6,7,.97),rgba(24,13,23,.97))!important; }
#locatorView .locator-console .search-row button { min-width:82px;color:#f2d69e!important; }

#locatorView .locator-heading {
  position:relative;
  display:grid;
  grid-template-columns:auto 1fr auto;
  align-items:center;
  gap:13px;
  margin:0 3px 15px;
  padding:12px 18px 11px;
  border:2px solid #1a0e14;
  border-left:7px solid #78417b;
  background:linear-gradient(90deg,rgba(21,13,19,.96),rgba(59,28,58,.83),rgba(12,9,11,.91));
  box-shadow:0 0 0 1px #9f6b3d,5px 7px 0 rgba(0,0,0,.5);
}
.locator-heading-sigil { display:grid;place-items:center;width:44px;height:44px;border:1px solid #c18943;border-radius:50%;background:radial-gradient(circle,#613365,#1a0d1a 67%);color:#ebcf93;box-shadow:inset 0 0 0 3px #090608; }
.locator-heading-sigil svg { width:28px;height:28px;fill:none;stroke:currentColor;stroke-width:1.5; }
#locatorView .locator-heading .eyebrow { color:#dba0d6; }
#locatorView .locator-heading h3 { margin:2px 0;color:#f3dfba;font:900 1.65rem/1 Impact,'Arial Narrow',Georgia,serif;letter-spacing:.035em;text-transform:uppercase;text-shadow:2px 2px #351236; }
#locatorView .locator-heading>span:last-child { color:#dfc493;font-weight:800;text-shadow:1px 1px #000; }

#locatorView .locator-results { gap:16px; }
#locatorView .locator-result-card {
  --locator-type:#9b6f39;
  min-height:250px;
  padding:21px 21px 19px;
  overflow:hidden;
  border:2px solid #180e0d;
  border-left:7px solid var(--locator-type);
  border-radius:0;
  outline:1px solid color-mix(in srgb,var(--locator-type) 68%,#7a512d);
  background:
    radial-gradient(circle at 91% 8%,color-mix(in srgb,var(--locator-type) 15%,transparent),transparent 29%),
    linear-gradient(118deg,rgba(50,31,25,.76),rgba(10,8,9,.72) 58%,rgba(27,15,22,.72))!important;
  box-shadow:inset 0 0 0 2px rgba(6,5,5,.8),6px 8px 0 rgba(0,0,0,.47),0 14px 24px rgba(0,0,0,.28);
}
#locatorView .locator-result-card[data-locator-type="survivor"] { --locator-type:#b79248; }
#locatorView .locator-result-card[data-locator-type="enemy"] { --locator-type:#9c3e2e; }
#locatorView .locator-result-card[data-locator-type="abomination"] { --locator-type:#7d3542; }
#locatorView .locator-result-card[data-locator-type="necromancer"] { --locator-type:#754d86; }
#locatorView .locator-result-card[data-locator-type="support"] { --locator-type:#4f7880; }
#locatorView .locator-result-card::before { inset:7px;border-color:color-mix(in srgb,var(--locator-type) 34%,transparent); }
#locatorView .locator-result-card::after { content:"";position:absolute;z-index:0;right:-36px;top:-42px;width:150px;aspect-ratio:1;border:1px solid color-mix(in srgb,var(--locator-type) 24%,transparent);border-radius:50%;box-shadow:0 0 0 12px rgba(0,0,0,.05),0 0 0 13px color-mix(in srgb,var(--locator-type) 10%,transparent);pointer-events:none; }
#locatorView .locator-result-card>* { z-index:1; }
#locatorView .locator-result-icon { width:48px;height:48px;border:2px solid color-mix(in srgb,var(--locator-type) 80%,#d7a556);background:radial-gradient(circle,color-mix(in srgb,var(--locator-type) 40%,#22151c),#090708 72%);color:#f1d598;box-shadow:inset 0 0 0 3px #080607,0 3px 0 #000; }
#locatorView .locator-result-icon svg { width:29px;height:29px;fill:none;stroke:currentColor;stroke-width:1.55;filter:drop-shadow(1px 2px #000); }
#locatorView .locator-role { padding:5px 8px;border:1px solid color-mix(in srgb,var(--locator-type) 72%,#76512e);background:rgba(8,6,7,.66);color:#efd49d;box-shadow:inset 0 0 0 2px #080607; }
#locatorView .locator-playability { margin-left:auto;padding:5px 8px;border:1px solid #456b55;background:rgba(7,18,12,.76);color:#aee8bd;font:800 .64rem/1 Georgia,serif;letter-spacing:.05em;text-transform:uppercase;box-shadow:inset 0 0 0 2px #080607; }
#locatorView .locator-result-card[data-locator-type="enemy"] .locator-playability,
#locatorView .locator-result-card[data-locator-type="abomination"] .locator-playability,
#locatorView .locator-result-card[data-locator-type="necromancer"] .locator-playability { border-color:#773b35;background:rgba(30,7,7,.76);color:#efaaa0; }
#locatorView .locator-result-card h3 { margin:15px 0 6px;color:#f5e3bf;font:900 1.34rem/1.06 Impact,'Arial Narrow',Georgia,serif;letter-spacing:.035em;text-transform:uppercase;text-shadow:2px 2px #301323; }
#locatorView .locator-result-card h3 em { color:#e9bd68;font-family:Georgia,serif;font-weight:800;letter-spacing:0;text-transform:none; }
#locatorView .locator-summary { padding-bottom:11px;border-bottom:1px solid color-mix(in srgb,var(--locator-type) 35%,transparent);color:#c5b69e;font-family:Georgia,serif; }
#locatorView .locator-appearances { gap:8px; }
#locatorView .locator-product {
  min-height:54px;
  padding:10px 11px;
  border:1px solid color-mix(in srgb,var(--locator-type) 43%,#3e2a20);
  background:linear-gradient(100deg,rgba(18,13,13,.9),rgba(32,19,27,.76))!important;
  box-shadow:inset 3px 0 var(--locator-type),inset 0 0 0 1px rgba(0,0,0,.65);
}
#locatorView .locator-product:hover { border-color:color-mix(in srgb,var(--locator-type) 72%,#d7a14f);background:linear-gradient(100deg,color-mix(in srgb,var(--locator-type) 22%,#171011),rgba(16,10,14,.9))!important;transform:translateX(2px); }
#locatorView .locator-product strong { color:#f0dfc0;font-size:.8rem; }
#locatorView .locator-product small { color:#ab9a80; }
#locatorView .locator-product-status { border-color:#66503b;background:rgba(5,5,5,.6); }

#locatorView .locator-empty {
  min-height:310px;
  padding:54px 38px;
  border:2px solid #180f0d;
  outline:1px dashed #90673a;
  background:
    radial-gradient(circle at 50% 42%,rgba(120,66,123,.2),transparent 24%),
    linear-gradient(135deg,rgba(31,20,23,.78),rgba(7,7,7,.7))!important;
  box-shadow:inset 0 0 0 5px rgba(5,5,5,.65),6px 8px 0 rgba(0,0,0,.4);
}
#locatorView .locator-empty>span { width:70px;height:70px;border:2px solid #c18a43;background:radial-gradient(circle,#673668,#170c17 68%);color:#f0d297;box-shadow:0 0 0 4px #080607,0 0 0 5px #754178,0 8px 18px #000; }
#locatorView .locator-empty strong { color:#f1ddba;font:900 1.25rem/1 Impact,'Arial Narrow',Georgia,serif;letter-spacing:.035em;text-transform:uppercase;text-shadow:2px 2px #351336; }
#locatorView .locator-empty p { color:#c1b299;font-family:Georgia,serif; }

@media (max-width:900px) {
  #locatorView.active { padding:14px 14px 100px; }
  #locatorView .locator-hero { min-height:235px;padding:30px; }
  .locator-compass-seal { width:112px;flex-basis:112px; }
  #locatorView .locator-console { grid-template-columns:1fr 1fr;padding:24px 20px 20px; }
  #locatorView .locator-search-field { grid-column:1/-1; }
  #locatorView .locator-results { grid-template-columns:1fr; }
}
@media (max-width:600px) {
  #locatorView.active { padding:10px 10px 88px; }
  #locatorView .locator-hero { min-height:245px;padding:28px 20px;align-items:flex-end; }
  #locatorView .locator-hero h2 { max-width:270px;font-size:2.45rem; }
  #locatorView .locator-hero-copy>p:not(.eyebrow) { max-width:78%;font-size:.77rem; }
  .locator-hero-tags { max-width:82%; }
  .locator-hero-tags span { font-size:.5rem; }
  .locator-compass-seal { position:absolute;right:18px;top:38px;width:72px; }
  .locator-compass-seal svg { width:38px;height:38px; }
  .locator-compass-seal small { display:none; }
  #locatorView .locator-console { grid-template-columns:1fr;margin-top:18px;padding:27px 15px 17px!important; }
  #locatorView .locator-search-field { grid-column:auto; }
  #locatorView .locator-console::before { font-size:.52rem;padding-inline:12px; }
  #locatorView .locator-heading { grid-template-columns:auto 1fr; }
  #locatorView .locator-heading>span:last-child { grid-column:1/-1;padding-top:7px;border-top:1px solid rgba(183,123,59,.28);font-size:.65rem; }
  #locatorView .locator-result-card { padding:18px 16px 16px; }
  #locatorView .locator-product { grid-template-columns:minmax(0,1fr) auto; }
}
@media (orientation:landscape) and (min-width:681px) and (max-width:950px) and (max-height:600px) {
  #locatorView.active { padding-top:8px; }
  #locatorView .locator-hero { min-height:190px;padding:24px 28px; }
  #locatorView .locator-hero h2 { font-size:2.75rem; }
  .locator-compass-seal { width:92px;flex-basis:92px; }
  .locator-compass-seal svg { width:46px;height:46px; }
}

/* Project Phoenix v0.5.8-alpha.163 — realm targeting-priority board. */
#rulesView .rule-reference-card[data-layout="wide"] { grid-column:1/-1; }
.target-priority-board { position:relative;z-index:1;margin:17px 0 15px;border:2px solid #2b160f;outline:1px solid #a56731;background:linear-gradient(145deg,rgba(46,23,15,.94),rgba(11,8,7,.96));box-shadow:inset 0 0 0 3px #090605,5px 7px 0 rgba(0,0,0,.38); }
.target-priority-banner { display:flex;align-items:center;justify-content:space-between;gap:16px;min-height:47px;padding:10px 15px;border-bottom:2px solid #21110c;background:linear-gradient(90deg,#852c20,#3c120e 64%,#160c09);box-shadow:inset 0 1px #dc7041,inset 0 -1px #9b5f30; }
.target-priority-banner b { color:#fff0ce;font:900 .79rem/1 Impact,'Arial Narrow',Georgia,serif;letter-spacing:.08em;text-transform:uppercase;text-shadow:2px 2px #270907; }
.target-priority-banner span { color:#d9bd8a;font:700 .62rem/1.25 Georgia,serif;text-align:right; }
.target-priority-realms { display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;padding:10px; }
.target-priority-realm { --priority-accent:#9e3c2a;overflow:hidden;border:1px solid color-mix(in srgb,var(--priority-accent) 72%,#55341e);background:linear-gradient(145deg,color-mix(in srgb,var(--priority-accent) 16%,#160f0c),rgba(7,7,7,.92));box-shadow:inset 0 0 0 2px #080706; }
.target-priority-realm.priority-horde { --priority-accent:#65813b; }
.target-priority-realm.priority-death { --priority-accent:#568497; }
.target-priority-realm h5 { margin:0;padding:10px 12px;border-bottom:1px solid color-mix(in srgb,var(--priority-accent) 78%,#5e3d24);background:linear-gradient(90deg,var(--priority-accent),color-mix(in srgb,var(--priority-accent) 40%,#111));color:#fff1cf;font:900 .73rem/1 Impact,'Arial Narrow',Georgia,serif;letter-spacing:.07em;text-transform:uppercase;text-shadow:1px 2px #080606; }
.target-priority-realm ol { display:grid;gap:0;margin:0;padding:0;list-style:none;counter-reset:none; }
.target-priority-realm li { display:grid;grid-template-columns:38px minmax(0,1fr);align-items:center;min-height:43px;border-bottom:1px solid color-mix(in srgb,var(--priority-accent) 28%,#211812); }
.target-priority-realm li:last-child { border-bottom:0; }
.target-priority-realm li>b { display:grid;place-items:center;align-self:stretch;border-right:1px solid color-mix(in srgb,var(--priority-accent) 42%,#382417);background:color-mix(in srgb,var(--priority-accent) 18%,rgba(7,7,7,.9));color:#f2cd7c;font:900 1.05rem/1 Impact,'Arial Narrow',Georgia,serif;text-shadow:1px 2px #000; }
.target-priority-realm li>span { padding:8px 10px;color:#f1dfbd;font:750 .71rem/1.25 Georgia,serif; }

@media (max-width:850px) {
  .target-priority-realms { grid-template-columns:1fr; }
  .target-priority-realm ol { grid-template-columns:repeat(4,minmax(0,1fr)); }
  .target-priority-realm li { grid-template-columns:31px minmax(0,1fr);border-right:1px solid color-mix(in srgb,var(--priority-accent) 28%,#211812);border-bottom:0; }
  .target-priority-realm li:last-child { border-right:0; }
}
@media (max-width:600px) {
  .target-priority-banner { align-items:flex-start;flex-direction:column;gap:4px; }
  .target-priority-banner span { text-align:left; }
  .target-priority-realms { padding:8px; }
  .target-priority-realm ol { grid-template-columns:1fr; }
  .target-priority-realm li { grid-template-columns:36px minmax(0,1fr);border-right:0;border-bottom:1px solid color-mix(in srgb,var(--priority-accent) 28%,#211812); }
  .target-priority-realm li:last-child { border-bottom:0; }
}

/* Project Phoenix v0.5.8-alpha.165 — fourth Command Center gateway. */
body:has(#dashboardView.active) .realm-showcase { grid-template-columns:repeat(4,minmax(0,1fr)); }
body:has(#dashboardView.active) .realm-showcase .realm-card h2 { font-size:clamp(.82rem,1.1vw,1.08rem);letter-spacing:.035em; }
.realm-crossovers { --realm-accent:#6f438f;--realm-dark:#2b153d; }
body:has(#dashboardView.active) .realm-crossovers .realm-card-body > img {
  object-fit:contain;
  object-position:center;
  transform:scale(.72);
  opacity:.96;
  filter:drop-shadow(5px 7px 5px rgba(0,0,0,.55)) brightness(1.12) saturate(1.18) contrast(1.06);
  -webkit-mask-image:radial-gradient(ellipse 62% 70% at 50% 48%,#000 30%,rgba(0,0,0,.96) 43%,rgba(0,0,0,.58) 57%,transparent 74%);
  mask-image:radial-gradient(ellipse 62% 70% at 50% 48%,#000 30%,rgba(0,0,0,.96) 43%,rgba(0,0,0,.58) 57%,transparent 74%);
}
.realm-crossovers .realm-open-button { border-color:#25142e;background:linear-gradient(180deg,#79509a,#321b46);color:#fff0cf;box-shadow:inset 0 0 0 1px #aa79c7,0 3px 0 #170a20; }
.realm-crossovers .realm-open-button:hover { filter:brightness(1.18); }

@media (max-width:1050px) {
  body:has(#dashboardView.active) .realm-showcase { grid-template-columns:repeat(2,minmax(0,1fr)); }
  body:has(#dashboardView.active) .realm-card:last-child { grid-column:auto;width:100%;justify-self:stretch; }
  body:has(#dashboardView.active) .realm-showcase .realm-card h2 { font-size:1.12rem; }
}
@media (max-width:760px) {
  body:has(#dashboardView.active) .realm-showcase { grid-template-columns:1fr; }
  body:has(#dashboardView.active) .realm-showcase .realm-card h2 { font-size:1rem; }
  body:has(#dashboardView.active) .realm-crossovers .realm-card-body > img { transform:scale(.64)!important; }
}
@media (orientation:landscape) and (max-height:600px) and (max-width:950px) {
  body:has(#dashboardView.active) .realm-showcase { grid-template-columns:repeat(2,minmax(0,1fr)); }
  body:has(#dashboardView.active) .realm-crossovers .realm-card-body > img { transform:scale(.68)!important; }
}

/* Project Phoenix v0.5.8-alpha.168 — Official Crossover Gateway Hall. */
body:has(#crossoversView.active) .crossovers-fixed-backdrop {
  display:block;position:fixed;z-index:0;inset:0;pointer-events:none;
  background:
    radial-gradient(circle at 54% 36%,rgba(113,55,171,.08),transparent 25%),
    linear-gradient(180deg,rgba(5,5,8,.22),rgba(5,4,8,.7) 74%,#050407),
    url('../assets/crossover-gateway-hall-v168.webp') center 34%/cover no-repeat;
  filter:saturate(1.08) contrast(1.06) brightness(.78);
}
body:has(#crossoversView.active) .command-main { position:relative;z-index:1;background:transparent; }
#crossoversView.active { position:relative;isolation:isolate;min-height:100vh;padding:20px 18px 150px; }
#crossoversView.active::after { content:"";position:fixed;z-index:-1;inset:0;pointer-events:none;background:radial-gradient(ellipse at 52% 28%,transparent 0 18%,rgba(1,1,3,.38) 62%,rgba(1,1,2,.77) 100%); }

.crossover-vault-hero { position:relative;display:flex;align-items:center;justify-content:space-between;gap:34px;min-height:330px;padding:42px 48px;overflow:hidden;border:3px solid #130b18;outline:2px solid #9b6b3c;background:linear-gradient(90deg,rgba(8,6,11,.98) 0 43%,rgba(25,12,35,.67) 65%,rgba(8,6,10,.28)),url('../assets/crossover-gateway-hall-v168.webp') center 24%/cover;box-shadow:0 0 0 5px #050306,0 20px 42px rgba(0,0,0,.78),inset 0 0 80px #020103; }
.crossover-vault-hero::before,.crossover-vault-hero::after { content:"";position:absolute;right:0;left:0;z-index:3;height:12px;background:linear-gradient(180deg,#0c0710,#63367c 28%,#d59b50 42%,#331b40 58%,#070408);box-shadow:0 2px #c69249,0 5px #050305; }
.crossover-vault-hero::before { top:0; }.crossover-vault-hero::after { bottom:0;transform:rotate(180deg); }
.crossover-vault-copy { position:relative;z-index:2;max-width:790px; }
.crossover-breadcrumb { display:flex;align-items:center;gap:8px;margin-bottom:20px;color:#b79ac4;font:800 .63rem/1 Georgia,serif;letter-spacing:.09em;text-transform:uppercase; }
.crossover-breadcrumb button { padding:0;border:0;background:transparent;color:#e1bb70;font:inherit;text-decoration:underline;text-underline-offset:3px; }
.crossover-vault-copy .eyebrow { margin:0;color:#c58ee0;font:900 .7rem/1 Georgia,serif;letter-spacing:.2em;text-transform:uppercase;text-shadow:2px 2px #13091a; }
.crossover-vault-copy h2 { max-width:760px;margin:8px 0 13px;color:#f5e7c8;font:900 clamp(3rem,5.8vw,5.5rem)/.88 Impact,'Arial Narrow',Georgia,serif;letter-spacing:.02em;text-transform:uppercase;-webkit-text-stroke:1px #30143b;text-shadow:3px 3px #65317c,6px 6px #050306; }
.crossover-vault-copy>p:not(.eyebrow) { max-width:690px;margin:0;color:#dfd0e4;font:650 .95rem/1.55 Georgia,serif;text-shadow:0 2px 4px #000; }
.crossover-hero-tags { display:flex;flex-wrap:wrap;gap:7px;margin-top:19px; }
.crossover-hero-tags span { padding:6px 9px;border:1px solid #9d7441;background:rgba(13,8,17,.86);color:#e9c986;font:900 .56rem/1 Georgia,serif;letter-spacing:.09em;text-transform:uppercase;box-shadow:2px 3px #030204; }
.crossover-gate-seal { position:relative;z-index:2;display:grid;place-items:center;flex:0 0 170px;width:170px;height:170px;border:3px solid #b98a48;border-radius:50%;background:radial-gradient(circle,#70418e 0 5%,#301943 30%,#0b0710 67%,#020203 68%);box-shadow:inset 0 0 0 7px #09050c,inset 0 0 34px #8b50ad,0 0 0 3px #1d1025,0 0 34px rgba(140,75,174,.62); }
.crossover-gate-seal::before { content:"";position:absolute;inset:13px;border:1px dashed #d3a85f;border-radius:50%;box-shadow:0 0 16px rgba(206,159,85,.38); }
.crossover-gate-seal img { width:88px;height:88px;filter:invert(86%) sepia(42%) saturate(669%) hue-rotate(347deg) brightness(97%) contrast(91%) drop-shadow(0 0 7px #9d62bd); }
.crossover-gate-seal strong { position:absolute;bottom:22px;color:#ecd8a7;font:900 .57rem/1.25 Georgia,serif;letter-spacing:.1em;text-align:center;text-transform:uppercase;text-shadow:1px 2px #000; }

.crossover-vault-summary { position:relative;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));margin:18px 0 20px;border:2px solid #1b1020;outline:1px solid #9f713c;background:linear-gradient(90deg,rgba(29,15,38,.94),rgba(8,7,10,.95),rgba(38,19,49,.92));box-shadow:inset 0 0 0 3px #050306,5px 7px 0 rgba(0,0,0,.52); }
.crossover-vault-summary>div:not(.crossover-vault-progress) { display:grid;place-items:center;gap:7px;min-height:92px;padding:15px;border-right:1px solid rgba(188,139,69,.36);text-align:center; }
.crossover-vault-summary>div:nth-child(5) { border-right:0; }
.crossover-vault-summary span { color:#b99bc4;font:900 .6rem/1 Georgia,serif;letter-spacing:.1em;text-transform:uppercase; }
.crossover-vault-summary strong { color:#f1d99f;font:900 1.8rem/1 Georgia,serif;text-shadow:2px 2px #3b174c; }
.crossover-vault-summary .crossover-vault-value { gap:5px; }
.crossover-vault-summary .crossover-vault-value small { color:#a99aaa;font:700 .58rem/1.2 Arial,sans-serif;letter-spacing:.04em;text-transform:uppercase; }
.crossover-vault-progress { grid-column:1/-1;height:9px;border-top:1px solid #815b34;background:#050406;box-shadow:inset 0 2px 5px #000; }
.crossover-vault-progress span { display:block;width:0;height:100%;background:linear-gradient(90deg,#5e347b,#b271d1 62%,#efc56e);box-shadow:0 0 13px #8d4daf;transition:width .25s ease; }

.crossover-vault-toolbar { position:relative;display:flex;align-items:center;justify-content:space-between;gap:24px;margin-bottom:20px;padding:18px 21px;border:2px solid #1a0f20;outline:1px solid #8d6338;background:linear-gradient(105deg,rgba(46,24,58,.9),rgba(8,7,10,.9) 62%,rgba(31,18,39,.9));box-shadow:inset 0 0 0 3px #050306,5px 7px 0 rgba(0,0,0,.5); }
.crossover-vault-toolbar::before { content:"";position:absolute;inset:6px;pointer-events:none;border:1px solid rgba(204,157,80,.16); }
.crossover-vault-toolbar>div { position:relative;z-index:1; }
.crossover-vault-toolbar .toolbar-kicker { color:#c289dc;font:900 .57rem/1 Georgia,serif;letter-spacing:.15em;text-transform:uppercase; }
.crossover-vault-toolbar h3 { margin:5px 0;color:#f0ddba;font:900 1.18rem/1 Georgia,serif;text-transform:uppercase;text-shadow:2px 2px #2e123b; }
.crossover-vault-toolbar p { margin:0;color:#af9eba;font-size:.69rem; }
.crossover-vault-actions { display:grid;gap:8px;min-width:min(520px,52%); }
.crossover-filter,.crossover-collapse-actions { display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px; }
.crossover-collapse-actions { grid-template-columns:repeat(2,minmax(0,1fr)); }
.crossover-filter button,.crossover-collapse-actions button { min-height:38px;border:1px solid #72502d;border-radius:0;background:linear-gradient(#26172e,#0b080e);color:#c9b5d0;box-shadow:inset 0 0 0 1px #050305,0 3px #030203;font:900 .58rem/1 Georgia,serif;letter-spacing:.06em;text-transform:uppercase; }
.crossover-filter button.active { border-color:#cf9a52;background:linear-gradient(#774491,#351c47);color:#fff0ca;box-shadow:inset 0 0 0 1px #1b0d23,0 0 10px rgba(161,83,194,.34),0 3px #030203; }
.crossover-collapse-actions button { border-color:#80633a;background:linear-gradient(#684a26,#25170d);color:#edd3a0; }

#crossoverList>.group { --gateway-accent:#8750a4;overflow:hidden;margin:18px 0;border:2px solid #180d1d;outline:1px solid color-mix(in srgb,var(--gateway-accent) 60%,#9e713c);background:linear-gradient(145deg,rgba(27,14,34,.72),rgba(5,5,7,.62));box-shadow:inset 0 0 0 2px #050306,6px 8px 0 rgba(0,0,0,.5);backdrop-filter:blur(2px) saturate(.95); }
#crossoverList>.group:nth-child(4n+2) { --gateway-accent:#3f7890; }
#crossoverList>.group:nth-child(4n+3) { --gateway-accent:#8d582f; }
#crossoverList>.group:nth-child(4n) { --gateway-accent:#704657; }
#crossoverList>.group>.group-header { position:relative;min-height:62px;padding:14px 18px;border:0;border-radius:0;background:linear-gradient(90deg,var(--gateway-accent),color-mix(in srgb,var(--gateway-accent) 45%,#0c0810) 64%,#09070b);color:#fff0d0;box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--gateway-accent) 65%,#d7ad62),inset 0 -5px rgba(5,3,6,.42);font:900 1.08rem/1 Georgia,serif;letter-spacing:.065em;text-transform:uppercase;text-shadow:2px 2px #1a0a20; }
#crossoverList>.group>.group-header::after { content:"OFFICIAL GATEWAY";position:absolute;top:7px;right:14px;color:rgba(255,237,200,.23);font:900 .48rem/1 Impact,'Arial Narrow',sans-serif;letter-spacing:.17em; }
#crossoverList .group-header .meta { color:#ebd8ad;font:700 .68rem/1 Georgia,serif;letter-spacing:.01em;text-transform:none;text-shadow:1px 1px #000; }
#crossoverList .collapse-icon { display:grid;place-items:center;width:25px;height:25px;border:1px solid #d0a459;border-radius:50%;background:#0b0710;color:#e7c67f;font-size:.62rem;box-shadow:inset 0 0 0 2px #030204; }
#crossoverList .direct-product-list { display:grid;gap:13px;padding:14px; }

#crossoversView .crossover-product-card { --gateway-accent:#8750a4;grid-template-columns:145px minmax(0,1fr) 145px;gap:0;margin:0;padding:0;overflow:hidden;border:2px solid #1b1020!important;border-left:6px solid var(--gateway-accent)!important;border-radius:0!important;outline:1px solid rgba(157,112,61,.65);background:linear-gradient(115deg,rgba(50,25,62,.61),rgba(7,7,9,.55) 50%,rgba(27,15,34,.62))!important;box-shadow:inset 0 0 0 2px #050306,5px 7px 0 rgba(0,0,0,.42)!important;backdrop-filter:blur(2px) saturate(.92); }
#crossoversView .crossover-product-card[data-product-id^="BS-"] { --gateway-accent:#99503c; }
#crossoversView .crossover-product-card[data-product-id^="MDS-"] { --gateway-accent:#477a91; }
#crossoversView .crossover-product-card[data-product-id^="IM-"] { --gateway-accent:#9a7538; }
#crossoversView .crossover-product-card[data-product-id^="MD1-"] { --gateway-accent:#6e4d91; }
#crossoversView .crossover-product-card[data-product-id^="MD2-"] { --gateway-accent:#8252a2; }
#crossoversView .crossover-product-card[data-product-id^="TMNT-"] { --gateway-accent:#4f873d; }
#crossoversView .crossover-product-card[data-product-id^="TC-"] { --gateway-accent:#8d522e; }
.crossover-product-sigil { position:relative;grid-column:1;grid-row:1/3;display:grid;place-items:center;align-content:center;gap:9px;min-height:245px;padding:18px 10px;overflow:hidden;border:0;border-right:1px solid color-mix(in srgb,var(--gateway-accent) 60%,#93683c);border-radius:0;background:linear-gradient(rgba(8,5,11,.34),rgba(5,4,7,.75)),url('../assets/home-cards/crossovers.webp') center 45%/cover;color:#efdaa8; }
.crossover-product-card.has-product-art .crossover-product-sigil { background:radial-gradient(circle at 50% 42%,color-mix(in srgb,var(--gateway-accent) 22%,#211825),rgba(5,4,7,.94) 74%); }
.crossover-product-art { position:relative;z-index:1;display:block;width:100%;height:215px;object-fit:contain;filter:drop-shadow(0 7px 7px rgba(0,0,0,.72)); }
.crossover-reference-label { position:absolute;z-index:2;right:9px;bottom:8px;left:9px;padding:5px 4px;border:1px solid color-mix(in srgb,var(--gateway-accent) 65%,#c99b54);background:rgba(6,4,8,.82);color:#e6c98f;font:800 .43rem/1 Georgia,serif;letter-spacing:.09em;text-align:center;text-transform:uppercase; }
.crossover-product-sigil::after { content:"";position:absolute;inset:7px;border:1px solid color-mix(in srgb,var(--gateway-accent) 60%,#c39552);pointer-events:none;clip-path:polygon(0 0,30% 0,30% 1px,70% 1px,70% 0,100% 0,100% 28%,calc(100% - 1px) 28%,calc(100% - 1px) 72%,100% 72%,100% 100%,70% 100%,70% calc(100% - 1px),30% calc(100% - 1px),30% 100%,0 100%,0 72%,1px 72%,1px 28%,0 28%); }
.crossover-sigil-rings { display:grid;place-items:center;width:88px;height:88px;border:2px solid #c89a52;border-radius:50%;background:radial-gradient(circle,var(--gateway-accent),#160b1d 66%);box-shadow:inset 0 0 0 5px #070409,0 0 19px color-mix(in srgb,var(--gateway-accent) 52%,transparent); }
.crossover-sigil-rings img { width:55px;height:55px;filter:invert(86%) sepia(42%) saturate(669%) hue-rotate(347deg) brightness(97%) contrast(91%); }
.crossover-product-sigil>strong { max-width:115px;color:#f0dcae;font:900 .7rem/1.25 Georgia,serif;letter-spacing:.05em;text-align:center;text-transform:uppercase;text-shadow:1px 2px #000; }
.crossover-product-sigil>small { color:#bca4c4;font:800 .48rem/1 Georgia,serif;letter-spacing:.11em;text-transform:uppercase; }
#crossoversView .crossover-product-card .product-card-heading { grid-column:2;align-self:center;min-width:0;padding:17px 18px 14px; }
#crossoversView .crossover-product-card .product-name-button { color:#f2e0bd;font:900 1.1rem/1.2 Georgia,serif;text-align:left;text-transform:uppercase;text-shadow:2px 2px #2b1137; }
#crossoversView .crossover-product-card .product-card-heading>.meta { margin-top:7px;color:#bb9ac6;font:750 .66rem/1.2 Georgia,serif;letter-spacing:.08em;text-transform:uppercase; }
#crossoversView .crossover-product-card .archive-entry-button { margin-top:10px;border:1px solid #b98244;border-radius:0;background:linear-gradient(#71418a,#321a43);color:#f8e3b5;box-shadow:inset 0 0 0 1px #160a1d,0 3px #09050b;font:900 .58rem/1 Georgia,serif;letter-spacing:.07em;text-transform:uppercase; }
#crossoversView .crossover-product-card>.status-select { grid-column:3;align-self:start;width:calc(100% - 20px);margin:17px 10px 0;border:1px solid #a4763f;border-radius:0;background:#0b080d;color:#e8d1a0;font:800 .68rem/1 Georgia,serif;box-shadow:inset 0 0 0 2px #050305; }
#crossoversView .crossover-product-card>.product-details { grid-column:2/4;display:grid;gap:10px;padding:13px 18px 17px;border-top:1px solid color-mix(in srgb,var(--gateway-accent) 42%,#76512e);background:linear-gradient(100deg,rgba(12,8,15,.42),rgba(4,4,6,.27)); }
#crossoversView .crossover-product-card .tag { border-color:#805b34;border-radius:0;background:rgba(10,7,12,.7);color:#d7bdeb; }
#crossoversView .crossover-product-card textarea,#crossoversView .crossover-product-card .marketplace-panel,#crossoversView .crossover-product-card .verified-market-estimate { border-color:#65442c;border-radius:0;background:rgba(5,4,7,.62); }

@media (max-width:900px) {
  .crossover-vault-hero { min-height:300px;padding:34px 30px; }
  .crossover-gate-seal { flex-basis:135px;width:135px;height:135px; }
  .crossover-gate-seal img { width:67px;height:67px; }
  .crossover-vault-toolbar { align-items:stretch;flex-direction:column; }
  .crossover-vault-actions { min-width:0;width:100%; }
  #crossoversView .crossover-product-card { grid-template-columns:125px minmax(0,1fr) 125px; }
}
@media (max-width:680px) {
  #crossoversView.active { margin:-5px;width:calc(100% + 10px);padding:10px 7px calc(125px + env(safe-area-inset-bottom)); }
  body:has(#crossoversView.active) .crossovers-fixed-backdrop { background-position:50% 28%; }
  .crossover-vault-hero { background-position:50% 24%; }
  .crossover-vault-hero { min-height:380px;padding:26px 20px 30px;align-items:flex-end; }
  .crossover-vault-hero::before,.crossover-vault-hero::after { height:9px; }
  .crossover-vault-copy h2 { font-size:2.55rem; }
  .crossover-vault-copy>p:not(.eyebrow) { max-width:82%;font-size:.78rem; }
  .crossover-breadcrumb { margin-bottom:13px; }
  .crossover-gate-seal { position:absolute;right:18px;bottom:24px;width:102px;height:102px; }
  .crossover-gate-seal img { width:52px;height:52px; }
  .crossover-gate-seal strong { display:none; }
  .crossover-hero-tags { max-width:70%; }
  .crossover-vault-summary { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .crossover-vault-summary>div:not(.crossover-vault-progress) { min-height:76px;padding:11px;border-bottom:1px solid rgba(188,139,69,.28); }
  .crossover-vault-summary>div:nth-child(2) { border-right:0; }
  .crossover-vault-summary>div:nth-child(n+3) { border-bottom:1px solid rgba(188,139,69,.28); }
  .crossover-vault-summary>div:nth-child(4) { border-right:0; }
  .crossover-vault-summary>div:nth-child(5) { grid-column:1/-1;border-right:0;border-bottom:0; }
  .crossover-vault-toolbar { padding:16px 13px; }
  .crossover-filter { grid-template-columns:1fr; }
  #crossoverList>.group>.group-header { align-items:flex-start;min-height:70px;padding:14px 11px;font-size:.83rem; }
  #crossoverList>.group>.group-header::after { display:none; }
  #crossoverList .group-header .meta { max-width:42%;font-size:.55rem;text-align:right; }
  #crossoverList .direct-product-list { padding:9px; }
  #crossoversView .crossover-product-card { grid-template-columns:105px minmax(0,1fr); }
  .crossover-product-sigil { grid-column:1;grid-row:1/2;min-height:145px;padding:10px 5px; }
  .crossover-product-art { height:125px; }
  .crossover-reference-label { right:5px;bottom:5px;left:5px;padding:4px 2px;font-size:.36rem; }
  .crossover-sigil-rings { width:63px;height:63px; }
  .crossover-sigil-rings img { width:39px;height:39px; }
  .crossover-product-sigil>strong { max-width:90px;font-size:.55rem; }
  .crossover-product-sigil>small { display:none; }
  #crossoversView .crossover-product-card .product-card-heading { grid-column:2;padding:13px 11px 9px; }
  #crossoversView .crossover-product-card .product-name-button { font-size:.82rem; }
  #crossoversView .crossover-product-card>.status-select { grid-column:2;width:calc(100% - 22px);margin:0 11px 12px; }
  #crossoversView .crossover-product-card>.product-details { grid-column:1/3;padding:12px 10px 14px; }
}

/* Bind heraldic colors to destinations so hidden/reordered tabs cannot shift them. */
.command-sidebar button[data-view="missionsView"] { --tab-top:#416a76;--tab-bottom:#1c3037;--tab-edge:#77b3bf; }
.command-sidebar button[data-view="locatorView"] { --tab-top:#724454;--tab-bottom:#321d27;--tab-edge:#c17b91; }

.command-footer-legal { display:flex;justify-content:center;flex-wrap:wrap;gap:8px 18px;padding:8px 12px 4px;border-top:1px solid rgba(199,123,57,.26); }
.command-footer-legal a { color:#e6bd73;font:800 .64rem/1.3 Georgia,serif;letter-spacing:.06em;text-transform:uppercase;text-decoration:none; }
.command-footer-legal a:hover,.command-footer-legal a:focus-visible { color:#fff0c6;text-decoration:underline; }
[data-ebay-api-ui][hidden] { display:none!important; }

/* Alpha.311 — the Master Table is the gateway to every Zombicide realm. */
body:has(#masterTableView.active) { overflow-x:hidden;padding:0;background:#080706; }
body:has(#masterTableView.active) .command-header,
body:has(#masterTableView.active) .command-sidebar { display:none!important; }
body:has(#masterTableView.active) .command-main { width:100%;max-width:none;margin:0;padding:0; }
#masterTableView {
  position:relative;
  isolation:isolate;
  min-height:100vh;
  padding:28px clamp(18px,3vw,48px) 64px;
  overflow:hidden;
  background:
    linear-gradient(180deg,rgba(3,3,3,.2),rgba(3,2,2,.76)),
    url('../assets/command-center-war-room-v91.webp') center top/cover fixed;
}

/* Western archive foundation */
body[data-active-realm="western"] .command-dashboard {
  background:
    linear-gradient(180deg,rgba(13,8,4,.34),rgba(9,5,2,.86)),
    url('../assets/realm-crests/western-scene.webp') center/cover fixed;
}
.western-dashboard-shell {
  --western-gold:#d7a84c;--western-rust:#a63e22;--western-ink:#160b07;
  display:grid;grid-template-columns:minmax(0,1fr) 250px;gap:16px;
  min-height:100vh;padding:104px 22px 28px;color:#f4dfb0;
}
.western-dashboard-shell[hidden] { display:none!important; }
.western-command-banner,.western-filter-deck,.western-record-section,.western-ledger,.western-next-phase,.western-command-footer {
  border:2px solid #70451d;background:linear-gradient(145deg,rgba(35,17,8,.96),rgba(8,7,5,.94));
  box-shadow:inset 0 0 0 3px #090604,0 12px 28px rgba(0,0,0,.65);
}
.western-command-banner { grid-column:1/-1;display:flex;align-items:center;justify-content:space-between;padding:22px 26px;border-color:#a26a2e;background:linear-gradient(100deg,rgba(90,31,14,.97),rgba(17,10,6,.95) 56%,rgba(6,5,4,.96)); }
.western-command-banner span,.western-record-section>header>span,.western-next-phase>span { color:#efb858;font:.72rem/1 system-ui,sans-serif;font-weight:900;letter-spacing:.18em;text-transform:uppercase; }
.western-command-banner h2,.western-record-section>header h3,.western-next-phase h3 { margin:.22rem 0;color:#fff0c8;font-family:Georgia,serif;text-transform:uppercase;text-shadow:2px 3px #170702; }
.western-command-banner h2 { font-size:clamp(2rem,4vw,4rem); }
.western-command-banner p,.western-record-section>header p,.western-next-phase p { margin:0;color:#cfb993; }
.western-command-banner button,.western-filter-actions button { border:1px solid #c68c3d;background:linear-gradient(#702713,#321006);color:#ffe3aa;padding:10px 14px;font-weight:800;text-transform:uppercase; }
.western-filter-deck { grid-column:1/-1;display:grid;grid-template-columns:1.45fr 1fr 1fr;gap:12px;padding:16px; }
.western-filter-deck header { grid-column:1/-1;display:flex;align-items:center;gap:12px;border-bottom:1px solid #6e431d;padding-bottom:10px; }
.western-filter-deck header>span { display:grid;place-items:center;width:42px;height:42px;border:1px solid #d7a84c;border-radius:50%;background:#3a170b;color:#ffd781;font-size:1.4rem; }
.western-filter-deck header small,.western-filter-deck header strong { display:block;text-transform:uppercase;letter-spacing:.08em; }
.western-filter-deck header small { color:#bd7d34;font-size:.62rem; }.western-filter-deck header strong{font-size:1.05rem;color:#ffe5b4;}
.western-filter-deck label { color:#d8bd8f;font-size:.68rem;font-weight:800;text-transform:uppercase;letter-spacing:.08em; }
.western-filter-deck input,.western-filter-deck select,.western-record-card select { display:block;width:100%;min-height:42px;margin-top:6px;border:1px solid #8d5d28;background:#100a07;color:#f8e1b4;padding:8px 10px; }
.western-filter-actions { grid-column:1/-1;display:flex;align-items:center;justify-content:space-between;border-top:1px solid #5e3919;padding-top:11px;color:#d5b57c; }
.western-record-section { padding:20px; }.western-record-section>header{padding:4px 4px 18px;}.western-record-section>header h3{font-size:2rem;}
.western-record-grid { display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px; }
.western-record-card { min-width:0;border:1px solid #865324;background:linear-gradient(160deg,rgba(63,28,13,.92),rgba(12,9,6,.98));box-shadow:inset 0 0 0 2px #070504;overflow:hidden; }
.western-record-card[data-status="owned"] { border-color:#4c9b5e; }.western-record-card[data-status="wanted"]{border-color:#d3a63e;}.western-record-card[data-status="ordered"]{border-color:#4d8cae;}
.western-record-card figure { position:relative;height:245px;margin:0;background:radial-gradient(circle,#745125 0,#26160b 58%,#080604 100%);overflow:hidden; }
.western-record-card figure img { width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 12px 8px rgba(0,0,0,.65)) saturate(1.05); }
.western-record-card figure span { position:absolute;right:8px;bottom:8px;border:1px solid #e6b45b;background:#32150b;color:#ffe6ad;padding:5px 8px;font-size:.67rem;font-weight:900; }
.western-record-card>div { padding:16px; }.western-record-card small{color:#d99345;font-weight:900;text-transform:uppercase;letter-spacing:.08em;}.western-record-card h3{margin:.35rem 0;color:#ffeac0;font:1.38rem/1.05 Georgia,serif;text-transform:uppercase;}.western-record-card p{color:#ceb995;font-size:.78rem;line-height:1.45;}.western-record-card em{display:block;color:#edc87d;font-size:.7rem;}.western-record-card footer{display:grid;grid-template-columns:1fr auto;align-items:end;gap:10px;margin-top:14px;padding-top:12px;border-top:1px solid #6d401d;}.western-record-card footer label{font-size:.65rem;text-transform:uppercase;}.western-record-card footer a{color:#ffd889;font-weight:800;font-size:.73rem;text-decoration:none;}
.western-ledger { grid-column:2;grid-row:3 / span 2;align-self:start;display:grid;grid-template-columns:repeat(3,1fr);gap:8px;padding:16px;position:sticky;top:92px; }.western-ledger>span,.western-ledger>p{grid-column:1/-1;}.western-ledger>span{color:#e4ad50;font-size:.68rem;font-weight:900;text-transform:uppercase;letter-spacing:.12em;}.western-ledger div{text-align:center;border:1px solid #6c431f;background:#0e0906;padding:10px 4px;}.western-ledger strong,.western-ledger small{display:block;}.western-ledger strong{font-size:1.4rem;color:#ffe1a2;}.western-ledger small{font-size:.55rem;text-transform:uppercase;color:#bd9d6b;}.western-ledger p{color:#bea985;font-size:.7rem;line-height:1.45;}
.western-next-phase { padding:20px; }.western-next-phase h3{font-size:1.5rem;}.western-command-footer{grid-column:1/-1;display:flex;justify-content:space-between;padding:12px 16px;color:#bd9a68;font-size:.68rem;text-transform:uppercase;letter-spacing:.08em;}
@media (max-width:1000px){.western-dashboard-shell{grid-template-columns:1fr;padding:96px 14px 22px}.western-ledger{grid-column:1;grid-row:auto;position:static}.western-record-grid{grid-template-columns:repeat(2,minmax(0,1fr));}}
@media (max-width:650px){.western-dashboard-shell{padding:88px 8px 88px}.western-command-banner{align-items:flex-start;gap:12px;padding:16px}.western-command-banner h2{font-size:2rem}.western-filter-deck{grid-template-columns:1fr}.western-filter-deck header,.western-filter-actions{grid-column:1}.western-record-section{padding:11px}.western-record-grid{grid-template-columns:1fr}.western-record-card{display:grid;grid-template-columns:118px minmax(0,1fr)}.western-record-card figure{height:100%;min-height:240px}.western-record-card footer{grid-template-columns:1fr}.western-command-footer{flex-direction:column;gap:5px}}

/* Alpha 319: Modern realm foundation built from the Fantasy command-center blueprint. */
#fantasyDashboardShell[hidden],
#modernDashboardShell[hidden],
#invaderDashboardShell[hidden] { display:none!important; }

body[data-active-realm="modern"]:has(#dashboardView.active) .header-actions .icon-action { display:none; }

body[data-active-realm="modern"]:has(#dashboardView.active) .command-sidebar {
  padding-right:6px;
}

body[data-active-realm="modern"]:has(#dashboardView.active) .command-sidebar button[data-view="dashboardView"] {
  max-width:190px;
  border-color:#c45c45;
  background:linear-gradient(#ad4936,#531712);
}

body[data-active-realm="modern"] #dashboardView.comic-command-center::before {
  background-image:
    linear-gradient(180deg,rgba(4,5,6,.12),rgba(4,5,6,.34) 48%,rgba(2,3,4,.88) 100%),
    url('../assets/modern/modern-outbreak-backdrop-v1.webp');
  background-position:center 35%;
  background-size:cover;
  filter:saturate(.82) contrast(1.18) brightness(.58);
}

.modern-dashboard-shell {
  position:relative;
  display:grid;
  grid-template-columns:minmax(0,1fr) 275px;
  gap:16px;
  width:min(1450px,100%);
  min-height:100vh;
  margin:0 auto;
  padding:132px 22px 18px;
  color:#eee3d2;
}
.modern-dashboard-shell [hidden] { display:none!important; }

.modern-command-banner {
  grid-column:1/-1;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:24px;
  padding:22px 28px;
  border:2px solid #7d3327;
  background:
    linear-gradient(100deg,rgba(116,31,24,.92),rgba(12,13,14,.94) 62%),
    repeating-linear-gradient(0deg,transparent 0 3px,rgba(255,255,255,.03) 3px 4px);
  box-shadow:inset 0 0 0 3px #090909,0 8px 25px rgba(0,0,0,.7);
  clip-path:polygon(0 3%,99% 0,100% 90%,1% 100%);
}
.modern-command-banner span,
.modern-next-phase>span,
.modern-ledger>span { color:#e19a67;font:900 .62rem/1 Georgia,serif;letter-spacing:.18em;text-transform:uppercase; }
.modern-command-banner h2 { margin:5px 0 4px;color:#fff0d1;font:900 clamp(2rem,4vw,3.5rem)/.9 Impact,'Arial Narrow',sans-serif;letter-spacing:.045em;text-transform:uppercase;text-shadow:3px 3px #180504; }
.modern-command-banner p { margin:0;color:#c8b8a2;font:700 .78rem/1.4 Georgia,serif; }
.modern-command-banner button { min-height:42px;padding:9px 15px;border:1px solid #c27a4c;background:#0b0c0d;color:#f2d6aa;font:900 .62rem/1 Georgia,serif;letter-spacing:.08em;text-transform:uppercase; }

.modern-era-grid { display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px; }
.modern-era-card {
  --era:#9b3a2c;
  position:relative;
  display:grid;
  grid-template-columns:138px minmax(0,1fr);
  align-items:center;
  min-height:232px;
  overflow:hidden;
  padding:22px;
  border:2px solid color-mix(in srgb,var(--era) 70%,#a98b64);
  background:
    linear-gradient(110deg,color-mix(in srgb,var(--era) 42%,#111) 0%,rgba(10,11,12,.94) 52%),
    repeating-linear-gradient(135deg,transparent 0 23px,rgba(255,255,255,.025) 24px 26px);
  box-shadow:inset 0 0 0 3px #070707,0 8px 18px rgba(0,0,0,.65);
}
.modern-era-card::after { content:"";position:absolute;right:-25px;bottom:-42px;width:150px;height:150px;border:18px solid color-mix(in srgb,var(--era) 35%,transparent);border-radius:50%; }
.modern-era-prison { --era:#b26d24; }
.modern-era-morgue { --era:#5d7652; }
.modern-era-second { --era:#346a78; }
.modern-box-figure { position:relative;z-index:2;width:126px;height:126px;overflow:hidden;margin:0;filter:drop-shadow(0 11px 8px rgba(0,0,0,.68)); }
.modern-box-art { display:block;width:100%;height:100%;object-fit:contain; }
.modern-era-classic .modern-box-art { clip-path:polygon(5% 3%,97% 5.5%,96.5% 92%,18% 99%,5% 94%); }
.modern-era-morgue .modern-box-art { clip-path:polygon(1% 4%,99.5% 0,99.5% 91%,18% 100%,1% 92%);filter:saturate(1.08) contrast(1.03); }
.modern-era-mark { display:none; }
.modern-era-card div { position:relative;z-index:1; }
.modern-era-card small { color:#d39967;font:900 .55rem/1 Georgia,serif;letter-spacing:.12em;text-transform:uppercase; }
.modern-era-card h3 { margin:6px 0;color:#f7e5c2;font:900 1.75rem/.95 Impact,'Arial Narrow',sans-serif;text-transform:uppercase;text-shadow:2px 2px #000; }
.modern-era-card p { margin:0;color:#bfb09a;font:700 .7rem/1.45 Georgia,serif; }
.modern-era-card footer { display:flex;align-items:stretch;flex-direction:column;gap:9px;margin-top:14px;padding-top:9px;border-top:1px solid color-mix(in srgb,var(--era) 65%,#5c4931); }
.modern-era-card footer label { display:grid;gap:4px;color:#a99a83;font:900 .45rem/1 Georgia,serif;letter-spacing:.1em;text-transform:uppercase; }
.modern-era-card footer select { min-width:110px;padding:7px 24px 7px 8px;border:1px solid color-mix(in srgb,var(--era) 75%,#b8874e);border-radius:0;background:#090a0a;color:#f0d8ad;font:800 .58rem/1 Georgia,serif; }
.modern-era-card footer a { color:#e6bb78;font:900 .5rem/1.2 Georgia,serif;letter-spacing:.06em;text-align:left;text-decoration:none;text-transform:uppercase; }
.modern-family-open-button,
.modern-family-back {
  border:1px solid color-mix(in srgb,var(--era,#427786) 72%,#d29a53);
  background:linear-gradient(100deg,rgba(123,42,29,.9),rgba(10,11,12,.96));
  color:#f3d9ad;
  cursor:pointer;
  font:900 .52rem/1.1 Georgia,serif;
  letter-spacing:.07em;
  text-transform:uppercase;
}
.modern-family-open-button { width:100%;min-height:34px;padding:8px 10px; }
.modern-family-open-button:hover,
.modern-family-open-button:focus-visible,
.modern-family-back:hover,
.modern-family-back:focus-visible { border-color:#efb363;background:linear-gradient(100deg,#a33b29,#17191a);outline:none; }
.modern-era-card[data-status="owned"] { box-shadow:inset 0 0 0 3px #070707,0 0 22px rgba(83,162,91,.38); }
.modern-era-card[data-status="owned"] .modern-era-mark { border-color:#82c587; }

.modern-expansion-section {
  grid-column:1;
  padding:19px;
  border:1px solid #71432b;
  background:linear-gradient(150deg,rgba(13,14,15,.96),rgba(35,18,15,.92));
  box-shadow:inset 4px 0 #a74632,0 8px 20px rgba(0,0,0,.58);
}
.modern-expansion-section>header { position:relative;margin-bottom:14px;padding:0 145px 12px 4px;border-bottom:1px solid #583522; }
.modern-expansion-section>header span { color:#e19a67;font:900 .58rem/1 Georgia,serif;letter-spacing:.17em;text-transform:uppercase; }
.modern-expansion-section>header h3 { margin:5px 0;color:#f1d7a9;font:900 1.7rem/.95 Impact,'Arial Narrow',sans-serif;letter-spacing:.035em;text-transform:uppercase; }
.modern-expansion-section>header p { margin:0;color:#b9aa94;font:700 .68rem/1.45 Georgia,serif; }
.modern-family-back { position:absolute;top:4px;right:4px;min-height:36px;padding:8px 12px; }
.modern-filter-deck {
  display:grid;
  grid-template-columns:minmax(210px,1.5fr) repeat(3,minmax(130px,1fr));
  gap:10px;
  margin:0 0 15px;
  padding:13px;
  border:1px solid #4f3b27;
  background:
    linear-gradient(120deg,rgba(47,31,22,.94),rgba(8,9,10,.97)),
    repeating-linear-gradient(90deg,transparent 0 31px,rgba(255,255,255,.018) 32px 33px);
  box-shadow:inset 0 0 0 2px #080707,0 5px 14px rgba(0,0,0,.45);
}
.modern-filter-deck label { display:grid;gap:5px;color:#c0a77f;font:900 .48rem/1 Georgia,serif;letter-spacing:.1em;text-transform:uppercase; }
.modern-filter-deck input,
.modern-filter-deck select { width:100%;min-height:38px;padding:8px 10px;border:1px solid #765633;border-radius:0;background:#090a0a;color:#f0d9b1;font:800 .62rem/1 Georgia,serif;box-shadow:inset 0 2px 7px #000; }
.modern-filter-deck input:focus,
.modern-filter-deck select:focus { border-color:#d69a4f;outline:1px solid rgba(214,154,79,.35); }
.modern-filter-deck option { background:#0b0c0c;color:#f0d9b1; }
.modern-filter-actions { grid-column:1/-1;display:flex;align-items:center;justify-content:space-between;gap:12px;padding-top:9px;border-top:1px solid #4c3826; }
.modern-filter-actions span { color:#a99b85;font:800 .55rem/1 Georgia,serif;letter-spacing:.07em;text-transform:uppercase; }
.modern-filter-actions button { min-height:32px;padding:7px 11px;border:1px solid #765633;background:#17110e;color:#dfbd86;font:900 .48rem/1 Georgia,serif;letter-spacing:.07em;text-transform:uppercase; }
.modern-filter-actions button:hover,
.modern-filter-actions button:focus-visible { border-color:#d69a4f;color:#ffe1ad;outline:none; }
.modern-dashboard-shell.modern-family-active [data-modern-family-panel]:not([hidden]) { grid-column:1/-1; }
.modern-dashboard-shell.modern-family-active .modern-expansion-grid { grid-template-columns:repeat(3,minmax(0,1fr)); }
.modern-expansion-grid { display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px; }
.modern-expansion-card {
  --expansion:#8f3a2c;
  display:grid;
  grid-template-columns:112px minmax(0,1fr);
  gap:13px;
  min-height:218px;
  padding:15px;
  border:1px solid color-mix(in srgb,var(--expansion) 72%,#8b765b);
  background:linear-gradient(120deg,color-mix(in srgb,var(--expansion) 22%,#0b0c0d),rgba(7,8,8,.94));
}
.modern-expansion-card.second-edition { --expansion:#346a78; }
.modern-expansion-card figure { position:relative;align-self:center;width:108px;height:108px;overflow:visible;margin:0;filter:drop-shadow(0 10px 7px rgba(0,0,0,.72)); }
.modern-expansion-card figure img { display:block;width:100%;height:100%;object-fit:contain;filter:saturate(1.12) contrast(1.04); }
.modern-expansion-card.toxic-city-card figure img { clip-path:polygon(7.3% 3.6%,89% 4.9%,88.6% 90.8%,13.6% 95.9%,7.3% 82.2%); }
.modern-expansion-card.angry-neighbors-card figure img { clip-path:polygon(28.8% 5.5%,98.4% 18%,91.5% 89.7%,6.4% 75.9%,1.2% 66.4%);transform:scale(1.08); }
.modern-expansion-card.walk-dead-card { --expansion:#b88a20; }
.modern-expansion-card.toxic-crowd-card { --expansion:#6a932c; }
.modern-expansion-card.angry-zombies-card { --expansion:#6f8135; }
.modern-expansion-card.zombie-dogz-card { --expansion:#a63b2f; }
.modern-expansion-card.ultimate-one-card { --expansion:#a54a31; }
.modern-expansion-card.ultimate-two-card { --expansion:#bd7a29; }
.modern-expansion-card.team-deck-card { --expansion:#a86b31; }
.modern-expansion-card.murder-crowz-card { --expansion:#69717a; }
.modern-expansion-card.vip-one-card { --expansion:#277f86; }
.modern-expansion-card.vip-two-card { --expansion:#8b397b; }
.modern-expansion-card.lost-zombivors-card { --expansion:#a65a27; }
.modern-expansion-card.dog-companions-card { --expansion:#9f4934; }
.modern-expansion-card.walk-dead-two-card { --expansion:#a74433; }
.modern-expansion-card.guest-card { --expansion:#a94336; }
.modern-expansion-card.tiles-card { --expansion:#d4932d; }
.modern-expansion-card.event-card { --expansion:#d8a229; }
.modern-expansion-card.classic-enemy-card figure,
.modern-expansion-card.classic-additional-card figure,
.modern-expansion-card.classic-special-card figure {
  background:transparent;
}
.modern-expansion-card.classic-enemy-card figure img,
.modern-expansion-card.classic-additional-card figure img,
.modern-expansion-card.classic-special-card figure img {
  mix-blend-mode:multiply;
  filter:saturate(1.24) contrast(1.08) brightness(1.25);
  transform:scale(1.08);
}
.modern-expansion-card.ultimate-one-card .modern-expansion-seal,
.modern-expansion-card.ultimate-two-card .modern-expansion-seal,
.modern-expansion-card.team-deck-card .modern-expansion-seal { font-size:.43rem; }
.modern-expansion-card.washington-zc-card figure img { clip-path:polygon(7.7% 7.2%,96.9% 5.5%,96.7% 91.5%,17.3% 97.5%,7.8% 91%); }
.modern-expansion-card.fort-hendrix-card figure img { clip-path:polygon(15.2% 8.1%,86.9% 9.6%,86.7% 86.1%,24.8% 93.6%,15.3% 86.7%);transform:scale(1.12); }
.modern-support-section { box-shadow:inset 4px 0 #397788,0 8px 20px rgba(0,0,0,.58); }
.modern-support-section>header { border-bottom-color:#294b54; }
.modern-support-section>header span { color:#83bdc9; }
.modern-support-section .modern-expansion-card { min-height:224px; }
.modern-expansion-card.rio-z-card { --expansion:#21834b; }
.modern-expansion-card.upgrade-kit-card { --expansion:#b8871e; }
.modern-expansion-card.urban-legends-card { --expansion:#a72e28; }
.modern-expansion-card.chronicles-card { --expansion:#4e7280; }
.modern-expansion-card.rio-z-card figure img { clip-path:polygon(4.1% 2.7%,94.5% 2.8%,95.8% 95%,9.4% 98%,4.1% 91%);transform:scale(1.02); }
.modern-expansion-card.upgrade-kit-card figure img { clip-path:polygon(20% 2.2%,66.2% 2.2%,66.5% 14.8%,80.6% 23.8%,80.8% 91.5%,28.5% 98%,20.2% 83.7%);transform:scale(1.18); }
.modern-expansion-card.urban-legends-card figure img { clip-path:polygon(3.2% 13.2%,96% 18%,96.8% 80.5%,11.6% 87.4%,3.2% 80%);transform:scale(1.12); }
.modern-expansion-card.chronicles-card figure img { clip-path:polygon(.8% 19.3%,98.9% 18.4%,99.1% 76%,10.1% 83.5%,.9% 76.3%);transform:scale(1.13); }
.modern-expansion-card.pariz-card { --expansion:#257d94; }
.modern-expansion-card.reboot-card { --expansion:#9e2927; }
.modern-expansion-card.presidential-card { --expansion:#b98d23; }
.modern-expansion-card.danny-trejo-card { --expansion:#7d4b35; }
.modern-expansion-card.squid-game-card { --expansion:#d94d76; }
.modern-expansion-card.zombie-soldiers-card { --expansion:#67764e; }
.modern-expansion-card.second-edition-tiles-card { --expansion:#bc7f32; }
.modern-expansion-card.pariz-card figure img { clip-path:polygon(11.5% 1%,84.4% 8%,86.9% 90%,23% 98%,11.4% 88%);transform:scale(1.08); }
.modern-expansion-card.reboot-card figure img { clip-path:polygon(7.8% 3.5%,95.8% 2.4%,94.4% 86.5%,17.5% 95.2%,7.8% 85%);transform:scale(1.06); }
.modern-expansion-card.presidential-card figure img { clip-path:polygon(14% 6%,86% 2%,86% 86%,26% 96%,14% 88%);transform:scale(1.12); }
.modern-expansion-card.danny-trejo-card figure img { clip-path:polygon(22% 9%,83.8% 10.5%,84% 87%,28% 95%,21.8% 87%);transform:scale(1.18); }
.modern-expansion-card.squid-game-card figure img { transform:scale(1.02); }
.modern-expansion-card.zombie-soldiers-card figure img,
.modern-expansion-card.second-edition-tiles-card figure img { mix-blend-mode:multiply;filter:saturate(1.12) contrast(1.08);transform:scale(1.04); }
.modern-expansion-card.presidential-card .modern-expansion-seal { font-size:.42rem; }
.modern-expansion-seal { position:absolute;right:0;bottom:0;display:grid;place-items:center;width:34px;height:34px;border:2px solid color-mix(in srgb,var(--expansion) 75%,#d8b078);background:#090a0a;color:#f3d6aa;font:900 .55rem/1 Impact,'Arial Narrow',sans-serif;letter-spacing:.04em;clip-path:polygon(50% 0,90% 20%,100% 65%,68% 100%,22% 90%,0 48%,15% 10%); }
.modern-crossover-section .modern-expansion-seal { display:none; }
.modern-expansion-card small { color:#d39967;font:900 .5rem/1 Georgia,serif;letter-spacing:.1em;text-transform:uppercase; }
.modern-expansion-card h4 { margin:5px 0;color:#f3dfbd;font:900 1.25rem/.95 Impact,'Arial Narrow',sans-serif;text-transform:uppercase; }
.modern-expansion-card p { margin:0 0 7px;color:#bfb09a;font:700 .63rem/1.42 Georgia,serif; }
.modern-expansion-card em { color:#d5bb90;font:italic 700 .56rem/1.35 Georgia,serif; }
.modern-expansion-card footer { display:grid;grid-template-columns:minmax(105px,1fr) auto;align-items:end;gap:9px;margin-top:12px;padding-top:9px;border-top:1px solid color-mix(in srgb,var(--expansion) 62%,#4e3d2c); }
.modern-expansion-card footer label { display:grid;gap:4px;color:#a99a83;font:900 .42rem/1 Georgia,serif;letter-spacing:.09em;text-transform:uppercase; }
.modern-expansion-card footer select { width:100%;padding:7px 22px 7px 7px;border:1px solid color-mix(in srgb,var(--expansion) 76%,#b8874e);border-radius:0;background:#090a0a;color:#f0d8ad;font:800 .55rem/1 Georgia,serif; }
.modern-expansion-card footer a { color:#e6bb78;font:900 .46rem/1.2 Georgia,serif;letter-spacing:.05em;text-align:right;text-decoration:none;text-transform:uppercase; }
.modern-expansion-card[data-status="owned"] { box-shadow:inset 0 0 0 2px #070707,0 0 18px rgba(83,162,91,.34); }

.modern-master-metrics { display:flex!important;flex-wrap:wrap;gap:7px;margin-top:12px; }
.modern-master-metrics span { padding:6px 8px;border:1px solid #533225;background:rgba(5,5,5,.72);color:#a99b84;font:800 .48rem/1 Georgia,serif;letter-spacing:.05em;text-transform:uppercase; }
.modern-master-metrics strong { color:#edc47d;font-size:.72rem; }

.modern-ledger {
  grid-row:2/span 2;
  grid-column:2;
  align-self:start;
  display:grid;
  gap:10px;
  padding:22px;
  border:2px solid #743124;
  background:linear-gradient(rgba(14,15,16,.96),rgba(7,8,8,.98));
  box-shadow:inset 0 0 0 3px #050505,0 10px 24px rgba(0,0,0,.72);
}
.modern-ledger div { display:grid;grid-template-columns:1fr auto;align-items:end;padding:13px 10px;border-bottom:1px solid #50301f;background:rgba(65,30,21,.25); }
.modern-ledger strong { color:#f2c679;font:900 2rem/1 Impact,'Arial Narrow',sans-serif; }
.modern-ledger small { color:#a99a83;font:800 .52rem/1 Georgia,serif;letter-spacing:.08em;text-transform:uppercase; }
.modern-ledger p { margin:5px 0 0;color:#b6a790;font:700 .68rem/1.55 Georgia,serif; }

.modern-next-phase { grid-column:1;padding:20px 24px;border:1px solid #685039;background:rgba(8,9,9,.9);box-shadow:inset 5px 0 #a74632; }
.modern-next-phase h3 { margin:6px 0;color:#f0d6a8;font:900 1.5rem/1 Impact,'Arial Narrow',sans-serif;text-transform:uppercase; }
.modern-next-phase p { margin:0;color:#bbae98;font:700 .72rem/1.5 Georgia,serif; }
.modern-command-footer { grid-column:1/-1;display:flex;justify-content:space-between;padding:13px 18px;border-top:1px solid #6d472c;background:rgba(5,6,6,.9);color:#a89982;font:700 .58rem/1.3 Georgia,serif;text-transform:uppercase; }
.modern-command-footer strong { color:#d49c62; }

@media (max-width:900px) {
  .modern-dashboard-shell { grid-template-columns:1fr;padding:112px 12px 12px; }
  .modern-expansion-section { grid-column:1; }
  .modern-ledger { grid-row:auto;grid-column:1;grid-template-columns:repeat(3,minmax(0,1fr)); }
  .modern-ledger>span,.modern-ledger>p { grid-column:1/-1; }
  .modern-dashboard-shell.modern-family-active .modern-expansion-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .modern-filter-deck { grid-template-columns:repeat(2,minmax(0,1fr)); }
}

@media (max-width:620px) {
  .modern-dashboard-shell { padding-top:92px; }
  .modern-command-banner { align-items:flex-start;flex-direction:column;padding:18px; }
  .modern-era-grid { grid-template-columns:1fr; }
  .modern-expansion-grid { grid-template-columns:1fr; }
  .modern-dashboard-shell.modern-family-active .modern-expansion-grid { grid-template-columns:1fr; }
  .modern-filter-deck { grid-template-columns:1fr; }
  .modern-era-card { grid-template-columns:112px minmax(0,1fr);min-height:210px;padding:17px 14px; }
  .modern-box-figure { width:102px;height:102px; }
  .modern-era-mark { width:34px;height:34px;font-size:.72rem; }
  .modern-era-card footer { align-items:stretch;flex-direction:column; }
  .modern-era-card footer a { text-align:left; }
  .modern-expansion-card { grid-template-columns:88px minmax(0,1fr);padding:13px; }
  .modern-expansion-card figure { width:84px;height:84px; }
  .modern-expansion-seal { width:30px;height:30px;font-size:.48rem; }
  .modern-expansion-card footer { grid-template-columns:1fr; }
  .modern-expansion-card footer a { text-align:left; }
  .modern-expansion-section>header { padding-right:4px;padding-bottom:54px; }
  .modern-family-back { top:auto;right:4px;bottom:10px;left:4px; }
  .modern-ledger { grid-template-columns:1fr; }
  .modern-ledger>span,.modern-ledger>p { grid-column:auto; }
  .modern-command-footer { align-items:flex-start;flex-direction:column;gap:7px; }
}
#masterTableView::before {
  content:"";
  position:fixed;z-index:-1;inset:0;
  background:
    radial-gradient(circle at 50% 25%,rgba(209,133,55,.18),transparent 38%),
    linear-gradient(90deg,rgba(0,0,0,.72),transparent 17% 83%,rgba(0,0,0,.72));
  pointer-events:none;
}
.master-table-shell { width:min(1280px,100%);margin:0 auto; }
.master-table-intro {
  display:flex;align-items:center;gap:22px;
  margin-bottom:24px;padding:22px 28px;
  border:2px solid #2a170e;outline:1px solid #b27835;
  background:linear-gradient(105deg,rgba(22,12,8,.94),rgba(7,7,7,.88) 58%,rgba(42,18,12,.9));
  box-shadow:inset 0 0 0 4px #070504,0 10px 26px rgba(0,0,0,.55);
}
.master-table-intro img { width:92px;height:92px;object-fit:cover;border-radius:50%;filter:saturate(1.08) contrast(1.06) drop-shadow(0 8px 7px #000); }
.sidebar-brand img { border-radius:50%;object-fit:cover; }
.master-table-kicker { color:#df8a44;font:900 .68rem/1 Georgia,serif;letter-spacing:.19em;text-transform:uppercase; }
.master-table-intro h2 { margin:5px 0 8px;color:#f5e0b4;font:900 clamp(2rem,4vw,3.7rem)/.92 Impact,'Arial Narrow',sans-serif;letter-spacing:.035em;text-transform:uppercase;text-shadow:3px 3px #35100c; }
.master-table-intro p { margin:0;color:#cdbb99;font:700 .83rem/1.5 Georgia,serif; }

.master-realm-grid { display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px; }
.master-realm-card {
  --realm-accent:#a86835;
  position:relative;min-height:245px;overflow:hidden;
  border:2px solid #170d08;border-left:7px solid var(--realm-accent);outline:1px solid color-mix(in srgb,var(--realm-accent) 75%,#c69a58);
  background:linear-gradient(115deg,rgba(34,18,12,.92),rgba(5,5,5,.93));
  box-shadow:inset 0 0 0 3px #050403,6px 8px 0 rgba(0,0,0,.55);
}
.master-realm-fantasy { --realm-accent:#a72f22;grid-column:1/-1;display:grid;grid-template-columns:minmax(360px,46%) minmax(0,1fr);min-height:390px; }
.master-realm-art { position:relative;min-height:390px;overflow:hidden;background:radial-gradient(circle at 50% 48%,#744029 0,#24120c 48%,#080606 78%); }
.master-realm-art::after { content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent 65%,rgba(7,5,4,.96)),linear-gradient(0deg,rgba(0,0,0,.72),transparent 38%);pointer-events:none; }
.master-realm-art img { position:absolute;bottom:18px;width:54%;height:72%;object-fit:contain;filter:drop-shadow(0 12px 8px rgba(0,0,0,.8)); }
.master-realm-art img:nth-child(1) { left:-2%;transform:rotate(-7deg); }
.master-realm-art img:nth-child(2) { left:23%;z-index:2;transform:scale(1.08); }
.master-realm-art img:nth-child(3) { right:-2%;transform:rotate(6deg); }
.master-realm-copy { position:relative;z-index:2;display:flex;flex-direction:column;justify-content:center;padding:36px 38px 34px 24px; }
.master-realm-logo { display:block;width:100%;height:100%;border-radius:50%;object-fit:cover;transform:scale(1.16);filter:saturate(1.08) contrast(1.04) drop-shadow(0 5px 5px #000); }
.master-realm-logo-fantasy-frame { position:absolute;top:22px;right:28px;width:112px;height:112px;overflow:hidden;border:2px solid #8d572e;border-radius:50%;box-shadow:0 0 0 4px #080606,0 8px 20px #000;opacity:.96; }
.master-realm-logo-fantasy-frame .master-realm-logo { transform:scale(1.28); }
.master-realm-status { display:inline-flex;width:max-content;padding:6px 9px;border:1px solid color-mix(in srgb,var(--realm-accent) 75%,#b99055);background:#0b0908;color:#bbaa8b;font:900 .58rem/1 Georgia,serif;letter-spacing:.12em;text-transform:uppercase; }
.master-realm-status.is-open { background:#17371e;color:#a9e5b3;border-color:#4f9a5b; }
.master-realm-status.is-gold { background:linear-gradient(135deg,#3b2b08,#171005);color:#ffe8a0;border-color:#d6a63d;box-shadow:inset 0 0 0 2px #0a0803,0 0 13px rgba(222,174,61,.28); }
.master-realm-card h3 { margin:13px 0 7px;color:#f3ddb0;font:900 2.25rem/.95 Impact,'Arial Narrow',sans-serif;letter-spacing:.04em;text-transform:uppercase;text-shadow:2px 3px #000; }
.master-realm-card p { margin:0;color:#baa98d;font:700 .78rem/1.45 Georgia,serif; }
.master-realm-metrics { display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px;margin:24px 0 10px; }
.master-realm-metrics div { display:grid;gap:5px;padding:11px;border:1px solid #55321d;background:rgba(4,4,4,.74);text-align:center; }
.master-realm-metrics strong { color:#f1c978;font:900 1.6rem/1 Impact,'Arial Narrow',sans-serif;text-shadow:2px 2px #000; }
.master-realm-metrics span { color:#9d8e76;font:800 .48rem/1 Georgia,serif;letter-spacing:.1em;text-transform:uppercase; }
.master-realm-progress { height:8px;margin-bottom:18px;border:1px solid #3b2114;background:#040303;box-shadow:inset 0 2px 4px #000; }
.master-realm-progress span { display:block;width:0;height:100%;background:linear-gradient(90deg,#8f211b,#db7f3d,#e8c676);box-shadow:0 0 9px rgba(213,100,48,.55);transition:width .25s ease; }
.master-realm-card button { min-height:45px;padding:10px 16px;border:1px solid color-mix(in srgb,var(--realm-accent) 70%,#d2a05a);background:linear-gradient(color-mix(in srgb,var(--realm-accent) 78%,#21100b),color-mix(in srgb,var(--realm-accent) 44%,#080606));color:#fff0ce;box-shadow:inset 0 0 0 2px #130706,0 4px #030202;font:900 .68rem/1 Georgia,serif;letter-spacing:.08em;text-transform:uppercase; }
.master-realm-card button:not(:disabled):hover { filter:brightness(1.18);transform:translateY(-1px); }
.master-realm-card button b { float:right;font-size:1rem; }
.master-realm-card.is-locked { display:grid;grid-template-columns:minmax(0,1fr);align-items:center;padding:24px; }
.master-realm-card.is-locked>div:last-child { display:flex;flex-direction:column;align-items:flex-start; }
.master-realm-card.is-locked button { margin-top:18px;opacity:.65;cursor:not-allowed; }
.master-realm-card.is-opening { display:grid;grid-template-columns:minmax(0,1fr);align-items:center;padding:24px; }
.master-realm-card.is-opening>div:last-child { display:flex;flex-direction:column;align-items:flex-start; }
.master-realm-card.is-opening button { margin-top:18px; }
.master-realm-sigil { display:grid;place-items:center;width:112px;height:112px;overflow:hidden;border:3px double color-mix(in srgb,var(--realm-accent) 72%,#d5aa67);border-radius:50%;background:#070606;box-shadow:inset 0 0 0 4px #090706,0 0 22px color-mix(in srgb,var(--realm-accent) 32%,transparent); }
.master-realm-modern { --realm-accent:#8c3028; }
.master-realm-invader { --realm-accent:#427a86; }
.master-realm-western { --realm-accent:#9b6a2f; }
.master-realm-superhero { --realm-accent:#67479a; }
.master-table-footer { display:flex;justify-content:space-between;gap:20px;margin-top:22px;padding:15px 19px;border:1px solid #5f3b22;background:rgba(8,6,5,.9);color:#a99a80;font:700 .68rem/1.4 Georgia,serif; }
.master-table-footer span { color:#dfb267;font-weight:900;letter-spacing:.1em;text-transform:uppercase; }
.comic-command-stamp button { margin-top:7px;padding:4px 8px;border:1px solid rgba(232,181,91,.7);background:rgba(7,7,7,.75);color:#f2d59b;font:900 .5rem/1 Georgia,serif;letter-spacing:.06em;text-transform:uppercase; }

@media (max-width:900px) {
  #masterTableView { padding:22px 16px 50px; }
  .master-realm-fantasy { grid-template-columns:1fr; }
  .master-realm-art { min-height:300px; }
  .master-realm-copy { padding:26px; }
  .master-realm-card.is-locked { grid-template-columns:minmax(0,1fr);padding:19px; }
  .master-realm-card.is-opening { grid-template-columns:minmax(0,1fr);padding:19px; }
  .master-realm-sigil { width:78px;height:78px;font-size:2rem; }
  .master-realm-sigil .master-realm-logo { width:100%;height:100%; }
}
@media (max-width:680px) {
  #masterTableView.active { padding:14px 9px calc(108px + env(safe-area-inset-bottom)); }
  #masterTableView { background-attachment:scroll; }
  .master-table-intro { gap:12px;margin-bottom:14px;padding:16px; }
  .master-table-intro img { width:58px;height:58px; }
  .master-table-kicker { font-size:.48rem; }
  .master-table-intro h2 { font-size:1.65rem; }
  .master-table-intro p { font-size:.62rem; }
  .master-realm-grid { grid-template-columns:1fr;gap:13px; }
  .master-realm-fantasy { grid-column:auto;min-height:0; }
  .master-realm-art { min-height:235px; }
  .master-realm-art img { bottom:8px;height:80%; }
  .master-realm-copy { padding:20px 16px 19px; }
  .master-realm-card h3 { font-size:1.8rem; }
  .master-realm-card p { font-size:.65rem; }
  .master-realm-metrics { margin-top:17px; }
  .master-realm-metrics strong { font-size:1.25rem; }
  .master-realm-card.is-locked { grid-template-columns:minmax(0,1fr);min-height:190px;padding:15px; }
  .master-realm-card.is-opening { grid-template-columns:minmax(0,1fr);min-height:190px;padding:15px; }
  .master-realm-sigil { width:58px;height:58px;font-size:1.45rem; }
  .master-realm-sigil .master-realm-logo { width:100%;height:100%; }
  .master-realm-logo-fantasy-frame { top:13px;right:13px;width:72px;height:72px; }
  .master-table-footer { align-items:flex-start;flex-direction:column;font-size:.58rem; }
}

/* Alpha 334: Invader realm foundation — industrial sci-fi command deck. */
body[data-active-realm="invader"]:has(#dashboardView.active) .command-sidebar button:not([data-view="dashboardView"]),
body[data-active-realm="invader"]:has(#dashboardView.active) .header-actions .icon-action { display:none; }
body[data-active-realm="invader"]:has(#dashboardView.active) .command-sidebar { padding-right:178px; }
body[data-active-realm="invader"]:has(#dashboardView.active) .command-sidebar button[data-view="dashboardView"] {
  max-width:190px;border-color:#72c9bd;background:linear-gradient(#267a72,#102f35);color:#f0fff9;
}
body[data-active-realm="invader"] #dashboardView.comic-command-center::before {
  background-image:
    linear-gradient(180deg,rgba(2,9,12,.18),rgba(1,12,15,.5) 52%,rgba(1,5,7,.92) 100%),
    url('../assets/realm-crests/invader-scene.webp');
  background-position:center 38%;background-size:cover;filter:saturate(.82) contrast(1.22) brightness(.55);
}
.invader-dashboard-shell {
  position:relative;display:grid;grid-template-columns:minmax(0,1fr) 275px;gap:16px;width:min(1450px,100%);
  min-height:100vh;margin:0 auto;padding:132px 22px 18px;color:#dceae3;
}
.invader-command-banner {
  grid-column:1/-1;display:flex;align-items:center;justify-content:space-between;gap:24px;padding:22px 28px;
  border:2px solid #4c9d94;background:
    linear-gradient(100deg,rgba(16,91,88,.94),rgba(6,13,17,.96) 64%),
    repeating-linear-gradient(90deg,transparent 0 31px,rgba(147,255,228,.045) 32px 33px);
  box-shadow:inset 0 0 0 3px #05090b,0 8px 25px rgba(0,0,0,.75);clip-path:polygon(0 4%,99% 0,100% 90%,1% 100%);
}
.invader-command-banner span,.invader-next-phase>span,.invader-ledger>span { color:#9ce9d7;font:900 .62rem/1 Georgia,serif;letter-spacing:.18em;text-transform:uppercase; }
.invader-command-banner h2 { margin:5px 0 4px;color:#f4ffe9;font:900 clamp(2rem,4vw,3.5rem)/.9 Impact,'Arial Narrow',sans-serif;letter-spacing:.06em;text-transform:uppercase;text-shadow:3px 3px #031315; }
.invader-command-banner p { margin:0;color:#bfd0c8;font:700 .78rem/1.4 Georgia,serif; }
.invader-command-banner button { min-height:42px;padding:9px 15px;border:1px solid #7bdac8;background:#071013;color:#dffff5;font:900 .62rem/1 Georgia,serif;letter-spacing:.08em;text-transform:uppercase; }
.invader-gold-seal { display:grid;min-width:174px;padding:11px 15px;border:1px solid #d7ad49;outline:1px solid #071013;background:linear-gradient(145deg,#503609,#171005);box-shadow:inset 0 0 0 3px #0a0803,0 0 18px rgba(224,181,76,.22);text-align:center;clip-path:polygon(7px 0,100% 0,100% calc(100% - 7px),calc(100% - 7px) 100%,0 100%,0 7px); }
.invader-command-banner .invader-gold-seal span { color:#dfbd67;font-size:.48rem;letter-spacing:.16em; }
.invader-gold-seal strong { margin:5px 0 4px;color:#fff0b0;font:900 1.12rem/1 Impact,'Arial Narrow',sans-serif;letter-spacing:.08em;text-transform:uppercase;text-shadow:2px 2px #000; }
.invader-gold-seal small { color:#bda96f;font:800 .48rem/1 Georgia,serif;letter-spacing:.08em;text-transform:uppercase; }
.invader-filter-deck { grid-column:1/-1;position:relative;padding:15px 18px 18px;border:2px solid #315e61;outline:1px solid #071013;background:linear-gradient(145deg,rgba(5,20,24,.97),rgba(3,8,11,.98));box-shadow:inset 0 0 0 3px #020607,inset 5px 0 #58b8a8,0 9px 23px rgba(0,0,0,.72); }
.invader-filter-deck::after { content:"";position:absolute;inset:5px;pointer-events:none;border:1px solid rgba(125,229,209,.1);clip-path:polygon(0 0,14% 0,14% 2px,86% 2px,86% 0,100% 0,100% 100%,86% 100%,86% calc(100% - 2px),14% calc(100% - 2px),14% 100%,0 100%); }
.invader-filter-deck>header { position:relative;z-index:1;display:grid;grid-template-columns:48px minmax(0,1fr) auto;gap:12px;align-items:center;margin-bottom:13px;padding-bottom:11px;border-bottom:1px solid #31595b; }
.invader-filter-emblem { display:grid;place-items:center;width:44px;height:44px;border:1px solid #73cfc1;background:radial-gradient(circle,#245b59,#071013 67%);color:#c5fff1;font:900 1.4rem/1 Georgia,serif;clip-path:polygon(50% 0,88% 12%,100% 50%,88% 88%,50% 100%,12% 88%,0 50%,12% 12%);text-shadow:0 0 8px #70d8c7; }
.invader-filter-deck>header span { color:#87d9ce;font:900 .53rem/1 Georgia,serif;letter-spacing:.16em;text-transform:uppercase; }
.invader-filter-deck h3 { margin:4px 0 0;color:#efffe9;font:900 1.35rem/.95 Impact,'Arial Narrow',sans-serif;letter-spacing:.04em;text-transform:uppercase; }
.invader-filter-deck output { padding:7px 10px;border:1px solid #376d69;background:#061013;color:#b9e8dc;font:800 .58rem/1 Georgia,serif;letter-spacing:.07em;text-transform:uppercase; }
.invader-filter-controls { position:relative;z-index:1;display:grid;grid-template-columns:minmax(230px,1.5fr) repeat(3,minmax(135px,.72fr)) auto;gap:9px;align-items:end; }
.invader-filter-controls label { display:grid;gap:5px;min-width:0; }
.invader-filter-controls label>span { color:#91aaa4;font:900 .48rem/1 Georgia,serif;letter-spacing:.12em;text-transform:uppercase; }
.invader-filter-controls input,.invader-filter-controls select { width:100%;height:41px;min-width:0;padding:8px 30px 8px 10px;border:1px solid #467c78;border-radius:0;background:linear-gradient(#0c1c20,#050a0c);color:#e6fff5;font:800 .61rem/1 Georgia,serif;box-shadow:inset 0 0 0 2px #030708; }
.invader-filter-controls input { padding-right:10px; }
.invader-filter-controls input::placeholder { color:#71847f; }
.invader-filter-controls option { background:#071013;color:#e6fff5; }
.invader-filter-controls button { height:41px;padding:8px 13px;border:1px solid #bd7941;background:linear-gradient(#4b2b19,#170d09);color:#f2d7aa;font:900 .52rem/1 Georgia,serif;letter-spacing:.07em;text-transform:uppercase; }
.invader-core-grid { display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px; }
.invader-deployment-section { grid-column:1;padding:18px;border:1px solid #397e78;background:linear-gradient(145deg,rgba(4,13,16,.96),rgba(18,32,31,.93));box-shadow:inset 5px 0 #58b8a8,0 8px 20px rgba(0,0,0,.62); }
.invader-section>header { display:grid;grid-template-columns:minmax(0,1fr) auto;gap:16px;align-items:center; }
.invader-deployment-section>header { margin-bottom:14px;padding:0 4px 12px;border-bottom:1px solid #2c6761; }
.invader-deployment-section>header span { color:#8de0d0;font:900 .56rem/1 Georgia,serif;letter-spacing:.17em;text-transform:uppercase; }
.invader-deployment-section>header h3 { margin:5px 0;color:#efffe9;font:900 1.65rem/.95 Impact,'Arial Narrow',sans-serif;text-transform:uppercase; }
.invader-deployment-section>header p { margin:0;color:#afc1ba;font:700 .66rem/1.45 Georgia,serif; }
.invader-section>header button { display:grid;grid-template-columns:auto 31px;align-items:center;gap:9px;min-width:142px;min-height:38px;padding:4px 4px 4px 11px;border:1px solid #467c78;background:linear-gradient(#0c1c20,#050a0c);color:#c7e8df;font:900 .5rem/1 Georgia,serif;letter-spacing:.06em;text-transform:uppercase; }
.invader-section>header button i { display:grid;place-items:center;width:31px;height:28px;border-left:1px solid #31595b;color:#8de0d0;font:normal 900 1rem/1 sans-serif;transition:transform .2s ease; }
.invader-section[data-collapsed="true"]>header { margin-bottom:0;padding-bottom:0;border-bottom:0; }
.invader-section[data-collapsed="true"]>header button i { transform:rotate(180deg); }
.invader-section[data-collapsed="true"]>.invader-core-grid,.invader-section[data-collapsed="true"]>.invader-gang-grid { display:none; }
.invader-core-card {
  --invader-accent:#45b4aa;position:relative;display:grid;grid-template-columns:145px minmax(0,1fr);gap:17px;align-items:center;
  min-height:260px;overflow:hidden;padding:18px;border:2px solid color-mix(in srgb,var(--invader-accent) 72%,#73817b);
  background:
    radial-gradient(circle at 7% 12%,color-mix(in srgb,var(--invader-accent) 16%,transparent),transparent 34%),
    linear-gradient(115deg,color-mix(in srgb,var(--invader-accent) 18%,#071013),rgba(4,8,11,.96) 58%),
    repeating-linear-gradient(135deg,transparent 0 24px,rgba(169,255,232,.025) 25px 27px);
  box-shadow:inset 0 0 0 3px #030708,inset 0 1px color-mix(in srgb,var(--invader-accent) 40%,transparent),0 9px 22px rgba(0,0,0,.72);transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease;
}
.invader-core-card::before { content:attr(data-archive-code);position:absolute;z-index:4;left:11px;top:10px;padding:4px 7px;border:1px solid color-mix(in srgb,var(--invader-accent) 72%,#778984);background:#03090be8;color:#cce7df;font:900 .43rem/1 Georgia,serif;letter-spacing:.1em; }
.invader-core-card::after { content:"";position:absolute;right:-34px;bottom:-45px;width:165px;height:165px;border:16px solid color-mix(in srgb,var(--invader-accent) 20%,transparent);transform:rotate(45deg); }
.invader-core-card:hover,.invader-core-card:focus-within { transform:translateY(-2px);border-color:color-mix(in srgb,var(--invader-accent) 88%,#e6d69b);box-shadow:inset 0 0 0 3px #030708,inset 0 1px color-mix(in srgb,var(--invader-accent) 55%,transparent),0 13px 28px rgba(0,0,0,.82); }
.invader-dark-side { --invader-accent:#8474bd; }
.invader-black-ops { --invader-accent:#da7a38;grid-column:1/-1; }
.invader-core-card figure { position:relative;z-index:2;display:grid;place-items:center;width:140px;height:190px;margin:0;overflow:hidden;border:1px solid color-mix(in srgb,var(--invader-accent) 62%,#31403e);background:radial-gradient(circle at 50% 45%,color-mix(in srgb,var(--invader-accent) 19%,#243433),#03080a 73%);box-shadow:inset 0 0 0 3px #030708,0 12px 12px rgba(0,0,0,.62); }
.invader-core-card figure::before { content:attr(data-category);position:absolute;z-index:3;left:5px;bottom:5px;max-width:80%;padding:3px 5px;background:#020708dc;color:#aac8c0;font:900 .38rem/1 Georgia,serif;letter-spacing:.09em;text-transform:uppercase; }
.invader-core-card figure img { display:block;width:100%;height:100%;padding:5px;object-fit:contain;filter:contrast(1.04) saturate(.94) drop-shadow(0 8px 6px rgba(0,0,0,.6));transition:transform .2s ease; }
.invader-core-card:hover figure img { transform:scale(1.025); }
.invader-core-card figure span { position:absolute;right:1px;bottom:3px;display:grid;place-items:center;width:39px;height:39px;border:2px solid var(--invader-accent);background:#061013;color:#effff9;font:900 .58rem/1 Impact,sans-serif;clip-path:polygon(50% 0,92% 22%,100% 73%,63% 100%,12% 86%,0 35%); }
.invader-core-card>div { position:relative;z-index:2;padding-top:21px; }
.invader-card-signal { position:absolute;right:0;top:0;padding:4px 8px;border:1px solid #5d6a66;background:#0b1112;color:#aebcb7;font:900 .43rem/1 Georgia,serif;letter-spacing:.1em;text-transform:uppercase; }
.invader-card-signal[data-state="wanted"] { border-color:#c19542;color:#f1d789;background:#2d220d; }
.invader-card-signal[data-state="ordered"] { border-color:#4f91bd;color:#bce8ff;background:#0d2330; }
.invader-card-signal[data-state="owned"] { border-color:#55b77f;color:#b8f4cb;background:#0b291a;box-shadow:0 0 10px rgba(73,192,124,.25); }
.invader-card-signal[data-state="skipped"] { opacity:.62; }
.invader-core-card small { color:#8fded0;font:900 .53rem/1.15 Georgia,serif;letter-spacing:.12em;text-transform:uppercase; }
.invader-core-card h3 { margin:6px 0;color:#efffe9;font:900 1.8rem/.95 Impact,'Arial Narrow',sans-serif;letter-spacing:.03em;text-transform:uppercase;text-shadow:2px 2px #000; }
.invader-core-card p { margin:0 0 9px;color:#c5d2cd;font:700 .69rem/1.52 Georgia,serif; }
.invader-core-card em { display:block;padding-left:8px;border-left:2px solid color-mix(in srgb,var(--invader-accent) 65%,#b18a48);color:#ddc994;font:italic 700 .59rem/1.42 Georgia,serif; }
.invader-core-card footer { display:grid;grid-template-columns:minmax(110px,1fr) auto;align-items:end;gap:10px;margin-top:14px;padding-top:10px;border-top:1px solid color-mix(in srgb,var(--invader-accent) 58%,#34433e); }
.invader-core-card footer label { display:grid;gap:4px;color:#a9bbb3;font:900 .44rem/1 Georgia,serif;letter-spacing:.1em;text-transform:uppercase; }
.invader-core-card footer select { width:100%;padding:8px 24px 8px 8px;border:1px solid var(--invader-accent);border-radius:0;background:#050b0d;color:#e6fff5;font:800 .58rem/1 Georgia,serif; }
.invader-core-card footer option { background:#071013;color:#e6fff5; }
.invader-core-card footer a { color:#9ce9d7;font:900 .49rem/1.25 Georgia,serif;letter-spacing:.055em;text-align:right;text-decoration:none;text-transform:uppercase; }
.invader-core-card[data-status="owned"] { box-shadow:inset 0 0 0 3px #030708,0 0 23px rgba(88,223,183,.42); }
.invader-core-card[data-status="skipped"] { filter:saturate(.5);opacity:.72; }
.invader-gang-section {
  grid-column:1;padding:18px;border:1px solid #397e78;background:linear-gradient(145deg,rgba(4,13,16,.96),rgba(18,32,31,.93));
  box-shadow:inset 5px 0 #58b8a8,0 8px 20px rgba(0,0,0,.62);
}
.invader-gang-section>header { margin-bottom:14px;padding:0 4px 12px;border-bottom:1px solid #2c6761; }
.invader-gang-section>header span { color:#8de0d0;font:900 .56rem/1 Georgia,serif;letter-spacing:.17em;text-transform:uppercase; }
.invader-gang-section>header h3 { margin:5px 0;color:#efffe9;font:900 1.65rem/.95 Impact,'Arial Narrow',sans-serif;text-transform:uppercase; }
.invader-gang-section>header p { margin:0;color:#afc1ba;font:700 .66rem/1.45 Georgia,serif; }
.invader-gang-grid { display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:11px; }
.invader-gang-grid .invader-core-card { grid-template-columns:112px minmax(0,1fr);min-height:218px;padding:15px; }
.invader-gang-grid .invader-core-card:last-child { grid-column:1/-1; }
.invader-gang-grid .invader-core-card figure { width:108px;height:158px; }
.invader-plague { --invader-accent:#8da44a; }
.invader-kabuki { --invader-accent:#d14b45; }
.invader-orphans { --invader-accent:#d69b48; }
.invader-campaign-section {
  grid-column:1/-1;
  border-color:#8d6930;background:
    linear-gradient(145deg,rgba(22,15,7,.97),rgba(10,23,26,.95)),
    repeating-linear-gradient(90deg,transparent 0 41px,rgba(239,181,81,.035) 42px 43px);
  box-shadow:inset 5px 0 #d3953b,0 8px 20px rgba(0,0,0,.68);
}
.invader-campaign-section>header { border-bottom-color:#755323; }
.invader-campaign-section>header span { color:#e1b66a; }
.invader-campaign-grid .invader-core-card:last-child { grid-column:auto; }
.invader-campaign-grid .invader-core-card figure {
  overflow:hidden;border:1px solid color-mix(in srgb,var(--invader-accent) 55%,#384640);
  background:radial-gradient(circle at 50% 38%,rgba(164,202,193,.19),rgba(2,7,9,.84));filter:none;
}
.invader-campaign-grid .invader-core-card figure img { padding:4px;object-fit:contain;filter:contrast(1.05) saturate(.84); }
.invader-civilian-extras { --invader-accent:#d6a752; }
.invader-soldier-extras { --invader-accent:#d26c42; }
.invader-dark-extras { --invader-accent:#856fbe; }
.invader-promo-xenos { --invader-accent:#56a894; }
.invader-support-section {
  grid-column:1/-1;
  border-color:#426d72;background:
    linear-gradient(145deg,rgba(5,17,20,.97),rgba(11,20,25,.96)),
    repeating-linear-gradient(135deg,transparent 0 35px,rgba(127,224,218,.03) 36px 38px);
  box-shadow:inset 5px 0 #56a6ad,0 8px 20px rgba(0,0,0,.68);
}
.invader-support-section>header { border-bottom-color:#31575c; }
.invader-support-section>header span { color:#8edce3; }
.invader-support-grid .invader-core-card:last-child,
.invader-crossover-grid .invader-core-card:last-child { grid-column:auto; }
.invader-support-grid .invader-core-card figure,
.invader-crossover-grid .invader-core-card figure {
  overflow:hidden;border:1px solid color-mix(in srgb,var(--invader-accent) 55%,#384640);
  background:radial-gradient(circle at 50% 42%,rgba(174,222,216,.18),rgba(2,7,9,.88));filter:none;
}
.invader-support-grid .invader-core-card figure img,
.invader-crossover-grid .invader-core-card figure img { padding:4px;object-fit:contain;filter:contrast(1.04) saturate(.88); }
.invader-tiles { --invader-accent:#64b7b2; }
.invader-tokens { --invader-accent:#c08842; }
.invader-doors { --invader-accent:#8daaaa; }
.invader-bases { --invader-accent:#a7aeb7; }
.invader-decks { --invader-accent:#5d9eb8; }
.invader-blue-dice { --invader-accent:#507fc2; }
.invader-orange-dice { --invader-accent:#d17435; }
.invader-paints { --invader-accent:#a26485; }
.invader-crossover-section {
  grid-column:1/-1;
  border-color:#67528b;background:
    linear-gradient(145deg,rgba(14,8,24,.97),rgba(5,21,25,.96)),
    repeating-linear-gradient(45deg,transparent 0 38px,rgba(172,126,235,.035) 39px 41px);
  box-shadow:inset 5px 0 #8e6fc1,0 8px 20px rgba(0,0,0,.7);
}
.invader-crossover-section>header { border-bottom-color:#4e3f69; }
.invader-crossover-section>header span { color:#c2a6ef; }
.invader-crossover-grid .invader-core-card figure { width:124px;background:radial-gradient(circle at 50% 45%,rgba(157,128,202,.25),rgba(2,7,9,.9)); }
.invader-crossover-grid .invader-core-card { grid-template-columns:128px minmax(0,1fr); }
.invader-alone { --invader-accent:#8297ce; }
.invader-elite { --invader-accent:#b55d67; }
.invader-character-section,
.invader-comics-section,
.invader-licensed-section { grid-column:1/-1; }
.invader-character-section {
  border-color:#8a7440;background:linear-gradient(145deg,rgba(22,18,8,.97),rgba(6,19,22,.96));
  box-shadow:inset 5px 0 #c6a24b,0 8px 20px rgba(0,0,0,.7);
}
.invader-character-section>header { border-bottom-color:#6d5a2e; }
.invader-character-section>header span { color:#efd27a; }
.invader-comics-section {
  border-color:#456985;background:linear-gradient(145deg,rgba(5,14,24,.97),rgba(12,19,29,.96));
  box-shadow:inset 5px 0 #4b98bf,0 8px 20px rgba(0,0,0,.7);
}
.invader-comics-section>header { border-bottom-color:#35546c; }
.invader-comics-section>header span { color:#83d5ee; }
.invader-licensed-section {
  border-color:#7b4939;background:linear-gradient(145deg,rgba(25,8,6,.97),rgba(15,17,20,.96));
  box-shadow:inset 5px 0 #b84d32,0 8px 20px rgba(0,0,0,.72);
}
.invader-licensed-section>header { border-bottom-color:#63392d; }
.invader-licensed-section>header span { color:#ee9b72; }
.invader-character-grid .invader-core-card:last-child,
.invader-comics-grid .invader-core-card:last-child,
.invader-licensed-grid .invader-core-card:last-child { grid-column:auto; }
.invader-character-grid .invader-core-card figure,
.invader-comics-grid .invader-core-card figure,
.invader-licensed-grid .invader-core-card figure {
  overflow:hidden;border:1px solid color-mix(in srgb,var(--invader-accent) 58%,#384640);
  background:radial-gradient(circle at 50% 42%,rgba(174,222,216,.18),rgba(2,7,9,.9));filter:none;
}
.invader-character-grid .invader-core-card figure img,
.invader-comics-grid .invader-core-card figure img,
.invader-licensed-grid .invader-core-card figure img { padding:4px;object-fit:contain;filter:contrast(1.04) saturate(.92); }
.invader-galaxy { --invader-accent:#a9be6a; }
.invader-eva { --invader-accent:#d7ad54; }
.invader-dead-contact { --invader-accent:#5b9cb8; }
.invader-prometheus { --invader-accent:#4e79b7; }
.invader-citadel { --invader-accent:#8a69ba; }
.invader-maiden-one { --invader-accent:#c64e35; }
.invader-maiden-two { --invader-accent:#cf8840; }
.invader-ledger {
  grid-column:2;grid-row:2/span 2;align-self:start;display:grid;gap:10px;padding:22px;border:2px solid #397e78;
  background:linear-gradient(rgba(6,17,20,.97),rgba(3,8,10,.98));box-shadow:inset 0 0 0 3px #020506,0 10px 24px rgba(0,0,0,.75);
}
.invader-ledger div { display:grid;grid-template-columns:1fr auto;align-items:end;padding:13px 10px;border-bottom:1px solid #285e59;background:rgba(24,104,95,.16); }
.invader-ledger strong { color:#a4f1c9;font:900 2rem/1 Impact,'Arial Narrow',sans-serif; }
.invader-ledger small { color:#9baea6;font:800 .52rem/1 Georgia,serif;letter-spacing:.08em;text-transform:uppercase; }
.invader-ledger p { margin:5px 0 0;color:#aabcb5;font:700 .68rem/1.55 Georgia,serif; }
.invader-next-phase { grid-column:1/-1;padding:20px 24px;border:1px solid #3d756f;background:rgba(4,12,15,.93);box-shadow:inset 5px 0 #d27b36; }
.invader-next-phase h3 { margin:6px 0;color:#efffe8;font:900 1.5rem/1 Impact,'Arial Narrow',sans-serif;text-transform:uppercase; }
.invader-next-phase p { margin:0;color:#afc1ba;font:700 .72rem/1.5 Georgia,serif; }
.invader-realm-complete { border-color:#a27e32;background:linear-gradient(105deg,rgba(54,38,7,.94),rgba(4,12,15,.96) 65%);box-shadow:inset 5px 0 #e0b54c,0 0 22px rgba(205,155,47,.12); }
.invader-realm-complete>span { color:#edc868; }
.invader-realm-complete h3 { color:#fff0af; }
.invader-catalog-audit { grid-column:1/-1;overflow:hidden;border:2px solid #396f70;background:linear-gradient(135deg,rgba(5,19,22,.97),rgba(6,9,12,.98));box-shadow:inset 5px 0 #65b9ae,0 10px 24px rgba(0,0,0,.68); }
.invader-catalog-audit>header { padding:18px 22px;border-bottom:1px solid #31595b;background:linear-gradient(90deg,rgba(34,105,101,.22),transparent); }
.invader-catalog-audit>header span { color:#8de0d3;font:900 .59rem/1 Georgia,serif;letter-spacing:.14em;text-transform:uppercase; }
.invader-catalog-audit h3 { margin:6px 0 4px;color:#efffe8;font:900 1.45rem/1 Impact,'Arial Narrow',sans-serif;letter-spacing:.03em;text-transform:uppercase; }
.invader-catalog-audit p { margin:0;color:#a9bcb8;font:700 .7rem/1.5 Georgia,serif; }
.invader-audit-metrics { display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1px;background:#31595b; }
.invader-audit-metrics div { display:grid;place-items:center;padding:15px;background:#071013;text-align:center; }
.invader-audit-metrics strong { color:#a4f1c9;font:900 1.75rem/1 Impact,'Arial Narrow',sans-serif; }
.invader-audit-metrics small { margin-top:5px;color:#8fa29d;font:800 .5rem/1 Georgia,serif;letter-spacing:.1em;text-transform:uppercase; }
.invader-catalog-audit ul { display:grid;gap:8px;margin:0;padding:16px 22px 20px;list-style:none; }
.invader-catalog-audit li { display:grid;grid-template-columns:minmax(190px,.55fr) minmax(0,1.45fr);gap:14px;padding:10px 12px;border-left:3px solid #9b6936;background:rgba(255,255,255,.025); }
.invader-catalog-audit li b { color:#e7d6a9;font:800 .7rem/1.35 Georgia,serif; }
.invader-catalog-audit li span { color:#9eada8;font:700 .66rem/1.45 Georgia,serif; }
.invader-command-footer { grid-column:1/-1;display:flex;justify-content:space-between;padding:13px 18px;border-top:1px solid #397e78;background:rgba(2,8,10,.93);color:#91a69e;font:700 .58rem/1.3 Georgia,serif;text-transform:uppercase; }
.invader-command-footer strong { color:#8ee5d2; }
@media (min-width:901px) and (max-width:1180px) {
  .invader-dashboard-shell { grid-template-columns:1fr;padding-inline:16px; }
  .invader-ledger { grid-column:1;grid-row:auto;grid-template-columns:repeat(3,minmax(0,1fr)); }
  .invader-ledger>span,.invader-ledger>p { grid-column:1/-1; }
  .invader-gang-section,.invader-deployment-section { grid-column:1; }
}
@media (max-width:900px) {
  .invader-dashboard-shell { grid-template-columns:1fr;padding:112px 12px 12px; }
  .invader-ledger { grid-column:1;grid-row:auto;grid-template-columns:repeat(3,minmax(0,1fr)); }
  .invader-ledger>span,.invader-ledger>p { grid-column:1/-1; }
  .invader-gang-section,.invader-deployment-section { grid-column:1; }
  .invader-filter-controls { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .invader-search-control { grid-column:1/-1; }
}
@media (max-width:820px) {
  body[data-active-realm="invader"]:has(#dashboardView.active) { padding-bottom:calc(74px + env(safe-area-inset-bottom)); }
  body[data-active-realm="invader"]:has(#dashboardView.active) .command-header { left:0;width:100%;height:70px;padding:7px 12px;border-right:0; }
  body[data-active-realm="invader"]:has(#dashboardView.active) .command-header .brand-mark-wrap,
  body[data-active-realm="invader"]:has(#dashboardView.active) .command-header .brand-logo { width:55px;height:55px;flex-basis:55px; }
  body[data-active-realm="invader"]:has(#dashboardView.active) .command-header h1 { font-size:1.35rem; }
  body[data-active-realm="invader"]:has(#dashboardView.active) .header-actions { display:none; }
  body[data-active-realm="invader"]:has(#dashboardView.active) .command-sidebar { top:auto;right:0;bottom:0;left:0;width:100%;height:calc(70px + env(safe-area-inset-bottom));padding:4px 2px env(safe-area-inset-bottom);gap:1px;border-top:2px solid #438f88;border-bottom:0; }
  body[data-active-realm="invader"]:has(#dashboardView.active) .command-sidebar button { min-width:0;min-height:60px;flex:1;flex-direction:column;gap:2px;padding:3px 1px;border-width:1px;font-size:.38rem; }
  body[data-active-realm="invader"]:has(#dashboardView.active) .command-sidebar button span:last-child::after { font-size:.38rem; }
  body[data-active-realm="invader"]:has(#dashboardView.active) .command-sidebar .nav-glyph { width:22px;height:22px;flex-basis:22px; }
  .invader-dashboard-shell { padding-top:88px;padding-bottom:86px; }
  .invader-core-grid,.invader-gang-grid { grid-template-columns:1fr; }
  .invader-black-ops,.invader-gang-grid .invader-core-card:last-child { grid-column:auto; }
  .invader-core-card,.invader-gang-grid .invader-core-card { grid-template-columns:125px minmax(0,1fr); }
  .invader-core-card figure,.invader-gang-grid .invader-core-card figure { width:120px;height:168px; }
}
@media (orientation:landscape) and (max-height:600px) and (max-width:950px) {
  body[data-active-realm="invader"]:has(#dashboardView.active) { padding-bottom:0; }
  body[data-active-realm="invader"]:has(#dashboardView.active) .command-header { left:0;width:218px;height:66px;padding:5px 8px;border-right:2px solid #31595b; }
  body[data-active-realm="invader"]:has(#dashboardView.active) .command-header .brand-mark-wrap,
  body[data-active-realm="invader"]:has(#dashboardView.active) .command-header .brand-logo { width:52px;height:52px;flex-basis:52px; }
  body[data-active-realm="invader"]:has(#dashboardView.active) .command-sidebar { top:0;right:0;bottom:auto;left:218px;width:auto;height:66px;padding:5px;gap:2px;border-top:0;border-bottom:2px solid #438f88; }
  body[data-active-realm="invader"]:has(#dashboardView.active) .command-sidebar button { min-height:52px;flex-direction:column;padding:3px 2px; }
  .invader-dashboard-shell { padding:82px 9px 12px; }
  .invader-command-banner { padding:15px 18px; }
  .invader-command-banner h2 { font-size:2rem; }
  .invader-filter-deck { padding:12px 14px 14px; }
}
@media (max-width:620px) {
  .invader-dashboard-shell { padding-top:92px; }
  .invader-command-banner { align-items:flex-start;flex-direction:column;padding:18px; }
  .invader-gold-seal { width:100%;min-width:0; }
  .invader-filter-deck>header { grid-template-columns:42px minmax(0,1fr); }
  .invader-filter-deck output { grid-column:1/-1; }
  .invader-filter-controls { grid-template-columns:1fr; }
  .invader-search-control { grid-column:auto; }
  .invader-section>header { grid-template-columns:1fr; }
  .invader-section>header button { width:100%; }
  .invader-core-grid { grid-template-columns:1fr; }
  .invader-black-ops { grid-column:auto; }
  .invader-core-card { grid-template-columns:105px minmax(0,1fr);gap:12px;min-height:225px;padding:15px 12px; }
  .invader-core-card::before { left:7px;top:7px; }
  .invader-core-card figure { width:102px;height:154px; }
  .invader-core-card>div { padding-top:24px; }
  .invader-card-signal { left:0;right:auto; }
  .invader-core-card footer { grid-template-columns:1fr; }
  .invader-core-card footer a { text-align:left; }
  .invader-gang-grid { grid-template-columns:1fr; }
  .invader-gang-grid .invader-core-card:last-child { grid-column:auto; }
  .invader-gang-grid .invader-core-card { grid-template-columns:94px minmax(0,1fr); }
  .invader-gang-grid .invader-core-card figure { width:90px;height:125px; }
  .invader-ledger { grid-template-columns:1fr; }
  .invader-audit-metrics { grid-template-columns:1fr; }
  .invader-catalog-audit li { grid-template-columns:1fr;gap:4px; }
  .invader-command-footer { align-items:flex-start;flex-direction:column;gap:5px; }
}
@media (max-width:430px) {
  .invader-dashboard-shell { padding-inline:7px; }
  .invader-command-banner,.invader-filter-deck,.invader-gang-section,.invader-deployment-section { padding:14px 11px; }
  .invader-command-banner h2 { font-size:1.9rem; }
  .invader-core-card,.invader-gang-grid .invader-core-card { grid-template-columns:88px minmax(0,1fr);gap:9px;padding:12px 9px; }
  .invader-core-card figure,.invader-gang-grid .invader-core-card figure { width:84px;height:124px; }
  .invader-core-card h3 { font-size:1.35rem; }
  .invader-core-card p { font-size:.62rem; }
  .invader-ledger { padding:15px; }
}

/* Alpha.345: Modern adopts Fantasy's showcase-first command-center blueprint. */
body[data-active-realm="modern"] #dashboardView.comic-command-center::before {
  background:
    linear-gradient(180deg,rgba(5,6,6,.12),rgba(4,5,5,.38) 48%,rgba(2,3,3,.91) 100%),
    radial-gradient(circle at 50% 24%,rgba(218,99,55,.14),transparent 43%),
    url('../assets/modern/modern-outbreak-backdrop-v1.webp');
  background-attachment:fixed;background-position:center top;background-size:cover;filter:saturate(.92) contrast(1.15) brightness(.66);
}
.modern-command-banner {
  position:relative;min-height:122px;padding:24px 30px;border-color:#ad4d35;
  background:
    linear-gradient(96deg,rgba(116,29,20,.94),rgba(15,15,15,.96) 58%,rgba(55,38,20,.94)),
    repeating-linear-gradient(0deg,transparent 0 3px,rgba(255,255,255,.035) 3px 4px);
  box-shadow:inset 0 0 0 3px #080807,inset 8px 0 #d06a3f,0 11px 28px rgba(0,0,0,.78);
}
.modern-command-banner::after { content:"";position:absolute;right:23%;bottom:10px;width:120px;height:3px;background:linear-gradient(90deg,transparent,#d69558,transparent);transform:rotate(-3deg);opacity:.55; }
.modern-command-banner>div:first-child { position:relative;z-index:1;min-width:0; }
.modern-command-banner h2 { font-size:clamp(2.25rem,4.2vw,3.8rem);letter-spacing:.055em; }
.modern-command-banner button { position:relative;z-index:2;border-width:2px;background:linear-gradient(#25120e,#090a0a);box-shadow:inset 0 0 0 2px #070707; }
.modern-archive-stamp {
  position:relative;z-index:2;display:grid;min-width:178px;padding:12px 16px;border:2px solid #c7894e;
  background:linear-gradient(145deg,#4e2418,#100e0c);box-shadow:inset 0 0 0 3px #080706,0 0 18px rgba(200,105,55,.2);
  text-align:center;clip-path:polygon(8px 0,100% 0,100% calc(100% - 8px),calc(100% - 8px) 100%,0 100%,0 8px);
}
.modern-command-banner .modern-archive-stamp span { color:#e6ad70;font-size:.48rem;letter-spacing:.17em; }
.modern-archive-stamp strong { margin:6px 0 5px;color:#ffe2ae;font:900 1.12rem/1 Impact,'Arial Narrow',sans-serif;letter-spacing:.07em;text-transform:uppercase;text-shadow:2px 2px #000; }
.modern-archive-stamp small { color:#bc9b72;font:800 .48rem/1 Georgia,serif;letter-spacing:.08em;text-transform:uppercase; }

.modern-era-grid { grid-column:1/-1;grid-template-columns:repeat(4,minmax(0,1fr));gap:13px;align-items:stretch; }
.modern-era-card {
  grid-template-columns:1fr;grid-template-rows:205px minmax(0,1fr);gap:10px;align-items:stretch;min-height:495px;padding:18px 14px 14px;
  border-color:color-mix(in srgb,var(--era) 72%,#c49360);
  background:
    linear-gradient(180deg,rgba(21,18,15,.28),rgba(7,8,8,.96) 54%),
    radial-gradient(circle at 50% 26%,color-mix(in srgb,var(--era) 43%,#2c251e),#090a0a 69%),
    repeating-linear-gradient(135deg,transparent 0 25px,rgba(255,255,255,.027) 26px 28px);
  box-shadow:inset 0 0 0 3px #070707,inset 0 1px color-mix(in srgb,var(--era) 48%,#dbb17a),0 10px 25px rgba(0,0,0,.73);
  transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease;
}
.modern-era-card::before { content:"OUTBREAK ARCHIVE";position:absolute;z-index:4;top:10px;left:10px;padding:4px 7px;border:1px solid color-mix(in srgb,var(--era) 70%,#c39a67);background:#080909e8;color:#e7cba3;font:900 .43rem/1 Georgia,serif;letter-spacing:.11em; }
.modern-era-card::after { right:-55px;bottom:-58px;width:180px;height:180px;border-width:13px;border-radius:0;transform:rotate(45deg);opacity:.55; }
.modern-era-card:hover,.modern-era-card:focus-within { transform:translateY(-3px);border-color:color-mix(in srgb,var(--era) 82%,#f0bc75);box-shadow:inset 0 0 0 3px #070707,0 15px 31px rgba(0,0,0,.82); }
.modern-box-figure { align-self:center;justify-self:center;width:100%;height:205px;overflow:visible;filter:drop-shadow(0 13px 10px rgba(0,0,0,.78)); }
.modern-box-art { width:100%;height:100%;object-fit:contain;transform:scale(1.06); }
.modern-era-classic .modern-box-art,.modern-era-morgue .modern-box-art { transform:scale(1.06); }
.modern-era-card>div { z-index:2;display:flex;min-width:0;flex-direction:column;padding-top:0; }
.modern-era-card small { display:block;color:#dea46e;font-size:.5rem;text-align:center; }
.modern-era-card h3 {
  margin:7px -9px 9px;padding:9px 6px;border:1px solid color-mix(in srgb,var(--era) 78%,#c49360);
  background:linear-gradient(100deg,color-mix(in srgb,var(--era) 82%,#33150f),color-mix(in srgb,var(--era) 50%,#0d0e0e));
  color:#fff0cf;font-size:clamp(1.15rem,1.45vw,1.52rem);letter-spacing:.035em;text-align:center;box-shadow:inset 0 0 0 2px #090909,0 5px 9px rgba(0,0,0,.42);clip-path:polygon(0 7%,98% 0,100% 88%,2% 100%);
}
.modern-era-card p { min-height:42px;color:#c8b9a3;font-size:.65rem;text-align:center; }
.modern-era-card footer { position:relative;z-index:3;margin-top:auto;border-top-color:color-mix(in srgb,var(--era) 60%,#685137); }
.modern-era-card footer label { color:#c2ad8f; }
.modern-era-card footer select { width:100%;min-height:37px;background:linear-gradient(#171311,#090a0a); }
.modern-era-card footer a { padding:3px 1px;color:#e8bd7e;text-align:center; }
.modern-family-open-button { min-height:40px;border-width:2px;background:linear-gradient(100deg,color-mix(in srgb,var(--era) 76%,#692518),#111212);box-shadow:inset 0 0 0 2px #090909; }

.modern-ledger { grid-row:auto;grid-column:1/-1;grid-template-columns:repeat(3,minmax(0,1fr));border-color:#8f4b31;background:linear-gradient(155deg,rgba(26,15,11,.97),rgba(7,8,8,.98));box-shadow:inset 0 0 0 3px #050505,inset 6px 0 #b05236,0 12px 27px rgba(0,0,0,.76); }
.modern-ledger>span,.modern-ledger>p { grid-column:1/-1; }
.modern-next-phase { grid-column:1/-1; }
@media (max-width:1180px) {
  .modern-era-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
}
@media (max-width:620px) {
  .modern-command-banner { align-items:stretch; }
  .modern-archive-stamp { width:100%;min-width:0; }
  .modern-era-grid { grid-template-columns:1fr; }
  .modern-era-card { grid-template-columns:102px minmax(0,1fr);grid-template-rows:auto;min-height:255px;padding:16px 12px; }
  .modern-box-figure { width:98px;height:160px; }
  .modern-era-card>div { min-height:220px; }
  .modern-era-card h3 { margin-inline:-5px;font-size:1.25rem; }
  .modern-era-card p { min-height:0;text-align:left; }
  .modern-era-card small { text-align:left; }
  .modern-ledger { grid-template-columns:1fr; }
  .modern-ledger>span,.modern-ledger>p { grid-column:auto; }
}
.modern-ledger::before { content:"COLLECTION CONTROL";display:block;margin:-7px -6px 3px;padding:9px;border:1px solid #744027;background:linear-gradient(90deg,#72291f,#171311);color:#f0c785;font:900 .58rem/1 Georgia,serif;letter-spacing:.13em;text-align:center; }
.modern-ledger div { border:1px solid #5e3827;background:linear-gradient(100deg,rgba(102,40,26,.35),rgba(12,13,13,.72)); }
.modern-ledger strong { color:#ffd282;text-shadow:2px 2px #000; }
.modern-next-phase { border-color:#825136;background:linear-gradient(105deg,rgba(65,25,18,.94),rgba(8,9,9,.94) 68%);box-shadow:inset 5px 0 #c35a39,0 8px 20px rgba(0,0,0,.55); }
.modern-archive-stamp[aria-label="Modern archive gold standard"] {
  border-color:#d9af51;
  background:linear-gradient(145deg,#574018,#17110a);
  box-shadow:inset 0 0 0 3px #080706,0 0 22px rgba(219,174,76,.26);
}
.modern-archive-stamp[aria-label="Modern archive gold standard"] strong { color:#ffe59b; }
.modern-next-phase.modern-realm-complete {
  border-color:#b88a35;
  background:linear-gradient(105deg,rgba(76,53,15,.94),rgba(8,9,9,.96) 70%);
  box-shadow:inset 5px 0 #d2a23e,0 8px 20px rgba(0,0,0,.58);
}
.modern-next-phase.modern-realm-complete>span,.modern-next-phase.modern-realm-complete h3 { color:#f4d477; }

.modern-crossover-gateway {
  grid-column:1/-1;display:grid;grid-template-columns:minmax(270px,.8fr) minmax(0,1.2fr);gap:22px;align-items:center;
  min-height:230px;padding:18px;border:2px solid #a87934;background:linear-gradient(105deg,rgba(50,25,18,.96),rgba(8,9,9,.96) 64%);
  box-shadow:inset 0 0 0 3px #080706,inset 7px 0 #c5963d,0 12px 28px rgba(0,0,0,.72);
}
.modern-crossover-gateway figure { position:relative;height:190px;margin:0;overflow:hidden;background:radial-gradient(circle at 50% 40%,#694527,#100d0b 74%); }
.modern-crossover-gateway figure img { position:absolute;width:42%;height:86%;object-fit:contain;filter:drop-shadow(0 8px 7px rgba(0,0,0,.85)); }
.modern-crossover-gateway figure img:nth-child(1) { left:0;bottom:0;transform:rotate(-5deg); }
.modern-crossover-gateway figure img:nth-child(2) { left:29%;bottom:4%;width:47%;transform:rotate(1deg); }
.modern-crossover-gateway figure img:nth-child(3) { right:0;bottom:0;transform:rotate(5deg); }
.modern-crossover-gateway small { color:#d6a45b;font:900 .58rem/1 Georgia,serif;letter-spacing:.14em;text-transform:uppercase; }
.modern-crossover-gateway h3 { margin:8px 0 5px;color:#ffe2ad;font:900 clamp(1.7rem,3px + 2.2vw,2.6rem)/1 Impact,'Arial Narrow',sans-serif;letter-spacing:.045em;text-transform:uppercase;text-shadow:3px 3px #000; }
.modern-crossover-gateway p { margin:0 0 10px;color:#c9b99e;font:700 .78rem/1.55 Georgia,serif; }
.modern-crossover-gateway strong { display:block;margin-bottom:12px;color:#f1c86e;font:900 .68rem/1 Georgia,serif;letter-spacing:.1em;text-transform:uppercase; }
.modern-crossover-gateway .modern-family-open-button { width:min(100%,310px); }
.modern-crossover-section>header { border-color:#9a7035;background:linear-gradient(100deg,rgba(79,45,24,.95),rgba(12,12,12,.96));box-shadow:inset 6px 0 #c8953c; }
.modern-crossover-section .modern-expansion-card { --era:#b88a43; }
.modern-crossover-section .modern-expansion-card figure { background:radial-gradient(circle at 50% 42%,#6b4e31,#120f0c 72%); }
.modern-crossover-section .modern-expansion-card figure img { object-fit:contain;padding:6px; }
.modern-crossover-section .modern-expansion-seal { background:#67421d;color:#ffe1a0; }

@media (max-width:1180px) {
  .modern-crossover-gateway { grid-template-columns:230px minmax(0,1fr); }
}

@media (max-width:720px) {
  .modern-crossover-gateway { grid-template-columns:1fr; }
  .modern-crossover-gateway figure { height:170px; }
}

@media (max-width:1180px) {
  .modern-era-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .modern-era-card { grid-template-columns:165px minmax(0,1fr);grid-template-rows:1fr;min-height:290px;padding:18px; }
  .modern-box-figure { width:160px;height:220px; }
  .modern-era-card h3 { font-size:1.45rem; }
}
@media (max-width:760px) {
  .modern-command-banner { align-items:flex-start;flex-direction:column; }
  .modern-archive-stamp { width:100%;min-width:0; }
  .modern-command-banner button { width:100%; }
}
@media (max-width:620px) {
  .modern-era-grid { grid-template-columns:1fr; }
  .modern-era-card { grid-template-columns:112px minmax(0,1fr);min-height:255px;padding:15px 12px; }
  .modern-box-figure { width:108px;height:170px; }
  .modern-era-card h3 { margin-inline:-5px;font-size:1.22rem; }
  .modern-era-card p { min-height:0;text-align:left; }
}
@media (max-width:420px) {
  .modern-era-card { grid-template-columns:92px minmax(0,1fr);gap:8px;padding:13px 9px; }
  .modern-box-figure { width:90px;height:145px; }
  .modern-era-card h3 { font-size:1.05rem; }
  .modern-era-card small { font-size:.43rem; }
}

/* Alpha.346: gold-standard Modern collection interiors. */
.modern-dashboard-shell.modern-family-active [data-modern-family-panel]:not([hidden]) {
  position:relative;padding:22px;border:2px solid #8a4730;
  background:
    linear-gradient(145deg,rgba(18,14,12,.97),rgba(8,9,9,.98)),
    repeating-linear-gradient(135deg,transparent 0 37px,rgba(224,149,87,.025) 38px 40px);
  box-shadow:inset 0 0 0 3px #070707,inset 6px 0 #b65538,0 12px 28px rgba(0,0,0,.76);
}
.modern-dashboard-shell.modern-family-active [data-modern-family-panel]>header {
  margin:-3px 0 16px;padding:5px 155px 15px 7px;border-bottom:2px solid #6f3e2b;
  background:linear-gradient(90deg,rgba(126,45,30,.24),transparent 70%);
}
.modern-dashboard-shell.modern-family-active [data-modern-family-panel]>header span { color:#eca873;font-size:.62rem; }
.modern-dashboard-shell.modern-family-active [data-modern-family-panel]>header h3 { color:#ffe2b3;font-size:2rem;text-shadow:2px 2px #000; }
.modern-dashboard-shell.modern-family-active [data-modern-family-panel]>header p { max-width:840px;color:#c9b59b;font-size:.72rem; }
.modern-dashboard-shell.modern-family-active .modern-family-back { top:7px;right:7px;border-width:2px;box-shadow:inset 0 0 0 2px #080808; }

.modern-dashboard-shell.modern-family-active .modern-filter-deck {
  grid-template-columns:minmax(230px,1.55fr) repeat(3,minmax(140px,1fr));gap:10px;padding:15px;border:2px solid #72513a;
  background:
    linear-gradient(120deg,rgba(73,38,27,.96),rgba(8,9,9,.98) 61%),
    repeating-linear-gradient(90deg,transparent 0 31px,rgba(255,255,255,.025) 32px 33px);
  box-shadow:inset 0 0 0 3px #070707,inset 5px 0 #c05c3a,0 8px 19px rgba(0,0,0,.62);
}
.modern-filter-heading { grid-column:1/-1;display:flex;align-items:center;gap:11px;margin:-2px 0 2px;padding:0 0 11px;border-bottom:1px solid #6b4630; }
.modern-filter-emblem { display:grid;place-items:center;width:40px;height:40px;border:1px solid #d38a55;background:radial-gradient(circle,#793524,#110d0b 68%);color:#ffd69d;font:900 1.25rem/1 Georgia,serif;clip-path:polygon(50% 0,90% 18%,100% 66%,68% 100%,20% 91%,0 47%,14% 10%); }
.modern-filter-heading div { display:grid;gap:4px; }
.modern-filter-heading small { color:#d99b68;font:900 .48rem/1 Georgia,serif;letter-spacing:.14em;text-transform:uppercase; }
.modern-filter-heading strong { color:#ffe4ba;font:900 1.18rem/1 Impact,'Arial Narrow',sans-serif;letter-spacing:.05em;text-transform:uppercase; }
.modern-dashboard-shell.modern-family-active .modern-filter-deck label { color:#d0b28d; }
.modern-dashboard-shell.modern-family-active .modern-filter-deck input,
.modern-dashboard-shell.modern-family-active .modern-filter-deck select { min-height:42px;border-color:#8f6240;background:linear-gradient(#171210,#080909);box-shadow:inset 0 0 0 2px #060606; }
.modern-dashboard-shell.modern-family-active .modern-filter-actions { border-top-color:#70472f; }
.modern-dashboard-shell.modern-family-active .modern-filter-actions span { color:#d7ba91; }

.modern-dashboard-shell.modern-family-active .modern-expansion-grid { grid-template-columns:repeat(2,minmax(0,1fr));gap:13px; }
.modern-dashboard-shell.modern-family-active .modern-expansion-card {
  position:relative;grid-template-columns:150px minmax(0,1fr);gap:17px;align-items:center;min-height:270px;overflow:hidden;padding:18px;
  border:2px solid color-mix(in srgb,var(--expansion) 70%,#a68862);
  background:
    radial-gradient(circle at 10% 18%,color-mix(in srgb,var(--expansion) 20%,transparent),transparent 34%),
    linear-gradient(115deg,color-mix(in srgb,var(--expansion) 20%,#15110f),rgba(7,8,8,.97) 58%),
    repeating-linear-gradient(135deg,transparent 0 25px,rgba(255,255,255,.022) 26px 28px);
  box-shadow:inset 0 0 0 3px #070707,0 9px 22px rgba(0,0,0,.68);transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease;
}
.modern-dashboard-shell.modern-family-active .modern-expansion-card::before {
  content:attr(data-modern-item);position:absolute;z-index:5;top:9px;left:9px;padding:4px 7px;border:1px solid color-mix(in srgb,var(--expansion) 72%,#b38d61);
  background:#080909e8;color:#e8d2af;font:900 .42rem/1 Georgia,serif;letter-spacing:.1em;text-transform:uppercase;
}
.modern-dashboard-shell.modern-family-active .modern-expansion-card::after {
  content:attr(data-status);position:absolute;z-index:5;top:9px;right:9px;padding:4px 7px;border:1px solid #64594b;background:#101111e8;color:#baa98f;
  font:900 .42rem/1 Georgia,serif;letter-spacing:.1em;text-transform:uppercase;
}
.modern-dashboard-shell.modern-family-active .modern-expansion-card[data-status="wanted"]::after { border-color:#b99138;background:#2b210c;color:#f2d47f; }
.modern-dashboard-shell.modern-family-active .modern-expansion-card[data-status="ordered"]::after { border-color:#4384ad;background:#0c2633;color:#b9e6ff; }
.modern-dashboard-shell.modern-family-active .modern-expansion-card[data-status="owned"]::after { border-color:#4fa970;background:#0b2819;color:#b8f0c9; }
.modern-dashboard-shell.modern-family-active .modern-expansion-card:hover,
.modern-dashboard-shell.modern-family-active .modern-expansion-card:focus-within { transform:translateY(-2px);border-color:color-mix(in srgb,var(--expansion) 88%,#f0c17f);box-shadow:inset 0 0 0 3px #070707,0 13px 29px rgba(0,0,0,.8); }
.modern-dashboard-shell.modern-family-active .modern-expansion-card figure {
  z-index:2;width:145px;height:190px;overflow:hidden;border:1px solid color-mix(in srgb,var(--expansion) 58%,#5c5347);
  background:radial-gradient(circle at 50% 42%,color-mix(in srgb,var(--expansion) 20%,#5a5145),#0a0b0b 75%);box-shadow:inset 0 0 0 3px #080808,0 10px 13px rgba(0,0,0,.62);filter:none;
}
.modern-dashboard-shell.modern-family-active .modern-expansion-card figure img { width:100%;height:100%;padding:5px;object-fit:contain;filter:contrast(1.04) saturate(1.02) drop-shadow(0 8px 6px rgba(0,0,0,.55)); }
.modern-dashboard-shell.modern-family-active .modern-expansion-card.classic-enemy-card figure img,
.modern-dashboard-shell.modern-family-active .modern-expansion-card.classic-additional-card figure img,
.modern-dashboard-shell.modern-family-active .modern-expansion-card.classic-special-card figure img { mix-blend-mode:normal;filter:contrast(1.06) saturate(1.08) brightness(1.04) drop-shadow(0 8px 6px rgba(0,0,0,.55)); }
.modern-dashboard-shell.modern-family-active .modern-expansion-seal { right:4px;bottom:4px;width:39px;height:39px;background:#080a0a; }
.modern-dashboard-shell.modern-family-active .modern-expansion-card>div { position:relative;z-index:2;padding-top:22px; }
.modern-dashboard-shell.modern-family-active .modern-expansion-card small { color:#e0a16d;font-size:.52rem; }
.modern-dashboard-shell.modern-family-active .modern-expansion-card h4 { margin:6px 0;color:#f8e2bd;font-size:1.55rem;text-shadow:2px 2px #000; }
.modern-dashboard-shell.modern-family-active .modern-expansion-card p { color:#c9b9a2;font-size:.67rem;line-height:1.5; }
.modern-dashboard-shell.modern-family-active .modern-expansion-card em { display:block;padding-left:8px;border-left:2px solid color-mix(in srgb,var(--expansion) 65%,#b58a50);color:#dfc395;font-size:.59rem; }
.modern-dashboard-shell.modern-family-active .modern-expansion-card footer { margin-top:14px;padding-top:10px; }
.modern-dashboard-shell.modern-family-active .modern-expansion-card footer select { min-height:37px;background:linear-gradient(#151210,#080909); }

@media (max-width:900px) {
  .modern-dashboard-shell.modern-family-active .modern-filter-deck { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .modern-dashboard-shell.modern-family-active .modern-expansion-grid { grid-template-columns:1fr; }
}
@media (max-width:620px) {
  .modern-dashboard-shell.modern-family-active [data-modern-family-panel]:not([hidden]) { padding:14px 11px; }
  .modern-dashboard-shell.modern-family-active [data-modern-family-panel]>header { padding:4px 4px 58px; }
  .modern-dashboard-shell.modern-family-active .modern-filter-deck { grid-template-columns:1fr;padding:12px; }
  .modern-dashboard-shell.modern-family-active .modern-expansion-card { grid-template-columns:104px minmax(0,1fr);gap:10px;min-height:235px;padding:14px 10px; }
  .modern-dashboard-shell.modern-family-active .modern-expansion-card figure { width:100px;height:145px; }
  .modern-dashboard-shell.modern-family-active .modern-expansion-card>div { padding-top:26px; }
  .modern-dashboard-shell.modern-family-active .modern-expansion-card h4 { font-size:1.25rem; }
  .modern-dashboard-shell.modern-family-active .modern-expansion-card footer { grid-template-columns:1fr; }
  .modern-dashboard-shell.modern-family-active .modern-expansion-card footer a { text-align:left; }
}

/* Alpha.354: the cleaned Modern artwork already carries transparent edges.
   Keep every product inside a predictable stage instead of applying the
   legacy source-photo crops and per-card enlargement transforms. */
.modern-dashboard-shell .modern-box-figure,
.modern-dashboard-shell .modern-expansion-card figure {
  box-sizing:border-box;
}
.modern-dashboard-shell .modern-box-art,
.modern-dashboard-shell .modern-expansion-card figure img,
.modern-dashboard-shell.modern-family-active .modern-expansion-card figure img {
  box-sizing:border-box;
  max-width:100%;
  max-height:100%;
  padding:7px;
  object-fit:contain;
  object-position:center;
  clip-path:none;
  transform:none;
  mix-blend-mode:normal;
}
.modern-dashboard-shell.modern-family-active .modern-expansion-card figure {
  overflow:hidden;
}

/* Alpha 358: Modern urban-outbreak visual system. */
body[data-active-realm="modern"]:has(#dashboardView.active) .command-header {
  border-bottom-color:#87382e;
  background:
    linear-gradient(100deg,rgba(17,18,19,.99),rgba(31,17,15,.98) 60%,rgba(8,10,11,.99)),
    repeating-linear-gradient(90deg,transparent 0 28px,rgba(255,255,255,.018) 29px 30px);
  box-shadow:inset 0 -1px #d06048,0 5px 20px rgba(0,0,0,.82);
}
body[data-active-realm="modern"]:has(#dashboardView.active) .command-header::after {
  height:5px;
  background:repeating-linear-gradient(135deg,#b74331 0 12px,#1a1c1d 12px 24px);
  opacity:.82;
}
body[data-active-realm="modern"]:has(#dashboardView.active) .brand-kicker { color:#d65d48; }
body[data-active-realm="modern"]:has(#dashboardView.active) .command-sidebar {
  border-top-color:#8d3b30;
  background:linear-gradient(90deg,#111314,#21100e 48%,#0b0d0e);
  box-shadow:0 -4px 18px rgba(0,0,0,.78),inset 0 1px #cf5a42;
}
body[data-active-realm="modern"]:has(#dashboardView.active) .command-sidebar button[data-view="dashboardView"] {
  border-color:#db674e;
  background:linear-gradient(145deg,#b04432,#461714 64%,#151718);
  box-shadow:inset 0 0 0 2px #160706,0 0 14px rgba(201,72,49,.32);
}

body[data-active-realm="modern"] #dashboardView.comic-command-center::before {
  background:
    linear-gradient(180deg,rgba(3,4,5,.03),rgba(3,4,5,.28) 45%,rgba(2,3,4,.88) 100%),
    radial-gradient(circle at 68% 18%,rgba(210,67,43,.17),transparent 36%),
    url('../assets/modern/modern-outbreak-backdrop-v1.webp');
  background-attachment:fixed;
  background-position:center top;
  background-size:cover;
  filter:saturate(.9) contrast(1.2) brightness(.7);
}
.modern-dashboard-shell { --modern-red:#c44d39;--modern-steel:#78888b;--modern-cold:#4f8992; }
.modern-command-banner {
  min-height:136px;
  overflow:hidden;
  border-color:#a64a38;
  clip-path:polygon(0 0,100% 0,100% calc(100% - 8px),72% 100%,0 calc(100% - 3px));
  background:
    linear-gradient(102deg,rgba(119,29,22,.97),rgba(23,20,19,.96) 52%,rgba(9,12,13,.98)),
    repeating-linear-gradient(90deg,transparent 0 34px,rgba(255,255,255,.025) 35px 36px);
  box-shadow:inset 0 0 0 3px #080909,inset 9px 0 #e06649,0 14px 32px rgba(0,0,0,.82);
}
.modern-command-banner::before {
  content:"EMERGENCY BROADCAST  //  ARCHIVE 02";
  position:absolute;top:10px;right:18px;
  color:#d8816f;font:900 .43rem/1 Georgia,serif;letter-spacing:.16em;
}
.modern-command-banner::after {
  right:0;bottom:0;width:42%;height:8px;
  background:repeating-linear-gradient(135deg,#d08a2d 0 13px,#121415 13px 26px);
  transform:none;opacity:.8;
}
.modern-command-banner h2 {
  color:#fff2d7;
  text-shadow:3px 3px #250706,-1px -1px rgba(255,255,255,.15),0 0 18px rgba(213,62,40,.18);
}
.modern-command-banner p { color:#d2c2a9; }
.modern-command-banner button {
  border-color:#bd6b51;
  background:linear-gradient(#25292a,#0c0f10);
  box-shadow:inset 0 0 0 2px #070808,0 4px 0 #050606;
}
.modern-archive-stamp {
  border-color:#89989a;
  background:linear-gradient(145deg,#303638,#101314 58%,#301713);
  box-shadow:inset 0 0 0 3px #080909,inset 5px 0 #b64a38,0 0 20px rgba(70,130,139,.18);
}
.modern-command-banner .modern-archive-stamp span { color:#d67965; }
.modern-archive-stamp strong { color:#edf0e9; }

.modern-era-card {
  border-color:color-mix(in srgb,var(--era) 76%,#879092);
  background:
    linear-gradient(180deg,rgba(24,26,27,.1),rgba(7,9,10,.98) 58%),
    radial-gradient(circle at 50% 25%,color-mix(in srgb,var(--era) 47%,#3a4243),#080a0b 72%),
    repeating-linear-gradient(90deg,transparent 0 38px,rgba(255,255,255,.025) 39px 40px);
  box-shadow:inset 0 0 0 3px #070808,inset 0 1px color-mix(in srgb,var(--era) 52%,#c9d1cd),0 12px 28px rgba(0,0,0,.78);
}
.modern-era-card::before {
  top:9px;left:9px;
  border-color:color-mix(in srgb,var(--era) 72%,#96a1a2);
  background:linear-gradient(90deg,#111415,#2c1512);
  color:#e9d5b8;
}
.modern-era-card::after {
  right:0;bottom:0;width:100%;height:7px;border:0;border-radius:0;
  background:repeating-linear-gradient(135deg,color-mix(in srgb,var(--era) 78%,#c95f3e) 0 12px,#111415 12px 24px);
  transform:none;opacity:.88;
}
.modern-era-card h3 {
  border-color:color-mix(in srgb,var(--era) 78%,#90999a);
  background:linear-gradient(100deg,color-mix(in srgb,var(--era) 82%,#401710),#111516 72%);
  box-shadow:inset 0 0 0 2px #080909,0 5px 11px rgba(0,0,0,.58);
}
.modern-era-card footer select,
.modern-expansion-card footer select,
.modern-filter-deck input,
.modern-filter-deck select {
  border-color:#697476;
  background:linear-gradient(#181c1d,#080a0b);
  color:#f0e4cf;
}

.modern-crossover-gateway {
  border-color:#7d8585;
  background:
    linear-gradient(105deg,rgba(45,29,21,.96),rgba(9,12,13,.97) 56%),
    repeating-linear-gradient(135deg,transparent 0 28px,rgba(205,141,52,.025) 29px 31px);
  box-shadow:inset 0 0 0 3px #080909,inset 7px 0 #bb8134,0 13px 30px rgba(0,0,0,.76);
}
.modern-crossover-gateway figure {
  border:1px solid #65513b;
  background:radial-gradient(circle at 50% 42%,#6b4a2e,#101314 72%);
  box-shadow:inset 0 0 28px rgba(0,0,0,.72);
}
.modern-ledger {
  border-color:#6e797a;
  background:linear-gradient(145deg,rgba(24,28,29,.98),rgba(8,10,11,.99));
  box-shadow:inset 0 0 0 3px #050606,inset 7px 0 #b74835,0 13px 30px rgba(0,0,0,.78);
}
.modern-ledger::before {
  border-color:#8c4a3b;
  background:linear-gradient(90deg,#76291f,#1c2223 65%,#0c0f10);
  color:#f2d1a1;
}
.modern-ledger div {
  border-color:#434b4c;
  background:linear-gradient(100deg,rgba(93,38,29,.4),rgba(14,18,19,.82));
}
.modern-next-phase {
  border-color:#687577;
  background:linear-gradient(105deg,rgba(65,25,19,.95),rgba(9,12,13,.96) 62%);
  box-shadow:inset 6px 0 #c14c38,0 9px 22px rgba(0,0,0,.6);
}
.modern-dashboard-shell.modern-family-active [data-modern-family-panel]:not([hidden]) {
  border-color:#6c797b;
  background:
    linear-gradient(145deg,rgba(20,22,22,.98),rgba(8,10,11,.99)),
    repeating-linear-gradient(135deg,transparent 0 37px,rgba(214,76,50,.025) 38px 40px);
  box-shadow:inset 0 0 0 3px #070808,inset 7px 0 #b94b38,0 14px 31px rgba(0,0,0,.8);
}
.modern-dashboard-shell.modern-family-active [data-modern-family-panel]>header {
  border-bottom-color:#5e6b6d;
  background:linear-gradient(90deg,rgba(135,46,33,.34),rgba(36,44,45,.18) 72%,transparent);
}
.modern-dashboard-shell.modern-family-active .modern-filter-deck {
  border-color:#627072;
  background:
    linear-gradient(120deg,rgba(54,30,25,.98),rgba(12,16,17,.99) 58%),
    repeating-linear-gradient(90deg,transparent 0 31px,rgba(255,255,255,.023) 32px 33px);
  box-shadow:inset 0 0 0 3px #070808,inset 5px 0 #c0523d,0 9px 21px rgba(0,0,0,.66);
}
.modern-filter-emblem {
  border-color:#89999a;
  background:radial-gradient(circle,#793528,#121617 69%);
  color:#f4d3a0;
}
.modern-dashboard-shell.modern-family-active .modern-expansion-card {
  border-color:color-mix(in srgb,var(--expansion) 64%,#7f8a8b);
  background:
    radial-gradient(circle at 9% 18%,color-mix(in srgb,var(--expansion) 18%,transparent),transparent 35%),
    linear-gradient(115deg,color-mix(in srgb,var(--expansion) 17%,#181c1d),rgba(7,10,11,.98) 60%),
    repeating-linear-gradient(90deg,transparent 0 39px,rgba(255,255,255,.018) 40px 41px);
}
.modern-command-footer {
  border-top-color:#697678;
  background:linear-gradient(90deg,rgba(15,18,19,.98),rgba(37,17,14,.98),rgba(10,13,14,.98));
}

@media (max-width:760px) {
  .modern-command-banner::before { position:static;display:block;margin-bottom:6px; }
  .modern-command-banner::after { width:72%; }
}
.modern-dashboard-shell .modern-classic-box .modern-box-art {
  padding:5px;
  transform:none;
}

body[data-active-realm="western"] #dashboardView::before {
  background-image:linear-gradient(180deg,rgba(15,8,3,.12),rgba(7,4,2,.76)),url('../assets/realm-crests/western-scene.webp');
  background-position:center top;
  background-size:cover;
  background-attachment:fixed;
}
/* Alpha.351: condense the three original seasons into one Classic gateway. */
.modern-era-grid {
  grid-template-columns:minmax(0,2fr) minmax(270px,1fr);
}
.modern-era-trilogy {
  grid-template-columns:minmax(0,1.55fr) minmax(220px,.75fr);
  grid-template-rows:1fr;
  gap:20px;
  min-height:495px;
  --era:#a54a30;
}
.modern-era-trilogy::before { content:"CLASSIC OUTBREAK ARCHIVE"; }
.modern-era-trilogy>.modern-classic-boxes {
  z-index:2;
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:9px;
  min-width:0;
  padding:27px 0 0;
}
.modern-classic-box {
  position:relative;
  display:flex;
  min-width:0;
  margin:0;
  padding:8px 7px 10px;
  flex-direction:column;
  border:1px solid #653923;
  background:linear-gradient(165deg,rgba(83,34,23,.48),rgba(7,8,8,.88));
  box-shadow:inset 0 0 0 2px #090909,0 7px 16px rgba(0,0,0,.58);
}
.modern-classic-box .modern-box-figure {
  width:100%;
  height:270px;
  overflow:visible;
}
.modern-classic-box .modern-box-art { transform:scale(1.03); }
.modern-classic-box label {
  position:relative;
  z-index:5;
  display:grid;
  gap:5px;
  margin-top:auto;
  color:#d5b88f;
  font:900 .48rem/1 Georgia,serif;
  letter-spacing:.06em;
  text-align:center;
  text-transform:uppercase;
}
.modern-classic-box select {
  width:100%;
  min-width:0;
  min-height:37px;
  padding:7px 24px 7px 8px;
  border:1px solid #a35b35;
  border-radius:0;
  background:linear-gradient(#171311,#090a0a);
  color:#f0d8ad;
  font:800 .58rem/1 Georgia,serif;
}
.modern-classic-box[data-status="owned"] {
  border-color:#82c587;
  box-shadow:inset 0 0 0 2px #090909,0 0 18px rgba(83,162,91,.38);
}
.modern-classic-box[data-status="owned"] .modern-era-mark { border-color:#82c587; }
.modern-era-trilogy>.modern-classic-copy {
  z-index:2;
  display:flex;
  min-width:0;
  min-height:100%;
  padding-top:27px;
  flex-direction:column;
}
.modern-era-trilogy .modern-classic-copy small { text-align:left; }
.modern-era-trilogy .modern-classic-copy h3 { margin-inline:0; }
.modern-era-trilogy .modern-classic-copy p { min-height:0;text-align:left; }
.modern-classic-links {
  display:grid;
  gap:6px;
  margin:15px 0;
  padding:10px 0;
  border-block:1px solid #5f3725;
}
.modern-classic-links a {
  color:#e8bd7e;
  font:900 .5rem/1.25 Georgia,serif;
  letter-spacing:.06em;
  text-decoration:none;
  text-transform:uppercase;
}
.modern-era-trilogy .modern-family-open-button { margin-top:auto; }

@media (max-width:1180px) {
  .modern-era-grid { grid-template-columns:1fr; }
  .modern-era-trilogy { grid-template-columns:minmax(0,1.55fr) minmax(220px,.75fr);min-height:470px; }
  .modern-era-trilogy>.modern-classic-boxes { grid-template-columns:repeat(3,minmax(0,1fr)); }
  .modern-classic-box .modern-box-figure { width:100%;height:240px; }
}

@media (max-width:760px) {
  .modern-era-trilogy { grid-template-columns:1fr;min-height:0; }
  .modern-era-trilogy>.modern-classic-boxes { padding-top:29px; }
  .modern-era-trilogy>.modern-classic-copy { min-height:0;padding-top:0; }
  .modern-classic-box .modern-box-figure { height:190px; }
}

@media (max-width:520px) {
  .modern-era-trilogy>.modern-classic-boxes { gap:5px; }
  .modern-classic-box { padding:5px 4px 7px; }
  .modern-classic-box .modern-box-figure { width:100%;height:145px; }
  .modern-classic-box label { font-size:.39rem;letter-spacing:.025em; }
  .modern-classic-box select { min-height:34px;padding-inline:5px;font-size:.5rem; }
}

/* Project Phoenix v0.5.8-alpha.363 — Modern operations rule codex. */
.rules-source-note {
  display:flex;
  align-items:flex-start;
  gap:12px;
  margin:20px 3px 4px;
  padding:14px 17px;
  border:1px solid #80532d;
  border-left:6px solid #a6412c;
  background:linear-gradient(100deg,rgba(47,24,17,.9),rgba(8,8,8,.88));
  box-shadow:inset 0 0 0 2px #080606,5px 7px 0 rgba(0,0,0,.4);
  color:#b9aa91;
  font:700 .7rem/1.5 Georgia,serif;
}
.rules-source-note strong { flex:0 0 auto;color:#e7bd79;letter-spacing:.08em;text-transform:uppercase; }

body[data-active-realm="modern"]:has(#rulesView.active) .rules-fixed-backdrop {
  background-color:#080909;
  background-image:
    linear-gradient(180deg,rgba(5,7,8,.15),rgba(4,5,6,.55) 58%,rgba(5,5,5,.82)),
    radial-gradient(circle at 52% 21%,transparent 0 14%,rgba(0,0,0,.44) 66%),
    url('../assets/modern/modern-outbreak-backdrop-v1.webp');
  background-position:center;
  background-size:cover;
  filter:saturate(.72) contrast(1.18) brightness(.78);
}
#rulesView.modern-rules-mode { --modern-rule-red:#b84c38;--modern-rule-steel:#8d9ba0; }
#rulesView.modern-rules-mode .rules-codex-hero {
  border-color:#080a0a;
  background:
    linear-gradient(90deg,rgba(7,9,10,.98) 0 43%,rgba(37,16,13,.82) 69%,rgba(7,8,8,.48)),
    url('../assets/modern/modern-outbreak-backdrop-v1.webp') center 42%/cover;
  box-shadow:0 0 0 2px #b54833,0 0 0 5px #090a0a,0 18px 36px rgba(0,0,0,.8),inset 0 0 55px #000;
}
#rulesView.modern-rules-mode .rules-codex-hero::before,
#rulesView.modern-rules-mode .rules-codex-hero::after {
  background:repeating-linear-gradient(135deg,#111 0 12px,#c04c32 12px 22px,#23100d 22px 34px);
  box-shadow:0 2px #d58a4b,0 5px #060707;
}
#rulesView.modern-rules-mode .rules-codex-hero .eyebrow { color:#e0785f; }
#rulesView.modern-rules-mode .rules-codex-hero h2 {
  color:#f1e2c7;
  -webkit-text-stroke:1px #1a0a08;
  text-shadow:3px 3px #8e2f25,6px 6px #070808,0 0 18px #000;
}
#rulesView.modern-rules-mode .rules-codex-seal {
  border-color:#aeb7b7;
  background:radial-gradient(circle,#5f221b 0 37%,#111415 38% 59%,#9ca5a4 60% 63%,#090a0a 64%);
  box-shadow:0 0 0 5px #060707,0 0 0 7px #9e392b,0 12px 28px #000;
}
#rulesView.modern-rules-mode .rules-toolbar {
  border:2px solid #111!important;
  outline-color:#84422f;
  background:
    repeating-linear-gradient(135deg,transparent 0 18px,rgba(183,65,42,.05) 18px 22px,transparent 22px 38px),
    linear-gradient(180deg,rgba(30,33,34,.99),rgba(12,13,13,.99) 58%,rgba(5,6,6,.99))!important;
  box-shadow:inset 0 1px #9b5440,inset 0 -1px #24292a,inset 0 0 0 5px #070808,0 8px 0 #000,0 14px 28px rgba(0,0,0,.55)!important;
}
#rulesView.modern-rules-mode .rules-search { border-color:#7e4a39!important;background:linear-gradient(#080909,#17100f)!important; }
#rulesView.modern-rules-mode .rules-tabs button {
  border-color:#4e5556!important;
  background:linear-gradient(#272b2c,#111313)!important;
  box-shadow:inset 0 0 0 2px #080909,2px 3px #000!important;
  color:#d5d0c4!important;
}
#rulesView.modern-rules-mode .rules-tabs button:hover,
#rulesView.modern-rules-mode .rules-tabs button.active {
  border-color:#d07358!important;
  background:linear-gradient(#a64332,#4e1814)!important;
  color:#fff0d1!important;
}
#rulesView.modern-rules-mode .rules-codex-heading {
  border-left-color:#b84c38;
  background:linear-gradient(90deg,rgba(12,14,15,.97),rgba(70,28,22,.85),rgba(10,11,11,.9));
  box-shadow:0 0 0 1px #774633,5px 7px #000;
}
#rulesView.modern-rules-mode .rules-codex-heading .eyebrow { color:#df7159; }
#rulesView.modern-rules-mode .rule-reference-card,
#rulesView.modern-rules-mode .rule-reference-card[data-category] {
  min-height:235px;
  border-color:#1b1d1d;
  background:
    linear-gradient(112deg,transparent 0 75%,rgba(164,58,40,.08) 75.3% 76%,transparent 76.4%),
    repeating-linear-gradient(0deg,rgba(255,255,255,.017) 0 1px,transparent 1px 5px),
    radial-gradient(circle at 88% 10%,rgba(178,68,45,.11),transparent 29%),
    linear-gradient(145deg,rgba(36,39,39,.97),rgba(10,11,11,.98))!important;
  box-shadow:inset 5px 0 var(--modern-rule-red),inset 0 0 0 2px #060707,0 0 0 1px #6c4935,7px 9px rgba(0,0,0,.62)!important;
  color:#e6ded0;
}
#rulesView.modern-rules-mode .rule-reference-card::before { border-color:rgba(164,173,173,.16); }
#rulesView.modern-rules-mode .rule-reference-card::after { background:repeating-linear-gradient(-7deg,rgba(255,255,255,.012) 0 1px,transparent 1px 5px);mix-blend-mode:normal; }
#rulesView.modern-rules-mode .rule-card-icon {
  border-color:#bd7255;
  background:radial-gradient(circle,#873227,#17191a 70%);
  color:#f2d7ad;
  box-shadow:inset 0 0 0 2px #090a0a,0 0 0 1px #858f90,2px 3px #000;
}
#rulesView.modern-rules-mode .rule-card-category { background:#171a1a;color:#e17c62;box-shadow:inset 3px 0 #a33d2d,2px 3px #000; }
#rulesView.modern-rules-mode .rule-reference-card h4 { color:#f1e1c5;text-shadow:2px 2px #4a1813; }
#rulesView.modern-rules-mode .rule-reference-card p { color:#cbc1b0; }
#rulesView.modern-rules-mode .rule-card-meta span { border-color:#604339;background:rgba(121,48,35,.16);color:#d2bda2; }
#rulesView.modern-rules-mode .rule-card-source { color:#968a79; }
#rulesView.modern-rules-mode .rule-reference-card[data-verified="true"] .rule-card-category::after { color:#8dc89d; }
#rulesView.modern-rules-mode .target-priority-realms { grid-template-columns:repeat(2,minmax(0,1fr)); }
#rulesView.modern-rules-mode .target-priority-board { border-color:#111819;outline-color:#8e4d38;background:linear-gradient(145deg,#1e2425,#080909); }
#rulesView.modern-rules-mode .target-priority-banner { background:linear-gradient(90deg,#a33e2e,#351411 64%,#0c0e0f); }
#rulesView.modern-rules-mode .rules-source-note { border-color:#5e4940;border-left-color:#b84c38;background:linear-gradient(100deg,rgba(53,23,18,.92),rgba(8,10,10,.94)); }

@media (max-width:700px) {
  .rules-source-note { flex-direction:column;gap:5px;margin-bottom:85px; }
  #rulesView.modern-rules-mode .rules-tabs { grid-template-columns:repeat(2,minmax(0,1fr)); }
  #rulesView.modern-rules-mode .target-priority-realms { grid-template-columns:1fr; }
}

/* Project Phoenix v0.5.8-alpha.366 — playable and non-playable Modern locator. */
body[data-active-realm="modern"]:has(#locatorView.active) .locator-fixed-backdrop {
  background-color:#080a0a;
  background-image:
    linear-gradient(180deg,rgba(5,7,7,.16),rgba(7,8,8,.42) 58%,rgba(4,5,5,.74)),
    linear-gradient(90deg,rgba(4,6,6,.72),transparent 27% 73%,rgba(4,6,6,.68)),
    url('../assets/modern/modern-outbreak-backdrop-v1.webp');
  filter:saturate(.72) contrast(1.12) brightness(.62);
}
#locatorView.modern-locator-mode.active {
  --locator-violet:#a64330;
  --locator-violet-light:#ed8568;
  --locator-brass:#b26e3d;
  --locator-parchment:#e5d0aa;
}
#locatorView.modern-locator-mode .locator-hero {
  border-color:#080a0a;
  outline-color:#964735;
  background:
    linear-gradient(90deg,rgba(6,8,8,.98) 0 45%,rgba(62,24,18,.77) 70%,rgba(5,7,7,.62)),
    url('../assets/modern/modern-outbreak-backdrop-v1.webp') center 45%/cover;
}
#locatorView.modern-locator-mode .locator-hero::before,
#locatorView.modern-locator-mode .locator-hero::after {
  background:repeating-linear-gradient(135deg,#111 0 13px,#bc4933 13px 23px,#28120e 23px 36px);
  box-shadow:0 2px #d08a54,0 5px #050606;
}
#locatorView.modern-locator-mode .locator-hero .eyebrow { color:#e17b61;text-shadow:2px 2px #32100c; }
#locatorView.modern-locator-mode .locator-hero h2 { -webkit-text-stroke-color:#1d0b08;text-shadow:3px 3px #8b3024,6px 6px #070808,0 0 18px #000; }
#locatorView.modern-locator-mode .locator-compass-seal {
  border-color:#abb4b4;
  background:radial-gradient(circle,#7d2c22 0 34%,#151818 35% 57%,#aeb5b3 58% 61%,#080a0a 62%);
  box-shadow:0 0 0 5px #070808,0 0 0 7px #8f3529,0 12px 28px #000,inset 0 0 24px rgba(0,0,0,.7);
}
#locatorView.modern-locator-mode .locator-console {
  outline-color:#8b4433!important;
  --deck-top:#8d382b;
  --deck-bottom:#321310;
  --deck-edge:#d06d50;
  --deck-wash:rgba(157,56,41,.22);
}
#locatorView.modern-locator-mode .locator-console::before { content:"SEARCH THE OUTBREAK REGISTRY";background:linear-gradient(#9b3d2e,#3c1511); }
#locatorView.modern-locator-mode .locator-console input,
#locatorView.modern-locator-mode .locator-console select { border-color:#785040!important;background:linear-gradient(180deg,#151818,#090a0a)!important; }
#locatorView.modern-locator-mode .locator-heading { border-left-color:#b54936;background:linear-gradient(90deg,rgba(11,14,14,.97),rgba(76,29,22,.86),rgba(9,11,11,.92));box-shadow:0 0 0 1px #76513d,5px 7px #000; }
#locatorView.modern-locator-mode .locator-heading .eyebrow { color:#e2785e; }
#locatorView.modern-locator-mode .locator-heading h3 { text-shadow:2px 2px #511b14; }
#locatorView.modern-locator-mode .locator-heading-sigil { background:radial-gradient(circle,#7e2c22,#111414 68%); }
#locatorView.modern-locator-mode .locator-result-card {
  background:
    repeating-linear-gradient(0deg,rgba(255,255,255,.014) 0 1px,transparent 1px 5px),
    radial-gradient(circle at 91% 8%,color-mix(in srgb,var(--locator-type) 15%,transparent),transparent 29%),
    linear-gradient(118deg,rgba(31,35,35,.92),rgba(7,9,9,.94) 58%,rgba(35,17,14,.9))!important;
}
#locatorView.modern-locator-mode .locator-result-card[data-locator-type="survivor"] { --locator-type:#c57c42; }
#locatorView.modern-locator-mode .locator-result-card[data-locator-type="enemy"] { --locator-type:#a84332; }
#locatorView.modern-locator-mode .locator-result-card[data-locator-type="abomination"] { --locator-type:#772e2b; }
#locatorView.modern-locator-mode .locator-result-card[data-locator-type="support"] { --locator-type:#587b78; }
#locatorView.modern-locator-mode .locator-product { background:linear-gradient(100deg,rgba(12,15,15,.96),rgba(44,20,17,.78))!important; }
#locatorView.modern-locator-mode .locator-empty { background:radial-gradient(circle at 50% 42%,rgba(160,58,40,.18),transparent 24%),linear-gradient(135deg,rgba(28,33,33,.86),rgba(5,7,7,.82))!important; }
#locatorView.modern-locator-mode .locator-empty>span { background:radial-gradient(circle,#873126,#121515 68%);box-shadow:0 0 0 4px #080909,0 0 0 5px #873b2e,0 8px 18px #000; }

/* Modern enemy details reuse the Fantasy rule-card components. */
.modern-enemy-detail { margin: 14px 0; padding-top: 12px; border-top: 1px solid #7775; }
.modern-enemy-detail p { line-height: 1.5; overflow-wrap: anywhere; }
.modern-enemy-detail .rule-card-source { display: block; margin-top: 10px; }
.modern-enemy-detail .rule-special-heading { margin-bottom: 6px; }
.modern-rules-mode .rule-reference-card[data-verified="false"] { border-style: dashed; }
.modern-rules-mode .rule-card-source { overflow-wrap: anywhere; }

.modern-product-enemy-rules { margin-top: 14px; }
.modern-product-enemy-rules summary { cursor: pointer; padding: 10px 0; font-weight: 700; }
.modern-product-enemy-rules > h5 { margin: 16px 0 4px; font-size: 1rem; }
.modern-product-enemy-rules .modern-enemy-detail { margin-top: 0; }

/* Alpha 376: Modern product cards open the shared archive record drawer. */
[data-modern-item][data-modern-archive-bound="true"] { cursor:pointer; }
[data-modern-item][data-modern-archive-bound="true"]:focus-visible { outline:3px solid #d84a37;outline-offset:4px; }
.archive-drawer.modern-archive-record { --archive-theme-accent:#d84a37;--archive-theme-accent-soft:rgba(216,74,55,.14);--archive-theme-card-bottom:#3f1210; }
.archive-drawer.modern-archive-record .archive-title-row .eyebrow::before { content:"M";border-radius:2px;background:linear-gradient(#882b22,#32100d);color:#fff0dc; }
.archive-drawer.modern-archive-record .archive-art-stage { min-height:430px;background-position:center; }
.archive-drawer.modern-archive-record .archive-art-card { width:min(520px,82vw); }
.archive-drawer.modern-archive-record .archive-art-card img { width:100%;max-height:370px;object-fit:contain;background:transparent; }
@media(max-width:760px){.archive-drawer.modern-archive-record .archive-art-stage{min-height:300px}.archive-drawer.modern-archive-record .archive-art-card img{max-height:250px}}
.modern-rules-mode .rule-special-heading,
.modern-rules-mode .rule-defeat-box > small,
.modern-enemy-detail .rule-special-heading,
.modern-enemy-detail .rule-defeat-box > small { color: #f1c782; }

#rulesView.modern-rules-mode .rule-reference-card[data-rule-kind="optional-house-rule"] .rule-card-category::after { content: " · OPTIONAL"; color: #e2bf76; }

/* Alpha.379: Modern mission-map homepage. */
body[data-active-realm="modern"] #dashboardView.comic-command-center::before {
  background:
    linear-gradient(180deg,rgba(7,7,7,.16),rgba(7,7,7,.3) 48%,rgba(4,4,4,.86) 100%),
    url('../assets/modern/homepage/modern-map-survivors-v379.webp') center top / cover fixed;
  filter:saturate(.98) contrast(1.06) brightness(.78);
}

.modern-dashboard-shell:not(.modern-family-active) {
  grid-template-columns:1fr;
  gap:14px;
  width:min(1500px,100%);
  padding:116px 22px 20px;
}

.modern-dashboard-shell:not(.modern-family-active) .modern-command-banner {
  position:relative;
  display:grid;
  place-items:center;
  min-height:156px;
  padding:26px 170px 20px;
  border:0;
  background:transparent;
  box-shadow:none;
  clip-path:none;
  text-align:center;
}
.modern-dashboard-shell:not(.modern-family-active) .modern-command-banner::before {
  content:"";
  position:absolute;
  inset:16px 20% 8px;
  z-index:0;
  background:linear-gradient(90deg,transparent,rgba(0,0,0,.86) 14%,rgba(0,0,0,.91) 86%,transparent);
  filter:blur(2px);
}
.modern-dashboard-shell:not(.modern-family-active) .modern-command-banner::after {
  right:28%;
  bottom:12px;
  width:44%;
  height:4px;
  background:linear-gradient(90deg,transparent,#d22e2e 18% 82%,transparent);
  opacity:.92;
  transform:rotate(-1deg);
}
.modern-dashboard-shell:not(.modern-family-active) .modern-command-banner>div { position:relative;z-index:1; }
.modern-dashboard-shell:not(.modern-family-active) .modern-command-banner>div>span {
  color:#e6ddce;
  font:900 .58rem/1 Georgia,serif;
  letter-spacing:.24em;
}
.modern-dashboard-shell:not(.modern-family-active) .modern-command-banner h2 {
  display:flex;
  align-items:baseline;
  justify-content:center;
  flex-wrap:wrap;
  gap:.18em;
  margin:8px 0 6px;
  color:#f4eee2;
  font:900 clamp(2.35rem,4vw,4rem)/.85 Impact,'Arial Narrow',sans-serif;
  letter-spacing:.015em;
  text-shadow:4px 4px #050505,0 0 18px rgba(0,0,0,.95);
}
.modern-dashboard-shell:not(.modern-family-active) .modern-command-banner h2 b { font:inherit; }
.modern-dashboard-shell:not(.modern-family-active) .modern-command-banner h2 em {
  color:#d8272c;
  font:italic 900 1.04em/.8 Impact,'Arial Narrow',sans-serif;
  letter-spacing:.005em;
  text-shadow:4px 4px #180303;
  transform:rotate(-2deg);
}
.modern-dashboard-shell:not(.modern-family-active) .modern-command-banner p {
  color:#ddd2c1;
  font-size:.68rem;
  letter-spacing:.08em;
  text-transform:uppercase;
}
.modern-dashboard-shell:not(.modern-family-active) .modern-command-banner>button {
  position:absolute;
  top:12px;
  left:4px;
  z-index:3;
  min-height:38px;
  border:1px solid #b9a991;
  background:rgba(8,8,8,.88);
  color:#eee3d2;
}

.modern-dashboard-shell:not(.modern-family-active) .modern-era-grid {
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:15px;
  padding:0 clamp(28px,8vw,140px);
}
.modern-dashboard-shell:not(.modern-family-active) .modern-era-card {
  --era:#c82429;
  position:relative;
  display:block;
  min-height:365px;
  overflow:hidden;
  padding:0;
  border:5px solid #e2d7c4;
  background:#0b0b0b;
  box-shadow:0 12px 24px rgba(0,0,0,.72),0 0 0 1px #1b1712;
  clip-path:polygon(.8% 1.5%,99% 0,100% 97%,1.4% 100%,0 49%);
  transition:transform .2s ease,filter .2s ease,box-shadow .2s ease;
}
.modern-dashboard-shell:not(.modern-family-active) .modern-era-card::before,
.modern-dashboard-shell:not(.modern-family-active) .modern-era-card::after { content:none; }
.modern-dashboard-shell:not(.modern-family-active) .modern-era-second { --era:#e0a80f; }
.modern-dashboard-shell:not(.modern-family-active) .modern-era-crossovers { --era:#4b93d8; }
.modern-dashboard-shell:not(.modern-family-active) .modern-era-card:hover,
.modern-dashboard-shell:not(.modern-family-active) .modern-era-card:focus-within {
  transform:translateY(-5px) rotate(-.25deg);
  filter:saturate(1.08) brightness(1.04);
  box-shadow:0 18px 34px rgba(0,0,0,.84),0 0 0 2px var(--era);
}
.modern-gateway-art {
  display:block;
  width:100%;
  height:245px;
  object-fit:cover;
  object-position:center 38%;
  filter:contrast(1.08) saturate(.94);
}
.modern-dashboard-shell:not(.modern-family-active) .modern-era-card>div {
  position:absolute;
  inset:auto 0 0;
  z-index:2;
  display:grid;
  grid-template-columns:minmax(0,1fr) auto;
  align-items:center;
  min-height:122px;
  padding:13px 14px 12px;
  border-top:5px solid var(--era);
  background:
    linear-gradient(105deg,rgba(239,231,215,.98),rgba(211,200,181,.98)),
    repeating-linear-gradient(0deg,transparent 0 3px,rgba(22,18,14,.04) 3px 4px);
  color:#121212;
}
.modern-dashboard-shell:not(.modern-family-active) .modern-era-card small {
  grid-column:1/-1;
  color:#4b4238;
  font-size:.47rem;
  text-align:left;
}
.modern-dashboard-shell:not(.modern-family-active) .modern-era-card h3 {
  grid-column:1;
  margin:4px 8px 2px 0;
  padding:0;
  border:0;
  background:none;
  color:#0b0b0b;
  font-size:clamp(1.65rem,2.3vw,2.65rem);
  text-align:left;
  box-shadow:none;
  clip-path:none;
  text-shadow:1px 1px rgba(255,255,255,.42);
}
.modern-dashboard-shell:not(.modern-family-active) .modern-era-card p {
  grid-column:1;
  min-height:0;
  margin:0 10px 0 0;
  color:#332d27;
  font-size:.56rem;
  line-height:1.35;
  text-align:left;
}
.modern-dashboard-shell:not(.modern-family-active) .modern-family-open-button {
  position:absolute;
  inset:0;
  z-index:5;
  display:block;
  width:100%;
  min-height:100%;
  overflow:hidden;
  padding:0;
  border:0;
  border-radius:0;
  background:transparent;
  color:transparent;
  box-shadow:none;
}
.modern-dashboard-shell:not(.modern-family-active) .modern-family-open-button span { position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0); }
.modern-dashboard-shell:not(.modern-family-active) .modern-family-open-button b {
  position:absolute;
  right:14px;
  bottom:28px;
  display:grid;
  place-items:center;
  width:44px;
  height:44px;
  border-radius:50%;
  background:var(--era);
  color:#fff;
  font:900 2rem/1 sans-serif;
  box-shadow:0 3px 0 rgba(0,0,0,.32);
  transform:translateX(1px);
}
.modern-dashboard-shell:not(.modern-family-active) .modern-family-open-button:hover,
.modern-dashboard-shell:not(.modern-family-active) .modern-family-open-button:focus-visible { background:transparent;outline:3px solid var(--era);outline-offset:-6px; }

.modern-dashboard-shell:not(.modern-family-active) .modern-ledger {
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:1px;
  margin:0 clamp(28px,8vw,140px);
  padding:0;
  border:1px solid #665c4f;
  background:#5f5548;
  box-shadow:0 9px 20px rgba(0,0,0,.68);
}
.modern-dashboard-shell:not(.modern-family-active) .modern-ledger::before { content:none; }
.modern-dashboard-shell:not(.modern-family-active) .modern-ledger>span {
  grid-column:1/-1;
  padding:9px 15px 8px;
  border-bottom:1px solid #665c4f;
  background:#111;
  color:#eee2ce;
  text-align:left;
}
.modern-dashboard-shell:not(.modern-family-active) .modern-ledger div {
  display:flex;
  align-items:baseline;
  justify-content:center;
  gap:8px;
  padding:11px 14px;
  border:0;
  background:#171717;
}
.modern-dashboard-shell:not(.modern-family-active) .modern-ledger strong { color:#f0dfbd;font-size:1.55rem; }
.modern-dashboard-shell:not(.modern-family-active) .modern-ledger small { color:#a99f91; }
.modern-dashboard-shell:not(.modern-family-active) .modern-ledger progress {
  grid-column:1/-1;
  width:100%;
  height:9px;
  border:0;
  background:#292929;
  accent-color:#e2b318;
}
.modern-dashboard-shell:not(.modern-family-active) .modern-ledger progress::-webkit-progress-bar { background:#292929; }
.modern-dashboard-shell:not(.modern-family-active) .modern-ledger progress::-webkit-progress-value { background:linear-gradient(90deg,#cf272c,#e6b51c); }
.modern-dashboard-shell:not(.modern-family-active) .modern-ledger progress::-moz-progress-bar { background:linear-gradient(90deg,#cf272c,#e6b51c); }

.modern-dashboard-shell:not(.modern-family-active) .modern-mission-dossiers {
  margin:0 clamp(28px,8vw,140px);
  padding:0;
  border:5px solid #ded2bd;
  background:#e9dfcc;
  color:#141414;
  box-shadow:0 11px 22px rgba(0,0,0,.7);
}
.modern-mission-dossiers>header {
  display:grid;
  grid-template-columns:minmax(0,1fr) auto;
  align-items:center;
  padding:10px 14px;
  border-bottom:3px solid #b52429;
  background:#111;
}
.modern-mission-dossiers>header span { grid-column:1;color:#d62d32;font-size:.48rem; }
.modern-mission-dossiers>header h3 { grid-column:1;margin:3px 0 0;color:#f2eadb;font-size:1.3rem; }
.modern-mission-dossiers>header button {
  grid-column:2;
  grid-row:1/span 2;
  padding:9px 12px;
  border:1px solid #8e8171;
  background:#1d1d1d;
  color:#eee2ce;
  font:900 .48rem/1 Georgia,serif;
  letter-spacing:.08em;
  text-transform:uppercase;
}
.modern-mission-preview-grid { display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1px;background:#aa9f8f; }
.modern-mission-preview-grid button {
  display:grid;
  gap:4px;
  min-height:84px;
  padding:13px 14px;
  border:0;
  background:#e9dfcc;
  color:#171717;
  text-align:left;
}
.modern-mission-preview-grid button:hover,
.modern-mission-preview-grid button:focus-visible { background:#fff4df;outline:3px solid #c8292e;outline-offset:-3px; }
.modern-mission-preview-grid small { color:#b52429;font:900 .48rem/1 Georgia,serif;letter-spacing:.09em; }
.modern-mission-preview-grid strong { font:900 .82rem/1.05 Impact,'Arial Narrow',sans-serif;text-transform:uppercase; }
.modern-mission-preview-grid span { color:#5f564b;font:800 .45rem/1.2 Georgia,serif;text-transform:uppercase; }

.modern-dashboard-shell:not(.modern-family-active) .modern-command-footer {
  margin:0 clamp(28px,8vw,140px);
  border-top-color:#655d52;
  background:rgba(8,8,8,.9);
}

@media (max-width:1100px) {
  .modern-dashboard-shell:not(.modern-family-active) .modern-era-grid { padding-inline:18px; }
  .modern-dashboard-shell:not(.modern-family-active) .modern-ledger,
  .modern-dashboard-shell:not(.modern-family-active) .modern-mission-dossiers,
  .modern-dashboard-shell:not(.modern-family-active) .modern-command-footer { margin-inline:18px; }
  .modern-dashboard-shell:not(.modern-family-active) .modern-era-card { min-height:330px; }
  .modern-gateway-art { height:215px; }
  .modern-dashboard-shell:not(.modern-family-active) .modern-era-card>div { min-height:116px; }
}

@media (max-width:820px) {
  body[data-active-realm="modern"] #dashboardView.comic-command-center::before { background-position:center top; }
  .modern-dashboard-shell:not(.modern-family-active) { padding:90px 10px 86px; }
  .modern-dashboard-shell:not(.modern-family-active) .modern-command-banner { min-height:145px;padding:44px 8px 12px; }
  .modern-dashboard-shell:not(.modern-family-active) .modern-command-banner::before { inset:30px 2% 0; }
  .modern-dashboard-shell:not(.modern-family-active) .modern-command-banner>button { top:2px;left:8px; }
  .modern-dashboard-shell:not(.modern-family-active) .modern-era-grid { grid-template-columns:1fr;padding-inline:8px; }
  .modern-dashboard-shell:not(.modern-family-active) .modern-era-card { min-height:315px; }
  .modern-gateway-art { height:200px; }
  .modern-dashboard-shell:not(.modern-family-active) .modern-ledger,
  .modern-dashboard-shell:not(.modern-family-active) .modern-mission-dossiers,
  .modern-dashboard-shell:not(.modern-family-active) .modern-command-footer { margin-inline:8px; }
  .modern-mission-preview-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
}

@media (max-width:520px) {
  .modern-dashboard-shell:not(.modern-family-active) .modern-command-banner h2 { font-size:2.25rem; }
  .modern-dashboard-shell:not(.modern-family-active) .modern-command-banner p { font-size:.53rem; }
  .modern-dashboard-shell:not(.modern-family-active) .modern-era-card h3 { font-size:1.8rem; }
  .modern-dashboard-shell:not(.modern-family-active) .modern-ledger { grid-template-columns:1fr; }
  .modern-dashboard-shell:not(.modern-family-active) .modern-ledger>span,
  .modern-dashboard-shell:not(.modern-family-active) .modern-ledger progress { grid-column:1; }
  .modern-dashboard-shell:not(.modern-family-active) .modern-ledger div { justify-content:space-between; }
  .modern-mission-preview-grid { grid-template-columns:1fr; }
  .modern-mission-dossiers>header { grid-template-columns:1fr;gap:9px; }
  .modern-mission-dossiers>header button { grid-column:1;grid-row:auto;width:100%; }
}

/* Alpha.380: Modern field-manual Rule Codex. */
body[data-active-realm="modern"]:has(#rulesView.active) .rules-fixed-backdrop {
  background:
    linear-gradient(180deg,rgba(7,7,7,.22),rgba(7,7,7,.58) 62%,rgba(3,3,3,.92)),
    url('../assets/modern/homepage/modern-map-survivors-v379.webp') center top / cover fixed;
  filter:saturate(.86) contrast(1.08) brightness(.62);
}

#rulesView.modern-rules-mode {
  --modern-rule-red:#c42a30;
  --modern-rule-yellow:#d8a810;
  --modern-rule-blue:#4c91d0;
  width:min(1500px,100%);
  margin:0 auto;
}
#rulesView.modern-rules-mode.active { overflow:visible; }

#rulesView.modern-rules-mode .rules-codex-hero {
  min-height:285px;
  padding:38px 44px;
  border:5px solid #ded2bd;
  background:
    linear-gradient(90deg,rgba(7,7,7,.99) 0 38%,rgba(7,7,7,.88) 54%,rgba(7,7,7,.08) 78%),
    url('../assets/modern/rules/modern-rules-secured-safehouse-v381.webp') center 52% / cover;
  box-shadow:0 0 0 2px #15110e,0 15px 30px rgba(0,0,0,.78);
  clip-path:polygon(.5% 1%,99.5% 0,100% 98%,1% 100%,0 48%);
}
#rulesView.modern-rules-mode .rules-codex-hero::before,
#rulesView.modern-rules-mode .rules-codex-hero::after {
  height:7px;
  background:linear-gradient(90deg,#c7282d 0 34%,#d6a615 34% 67%,#4a91cf 67%);
  box-shadow:0 2px #080808;
}
#rulesView.modern-rules-mode .rules-codex-hero>div:first-child { position:relative;z-index:2;max-width:650px; }
#rulesView.modern-rules-mode .rules-codex-hero .eyebrow {
  color:#d83035;
  font-size:.65rem;
  letter-spacing:.2em;
}
#rulesView.modern-rules-mode .rules-codex-hero h2 {
  margin:10px 0 12px;
  color:#f0e7d8;
  font-size:clamp(3.2rem,6vw,5.8rem);
  line-height:.84;
  letter-spacing:.015em;
  -webkit-text-stroke:0;
  text-shadow:4px 4px #090909,7px 7px #802025;
}
#rulesView.modern-rules-mode .rules-codex-hero>div>p:last-child {
  max-width:530px;
  color:#ddd2c0;
  font:700 .76rem/1.55 Georgia,serif;
  text-shadow:0 2px 3px #000;
}
#rulesView.modern-rules-mode .rules-codex-seal { display:none; }

#rulesView.modern-rules-mode .rules-toolbar {
  position:sticky;
  top:108px;
  z-index:45;
  gap:11px;
  margin:16px 0 20px;
  padding:14px;
  border:4px solid #d9cdb9!important;
  outline:1px solid #17130f;
  background:
    linear-gradient(105deg,rgba(235,225,207,.98),rgba(207,195,174,.98)),
    repeating-linear-gradient(0deg,transparent 0 3px,rgba(20,15,10,.035) 3px 4px)!important;
  box-shadow:0 9px 20px rgba(0,0,0,.72)!important;
}
#rulesView.modern-rules-mode .rules-toolbar::after { content:none; }
#rulesView.modern-rules-mode .rules-search {
  min-height:48px;
  border:2px solid #171717!important;
  background:#101010!important;
  color:#d62b31;
  box-shadow:inset 5px 0 #c52a30!important;
}
#rulesView.modern-rules-mode .rules-search input { color:#f2eadb;font-size:.8rem; }
#rulesView.modern-rules-mode .rules-search input::placeholder { color:#aaa093; }
#rulesView.modern-rules-mode .rules-tabs { display:grid;grid-template-columns:repeat(9,minmax(0,1fr));gap:5px; }
#rulesView.modern-rules-mode .rules-tabs button {
  min-width:0;
  min-height:47px;
  padding:7px 5px;
  border:1px solid #776e61!important;
  border-bottom:4px solid var(--tab-accent,#c52a30)!important;
  background:#1a1a1a!important;
  color:#e7ddcd!important;
  font-size:.48rem;
  box-shadow:inset 0 0 0 2px #090909!important;
}
#rulesView.modern-rules-mode .rules-tabs button[data-rule-filter="core"],
#rulesView.modern-rules-mode .rules-tabs button[data-rule-filter="equipment"],
#rulesView.modern-rules-mode .rules-tabs button[data-rule-filter="objectives"] { --tab-accent:#d7a712; }
#rulesView.modern-rules-mode .rules-tabs button[data-rule-filter="actions"],
#rulesView.modern-rules-mode .rules-tabs button[data-rule-filter="editions"] { --tab-accent:#4b91d0; }
#rulesView.modern-rules-mode .rules-tabs button:hover,
#rulesView.modern-rules-mode .rules-tabs button.active {
  border-color:var(--tab-accent,#c52a30)!important;
  background:linear-gradient(#39332c,#171717)!important;
  color:#fff5e6!important;
  transform:translateY(-2px);
}
#rulesView.modern-rules-mode .rules-tabs button.active { box-shadow:inset 0 -4px var(--tab-accent,#c52a30),inset 0 0 0 2px #090909!important; }

#rulesView.modern-rules-mode .rules-codex-heading {
  margin:24px 1px 14px;
  padding:12px 16px;
  border:4px solid #d9cdb9;
  border-left:9px solid #c42a30;
  background:linear-gradient(100deg,#eee4d2,#cfc1aa);
  color:#151515;
  box-shadow:6px 7px rgba(0,0,0,.62);
}
#rulesView.modern-rules-mode .rules-codex-heading .eyebrow { color:#b52228; }
#rulesView.modern-rules-mode .rules-codex-heading h3 { color:#111;font:900 1.65rem/.95 Impact,'Arial Narrow',sans-serif;text-transform:uppercase; }
#rulesView.modern-rules-mode .rules-codex-heading>span { color:#4a433a;font-weight:900; }

#rulesView.modern-rules-mode .rules-reference-grid {
  grid-template-columns:repeat(auto-fit,minmax(340px,1fr));
  gap:16px;
}
#rulesView.modern-rules-mode .rule-reference-card,
#rulesView.modern-rules-mode .rule-reference-card[data-category] {
  --rule-accent:#c42a30;
  min-height:220px;
  padding:19px 20px 18px;
  border:4px solid #ded2bd!important;
  background:
    linear-gradient(105deg,rgba(238,228,209,.97),rgba(207,194,171,.97)),
    repeating-linear-gradient(-6deg,transparent 0 6px,rgba(37,25,15,.035) 6px 7px)!important;
  box-shadow:inset 7px 0 var(--rule-accent),0 0 0 1px #1a1511,7px 9px rgba(0,0,0,.62)!important;
  color:#171513;
  clip-path:polygon(.4% 1%,99.5% 0,100% 98%,1% 100%,0 52%);
}
#rulesView.modern-rules-mode .rule-reference-card[data-category="core"],
#rulesView.modern-rules-mode .rule-reference-card[data-category="equipment"],
#rulesView.modern-rules-mode .rule-reference-card[data-category="objectives"] { --rule-accent:#d19f0d; }
#rulesView.modern-rules-mode .rule-reference-card[data-category="actions"],
#rulesView.modern-rules-mode .rule-reference-card[data-category="editions"] { --rule-accent:#4288c5; }
#rulesView.modern-rules-mode .rule-reference-card[data-category="zombies"] { --rule-accent:#728539; }
#rulesView.modern-rules-mode .rule-reference-card::before { border-color:rgba(58,40,24,.25); }
#rulesView.modern-rules-mode .rule-reference-card::after { background:repeating-linear-gradient(-7deg,rgba(55,27,12,.025) 0 1px,transparent 1px 5px);mix-blend-mode:multiply; }
#rulesView.modern-rules-mode .rule-card-icon {
  border:2px solid var(--rule-accent);
  background:#131313;
  color:#f2e8d6;
  box-shadow:inset 0 0 0 2px #050505,2px 3px rgba(0,0,0,.35);
}
#rulesView.modern-rules-mode .rule-card-category {
  padding:6px 9px;
  border-left:5px solid var(--rule-accent);
  background:#181818;
  color:#f1e6d3;
  box-shadow:2px 3px rgba(0,0,0,.3);
}
#rulesView.modern-rules-mode .rule-reference-card h4 {
  color:#17120f;
  font-size:1.42rem;
  text-shadow:1px 1px rgba(255,255,255,.48);
}
#rulesView.modern-rules-mode .rule-reference-card p { color:#362d25;font-size:.78rem; }
#rulesView.modern-rules-mode .rule-special-heading { color:#9e2429; }
#rulesView.modern-rules-mode .rule-card-meta span { border-color:#857663;background:rgba(255,255,255,.2);color:#4c4035; }
#rulesView.modern-rules-mode .rule-card-source { color:#6b5948;font-weight:800; }
#rulesView.modern-rules-mode .rule-reference-card[data-verified="true"] .rule-card-category::after { color:#a8d58e; }
#rulesView.modern-rules-mode .abomination-stat-grid {
  border-color:#4c4035;
  background:#151515;
  box-shadow:inset 5px 0 var(--rule-accent);
}
#rulesView.modern-rules-mode .rule-defeat-box { border-color:#7d2d2d;background:rgba(93,28,28,.12); }
#rulesView.modern-rules-mode .rule-defeat-box p { color:#30231d; }
#rulesView.modern-rules-mode .target-priority-board { border-color:#211b17;outline-color:#a43432;background:linear-gradient(145deg,#302d29,#0d0d0d); }
#rulesView.modern-rules-mode .target-priority-banner { background:linear-gradient(90deg,#b7292e,#3a1213 64%,#111); }
#rulesView.modern-rules-mode .rules-source-note {
  border:4px solid #d6cab6;
  border-left:9px solid #c42a30;
  background:linear-gradient(100deg,rgba(236,225,205,.97),rgba(199,185,161,.97));
  color:#3c332b;
  box-shadow:6px 7px rgba(0,0,0,.6);
}
#rulesView.modern-rules-mode .rules-source-note strong { color:#9f2328; }

@media (max-width:1050px) {
  #rulesView.modern-rules-mode .rules-tabs { grid-template-columns:repeat(5,minmax(0,1fr)); }
  #rulesView.modern-rules-mode .rules-tabs button:first-child { grid-column:auto; }
}
@media (max-width:820px) {
  #rulesView.modern-rules-mode .rules-toolbar { top:70px; }
  #rulesView.modern-rules-mode .rules-codex-hero { min-height:245px;padding:30px 24px;background-position:58% 52%; }
  #rulesView.modern-rules-mode .rules-codex-hero>div:first-child { max-width:58%; }
  #rulesView.modern-rules-mode .rules-codex-hero h2 { font-size:clamp(2.5rem,8vw,4.2rem); }
  #rulesView.modern-rules-mode .rules-reference-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
}
@media (max-width:620px) {
  #rulesView.modern-rules-mode .rules-codex-hero { min-height:230px;padding:28px 18px;background-position:64% 52%; }
  #rulesView.modern-rules-mode .rules-codex-hero>div:first-child { max-width:70%; }
  #rulesView.modern-rules-mode .rules-codex-hero h2 { font-size:2.35rem; }
  #rulesView.modern-rules-mode .rules-codex-hero>div>p:last-child { max-width:82%;font-size:.65rem; }
  #rulesView.modern-rules-mode .rules-toolbar { position:relative;top:auto;padding:10px; }
  #rulesView.modern-rules-mode .rules-tabs { grid-template-columns:repeat(2,minmax(0,1fr)); }
  #rulesView.modern-rules-mode .rules-tabs button:first-child { grid-column:1/-1; }
  #rulesView.modern-rules-mode .rules-reference-grid { grid-template-columns:1fr; }
  #rulesView.modern-rules-mode .rules-codex-heading { align-items:flex-start;flex-direction:column;gap:6px; }
}

/* Alpha.408: Modern Rule Codex operations-manual polish. */
#rulesView.modern-rules-mode .rules-codex-hero { min-height:320px;padding-bottom:92px; }
#rulesView.modern-rules-mode .rules-field-status {
  position:absolute;
  z-index:3;
  left:44px;
  bottom:22px;
  display:grid;
  grid-template-columns:repeat(3,minmax(135px,1fr));
  gap:6px;
  width:min(610px,calc(100% - 88px));
}
#rulesView.modern-rules-mode .rules-field-status[hidden] { display:none; }
#rulesView.modern-rules-mode .rules-field-status>span {
  min-height:47px;
  padding:8px 12px 7px;
  border:1px solid #75695b;
  border-left:4px solid var(--status-accent,#c42a30);
  background:linear-gradient(105deg,rgba(17,18,18,.96),rgba(31,27,24,.93));
  box-shadow:inset 0 0 0 2px #090909,2px 3px rgba(0,0,0,.46);
}
#rulesView.modern-rules-mode .rules-field-status>span:nth-child(2) { --status-accent:#d8a810; }
#rulesView.modern-rules-mode .rules-field-status>span:nth-child(3) { --status-accent:#4c91d0; }
#rulesView.modern-rules-mode .rules-field-status small,
#rulesView.modern-rules-mode .rules-field-status strong { display:block;text-transform:uppercase; }
#rulesView.modern-rules-mode .rules-field-status small { color:#a99e90;font:800 .43rem/1.1 Arial,sans-serif;letter-spacing:.13em; }
#rulesView.modern-rules-mode .rules-field-status strong { margin-top:3px;color:#f0e6d4;font:900 .8rem/1 Impact,'Arial Narrow',sans-serif;letter-spacing:.055em; }

#rulesView.modern-rules-mode .rules-toolbar {
  top:82px;
  display:grid;
  grid-template-columns:minmax(280px,1fr) auto;
  align-items:stretch;
  padding:11px;
  border-width:3px!important;
}
#rulesView.modern-rules-mode .rules-search { min-height:44px; }
#rulesView.modern-rules-mode .rules-edition-filters {
  display:grid;
  grid-template-columns:auto repeat(3,minmax(88px,auto));
  align-items:stretch;
  gap:4px;
  padding:4px;
  border:2px solid #171717;
  background:#111;
  box-shadow:inset 4px 0 #4c91d0;
}
#rulesView.modern-rules-mode .rules-edition-filters[hidden] { display:none; }
#rulesView.modern-rules-mode .rules-edition-filters>span {
  align-self:center;
  padding:0 9px;
  color:#9b9082;
  font:900 .42rem/1 Arial,sans-serif;
  letter-spacing:.12em;
  text-transform:uppercase;
}
#rulesView.modern-rules-mode .rules-edition-filters button {
  min-height:34px;
  padding:5px 9px;
  border:1px solid #5b554d;
  background:#242321;
  color:#d8cdbd;
  font:900 .49rem/1 Arial,sans-serif;
  letter-spacing:.05em;
  text-transform:uppercase;
}
#rulesView.modern-rules-mode .rules-edition-filters button:hover,
#rulesView.modern-rules-mode .rules-edition-filters button.active {
  border-color:#6aa8dd;
  background:linear-gradient(#275a82,#142c3f);
  color:#fff;
  box-shadow:inset 0 -3px #4c91d0;
}
#rulesView.modern-rules-mode .rules-tabs { grid-column:1/-1; }
#rulesView.modern-rules-mode .rules-tabs button { min-height:43px; }

#rulesView.modern-rules-mode .rules-codex-heading {
  position:relative;
  overflow:hidden;
  padding-right:150px;
}
#rulesView.modern-rules-mode .rules-codex-heading::after {
  content:'LIVE FIELD INDEX';
  position:absolute;
  top:0;
  right:0;
  height:100%;
  display:grid;
  place-items:center;
  padding:0 18px;
  background:#171717;
  color:#d9cdb9;
  font:900 .52rem/1 Arial,sans-serif;
  letter-spacing:.14em;
}
#rulesView.modern-rules-mode .rule-reference-card,
#rulesView.modern-rules-mode .rule-reference-card[data-category] {
  transition:transform .18s ease,box-shadow .18s ease;
}
#rulesView.modern-rules-mode .rule-reference-card:hover {
  transform:translateY(-3px);
  box-shadow:inset 7px 0 var(--rule-accent),0 0 0 1px #1a1511,9px 12px rgba(0,0,0,.72)!important;
}
#rulesView.modern-rules-mode .rule-card-top { display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:9px; }
#rulesView.modern-rules-mode .rule-card-top::after {
  content:'OPS FILE ' attr(data-record);
  align-self:center;
  color:#746758;
  font:900 .43rem/1 Arial,sans-serif;
  letter-spacing:.1em;
}
#rulesView.modern-rules-mode .rule-reference-card h4 {
  margin-top:13px;
  padding-bottom:10px;
  border-bottom:1px solid rgba(74,57,42,.24);
}
#rulesView.modern-rules-mode .rule-card-source {
  margin-top:auto;
  padding-top:8px;
  border-top:1px dashed rgba(83,65,48,.32);
}

@media (max-width:1050px) {
  #rulesView.modern-rules-mode .rules-toolbar { grid-template-columns:1fr; }
  #rulesView.modern-rules-mode .rules-edition-filters { grid-template-columns:auto repeat(3,1fr); }
}
@media (max-width:820px) {
  #rulesView.modern-rules-mode .rules-codex-hero { min-height:300px;padding-bottom:88px; }
  #rulesView.modern-rules-mode .rules-field-status { left:24px;bottom:18px;width:calc(100% - 48px); }
  #rulesView.modern-rules-mode .rules-toolbar { top:64px; }
}
@media (max-width:620px) {
  #rulesView.modern-rules-mode .rules-codex-hero { min-height:340px;padding-bottom:125px; }
  #rulesView.modern-rules-mode .rules-field-status { left:18px;bottom:18px;width:calc(100% - 36px);grid-template-columns:1fr 1fr; }
  #rulesView.modern-rules-mode .rules-field-status>span:last-child { grid-column:1/-1; }
  #rulesView.modern-rules-mode .rules-edition-filters { grid-template-columns:repeat(3,1fr); }
  #rulesView.modern-rules-mode .rules-edition-filters>span { grid-column:1/-1;padding:4px 6px 2px; }
  #rulesView.modern-rules-mode .rules-codex-heading { padding-right:16px; }
  #rulesView.modern-rules-mode .rules-codex-heading::after { display:none; }
  #rulesView.modern-rules-mode .rule-card-top::after { content:'FILE ' attr(data-record); }
}

/* Alpha.409: Match the Modern home command deck to the Rule Codex. */
.modern-dashboard-shell:not(.modern-family-active) {
  gap:12px;
  padding-top:112px;
}
.modern-dashboard-shell:not(.modern-family-active) .modern-command-banner {
  place-items:start;
  min-height:310px;
  margin:0 clamp(28px,8vw,140px);
  padding:58px 44px 92px;
  overflow:hidden;
  border:3px solid #75695b;
  background:
    linear-gradient(90deg,rgba(9,10,10,.98) 0%,rgba(15,17,17,.9) 44%,rgba(8,9,9,.36) 74%,rgba(8,8,8,.62) 100%),
    url('../assets/modern/homepage/modern-map-survivors-v379.webp') center 30%/cover no-repeat;
  box-shadow:inset 0 0 0 5px #090909,0 16px 34px rgba(0,0,0,.76);
  text-align:left;
}
.modern-dashboard-shell:not(.modern-family-active) .modern-command-banner::before {
  inset:0;
  z-index:0;
  background:
    repeating-linear-gradient(90deg,transparent 0 78px,rgba(255,255,255,.022) 78px 79px),
    linear-gradient(180deg,transparent 68%,rgba(0,0,0,.7));
  filter:none;
}
.modern-dashboard-shell:not(.modern-family-active) .modern-command-banner::after {
  right:0;
  bottom:0;
  width:100%;
  height:7px;
  background:linear-gradient(90deg,#c42a30 0 34%,#d8a810 34% 67%,#4c91d0 67%);
  opacity:1;
  transform:none;
}
.modern-dashboard-shell:not(.modern-family-active) .modern-command-banner>div:first-of-type {
  position:relative;
  z-index:2;
  max-width:720px;
}
.modern-dashboard-shell:not(.modern-family-active) .modern-command-banner>div:first-of-type>span {
  color:#d36a58;
  font:900 .56rem/1 Arial,sans-serif;
  letter-spacing:.2em;
  text-transform:uppercase;
}
.modern-dashboard-shell:not(.modern-family-active) .modern-command-banner h2 {
  justify-content:flex-start;
  max-width:660px;
  margin:12px 0 9px;
  font-size:clamp(2.8rem,5vw,5.2rem);
  line-height:.78;
}
.modern-dashboard-shell:not(.modern-family-active) .modern-command-banner p {
  max-width:610px;
  color:#d8cdbd;
  font:800 .64rem/1.45 Arial,sans-serif;
  letter-spacing:.07em;
}
.modern-dashboard-shell:not(.modern-family-active) .modern-command-banner>button {
  top:16px;
  left:20px;
  border:1px solid #75695b;
  border-left:4px solid #c42a30;
  border-radius:0;
  background:#141515;
  color:#eee3d2;
  box-shadow:inset 0 0 0 2px #070707;
  font-family:Arial,sans-serif;
}
.modern-dashboard-shell:not(.modern-family-active) .modern-command-status {
  position:absolute;
  z-index:3;
  left:44px;
  bottom:24px;
  display:grid;
  grid-template-columns:repeat(3,minmax(140px,1fr));
  gap:6px;
  width:min(650px,calc(100% - 88px));
}
.modern-dashboard-shell:not(.modern-family-active) .modern-command-status>span {
  min-height:48px;
  padding:8px 12px 7px;
  border:1px solid #75695b;
  border-left:4px solid var(--home-status,#c42a30);
  background:linear-gradient(105deg,rgba(17,18,18,.97),rgba(31,27,24,.94));
  box-shadow:inset 0 0 0 2px #090909,2px 3px rgba(0,0,0,.46);
}
.modern-dashboard-shell:not(.modern-family-active) .modern-command-status>span:nth-child(2) { --home-status:#d8a810; }
.modern-dashboard-shell:not(.modern-family-active) .modern-command-status>span:nth-child(3) { --home-status:#4c91d0; }
.modern-dashboard-shell:not(.modern-family-active) .modern-command-status small,
.modern-dashboard-shell:not(.modern-family-active) .modern-command-status strong { display:block;text-transform:uppercase; }
.modern-dashboard-shell:not(.modern-family-active) .modern-command-status small { color:#a99e90;font:800 .43rem/1.1 Arial,sans-serif;letter-spacing:.13em; }
.modern-dashboard-shell:not(.modern-family-active) .modern-command-status strong { margin-top:3px;color:#f0e6d4;font:900 .82rem/1 Impact,'Arial Narrow',sans-serif;letter-spacing:.055em; }

.modern-dashboard-shell:not(.modern-family-active) .modern-era-grid {
  position:relative;
  gap:10px;
  padding-top:38px;
}
.modern-dashboard-shell:not(.modern-family-active) .modern-era-grid::before {
  content:'SELECT OUTBREAK CHANNEL';
  position:absolute;
  top:0;
  left:clamp(28px,8vw,140px);
  right:clamp(28px,8vw,140px);
  height:31px;
  display:flex;
  align-items:center;
  padding:0 13px;
  border-left:4px solid #c42a30;
  background:#141515;
  color:#d8cdbd;
  font:900 .49rem/1 Arial,sans-serif;
  letter-spacing:.15em;
}
.modern-dashboard-shell:not(.modern-family-active) .modern-era-card {
  min-height:390px;
  border:2px solid #75695b;
  background:#0d0e0e;
  box-shadow:inset 0 0 0 4px #070707,0 12px 24px rgba(0,0,0,.76);
  clip-path:none;
}
.modern-dashboard-shell:not(.modern-family-active) .modern-era-card::after {
  content:'OUTBREAK FILE 0' counter(modern-era);
  position:absolute;
  top:12px;
  right:12px;
  bottom:auto;
  left:auto;
  z-index:4;
  display:block;
  width:auto;
  height:auto;
  padding:6px 8px;
  border:1px solid color-mix(in srgb,var(--era) 65%,#75695b);
  border-radius:0;
  background:rgba(8,9,9,.88);
  color:#eee3d2;
  font:900 .43rem/1 Arial,sans-serif;
  letter-spacing:.1em;
}
.modern-dashboard-shell:not(.modern-family-active) .modern-era-grid { counter-reset:modern-era; }
.modern-dashboard-shell:not(.modern-family-active) .modern-era-card { counter-increment:modern-era; }
.modern-dashboard-shell:not(.modern-family-active) .modern-era-card:hover,
.modern-dashboard-shell:not(.modern-family-active) .modern-era-card:focus-within {
  transform:translateY(-4px);
  filter:saturate(1.06);
  box-shadow:inset 0 0 0 4px #070707,0 0 0 1px var(--era),0 18px 34px rgba(0,0,0,.84);
}
.modern-dashboard-shell:not(.modern-family-active) .modern-gateway-art {
  height:242px;
  border-bottom:0;
  filter:contrast(1.08) saturate(.9) brightness(.82);
}
.modern-dashboard-shell:not(.modern-family-active) .modern-era-card>div {
  min-height:148px;
  padding:16px 66px 15px 16px;
  border-top:5px solid var(--era);
  background:linear-gradient(112deg,#171818,#22201d);
  color:#f0e6d4;
}
.modern-dashboard-shell:not(.modern-family-active) .modern-era-card small { color:var(--era);font-family:Arial,sans-serif; }
.modern-dashboard-shell:not(.modern-family-active) .modern-era-card h3 { color:#f0e6d4;text-shadow:2px 2px #000; }
.modern-dashboard-shell:not(.modern-family-active) .modern-era-card p { color:#bdb2a3;font-family:Arial,sans-serif;font-size:.58rem; }
.modern-dashboard-shell:not(.modern-family-active) .modern-family-open-button b {
  right:15px;
  bottom:18px;
  width:42px;
  height:42px;
  border:2px solid #0a0a0a;
  border-radius:0;
  background:linear-gradient(color-mix(in srgb,var(--era) 82%,#222),color-mix(in srgb,var(--era) 55%,#111));
  box-shadow:inset 0 0 0 2px rgba(255,255,255,.12),3px 4px rgba(0,0,0,.45);
}

.modern-dashboard-shell:not(.modern-family-active) .modern-ledger {
  border:2px solid #75695b;
  background:#090909;
  box-shadow:inset 0 0 0 3px #090909,0 10px 22px rgba(0,0,0,.7);
}
.modern-dashboard-shell:not(.modern-family-active) .modern-ledger>span { border-left:4px solid #d8a810;background:#141515;font-family:Arial,sans-serif;letter-spacing:.15em; }
.modern-dashboard-shell:not(.modern-family-active) .modern-ledger div { background:linear-gradient(#1c1d1d,#141414); }

.modern-dashboard-shell:not(.modern-family-active) .modern-mission-dossiers {
  border:2px solid #75695b;
  background:#0b0c0c;
  color:#eee3d2;
  box-shadow:inset 0 0 0 3px #080808,0 11px 24px rgba(0,0,0,.74);
}
.modern-dashboard-shell:not(.modern-family-active) .modern-mission-dossiers>header { border-bottom:4px solid #4c91d0;background:#141515; }
.modern-dashboard-shell:not(.modern-family-active) .modern-mission-dossiers>header span { color:#6aa8dd;font-family:Arial,sans-serif; }
.modern-dashboard-shell:not(.modern-family-active) .modern-mission-dossiers>header button { border-left:4px solid #4c91d0;border-radius:0;background:#1d1e1e;font-family:Arial,sans-serif; }
.modern-dashboard-shell:not(.modern-family-active) .modern-mission-preview-grid { gap:2px;background:#090909; }
.modern-dashboard-shell:not(.modern-family-active) .modern-mission-preview-grid button {
  border-top:3px solid #34312d;
  background:linear-gradient(120deg,#201f1d,#141515);
  color:#eee3d2;
}
.modern-dashboard-shell:not(.modern-family-active) .modern-mission-preview-grid button:hover,
.modern-dashboard-shell:not(.modern-family-active) .modern-mission-preview-grid button:focus-visible { background:#292724;outline:2px solid #4c91d0;outline-offset:-2px; }
.modern-dashboard-shell:not(.modern-family-active) .modern-mission-preview-grid small { color:#6aa8dd;font-family:Arial,sans-serif; }
.modern-dashboard-shell:not(.modern-family-active) .modern-mission-preview-grid span { color:#9f9587;font-family:Arial,sans-serif; }

@media (max-width:1100px) {
  .modern-dashboard-shell:not(.modern-family-active) .modern-command-banner { margin-inline:18px; }
  .modern-dashboard-shell:not(.modern-family-active) .modern-era-grid::before { left:18px;right:18px; }
}
@media (max-width:820px) {
  .modern-dashboard-shell:not(.modern-family-active) { padding-top:88px; }
  .modern-dashboard-shell:not(.modern-family-active) .modern-command-banner { min-height:345px;margin-inline:8px;padding:72px 24px 124px; }
  .modern-dashboard-shell:not(.modern-family-active) .modern-command-banner h2 { justify-content:flex-start;font-size:clamp(2.35rem,10vw,4rem); }
  .modern-dashboard-shell:not(.modern-family-active) .modern-command-status { left:24px;bottom:22px;width:calc(100% - 48px); }
  .modern-dashboard-shell:not(.modern-family-active) .modern-era-grid { padding-top:38px; }
  .modern-dashboard-shell:not(.modern-family-active) .modern-era-grid::before { left:8px;right:8px; }
  .modern-dashboard-shell:not(.modern-family-active) .modern-era-card { min-height:365px; }
}
@media (max-width:520px) {
  .modern-dashboard-shell:not(.modern-family-active) .modern-command-banner { min-height:420px;padding:72px 18px 170px; }
  .modern-dashboard-shell:not(.modern-family-active) .modern-command-banner p { font-size:.56rem; }
  .modern-dashboard-shell:not(.modern-family-active) .modern-command-status { left:18px;bottom:18px;width:calc(100% - 36px);grid-template-columns:1fr 1fr; }
  .modern-dashboard-shell:not(.modern-family-active) .modern-command-status>span:last-child { grid-column:1/-1; }
  .modern-dashboard-shell:not(.modern-family-active) .modern-era-card { min-height:375px; }
  .modern-dashboard-shell:not(.modern-family-active) .modern-era-card>div { min-height:165px; }
}

/* Alpha.410: Central Archive Master Table command board. */
#masterTableView {
  padding:24px clamp(14px,3vw,42px) 54px;
  background:
    linear-gradient(180deg,rgba(3,4,4,.12),rgba(3,3,3,.72) 68%,#050505),
    url('../assets/command-center-war-room-v91.webp') center top/cover fixed;
}
.master-table-shell { width:min(1450px,100%); }
.master-table-intro {
  position:relative;
  display:grid;
  grid-template-columns:auto minmax(0,1fr) minmax(430px,620px);
  gap:22px;
  min-height:174px;
  margin-bottom:14px;
  padding:28px 30px 28px;
  overflow:hidden;
  border:3px solid #75695b;
  outline:0;
  background:
    linear-gradient(90deg,rgba(9,10,10,.98),rgba(23,20,17,.93) 62%,rgba(9,10,10,.95)),
    repeating-linear-gradient(90deg,transparent 0 74px,rgba(255,255,255,.02) 74px 75px);
  box-shadow:inset 0 0 0 5px #080808,0 15px 32px rgba(0,0,0,.75);
}
.master-table-intro::after {
  content:'';
  position:absolute;
  right:0;
  bottom:0;
  left:0;
  height:7px;
  background:linear-gradient(90deg,#a72f22 0 50%,#4c91d0 50% 100%);
}
.master-table-intro img { width:104px;height:104px;border:2px solid #75695b;border-radius:0;box-shadow:inset 0 0 0 3px #080808,5px 6px rgba(0,0,0,.45); }
.master-table-intro>div { align-self:center; }
.master-table-kicker { color:#d36a58;font-family:Arial,sans-serif;font-size:.58rem; }
.master-table-intro h2 { margin:8px 0 7px;color:#f0e6d4;font-size:clamp(2.4rem,4vw,4.2rem);text-shadow:3px 3px #090909; }
.master-table-intro p { max-width:700px;color:#bdb2a3;font-family:Arial,sans-serif;font-size:.72rem; }
.master-network-status {
  align-self:center;
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:6px;
}
.master-network-status>span {
  min-height:58px;
  padding:10px 12px;
  border:1px solid #75695b;
  border-left:4px solid var(--network-accent,#a72f22);
  background:linear-gradient(105deg,#171818,#211e1b);
  box-shadow:inset 0 0 0 2px #080808;
}
.master-network-status>span:nth-child(2) { --network-accent:#d8a810; }
.master-network-status>span:nth-child(3) { --network-accent:#4c91d0; }
.master-network-status small,.master-network-status strong { display:block;text-transform:uppercase; }
.master-network-status small { color:#9f9587;font:800 .43rem/1.1 Arial,sans-serif;letter-spacing:.1em; }
.master-network-status strong { margin-top:5px;color:#f0e6d4;font:900 1rem/1 Impact,'Arial Narrow',sans-serif; }

.master-realm-grid { display:block; }
.master-open-realms { display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px; }
.master-realm-card {
  border:2px solid #75695b;
  border-left:2px solid #75695b;
  outline:0;
  background:#0a0b0b;
  box-shadow:inset 0 0 0 4px #070707,0 12px 26px rgba(0,0,0,.76);
}
.master-realm-card.master-realm-open {
  grid-column:auto;
  display:grid;
  grid-template-columns:1fr;
  min-height:550px;
  padding:0;
  transition:transform .18s ease,box-shadow .18s ease;
}
.master-realm-card.master-realm-open:hover,
.master-realm-card.master-realm-open:focus-within {
  transform:translateY(-4px);
  box-shadow:inset 0 0 0 4px #070707,0 0 0 1px var(--realm-accent),0 18px 34px rgba(0,0,0,.84);
}
.master-realm-art,.master-realm-visual {
  position:relative;
  min-height:290px;
  overflow:hidden;
  border-bottom:6px solid var(--realm-accent);
  background:#090909;
}
.master-realm-art::after { background:linear-gradient(0deg,rgba(0,0,0,.82),transparent 45%),linear-gradient(90deg,rgba(0,0,0,.25),transparent 50%,rgba(0,0,0,.25)); }
.master-realm-art img { bottom:4px;height:82%; }
.master-realm-art img:nth-of-type(1) { left:-2%;transform:rotate(-7deg); }
.master-realm-art img:nth-of-type(2) { left:23%;transform:rotate(0);z-index:2; }
.master-realm-art img:nth-of-type(3) { right:-2%;left:auto;transform:rotate(7deg); }
.master-modern-art { background:radial-gradient(circle at 50% 88%,rgba(183,42,47,.28),transparent 44%),linear-gradient(145deg,#090b0c,#171a1a); }
.master-modern-art img { height:80%;filter:drop-shadow(8px 10px 8px rgba(0,0,0,.72)); }
.master-modern-art img:nth-of-type(1) { left:-3%;transform:rotate(-8deg); }
.master-modern-art img:nth-of-type(2) { left:25%;height:84%;transform:rotate(-1deg); }
.master-modern-art img:nth-of-type(3) { right:-3%;left:auto;height:78%;transform:rotate(8deg); }
/* Alpha.412: Keep every Master Table box fully inside its display window. */
.master-realm-art img { bottom:16px;width:42%;height:76%;object-position:center bottom; }
.master-realm-art img:nth-of-type(1) { left:2%;transform:rotate(-4deg); }
.master-realm-art img:nth-of-type(2) { left:29%;height:80%;transform:rotate(0); }
.master-realm-art img:nth-of-type(3) { right:2%;left:auto;transform:rotate(4deg); }
.master-modern-art img { height:72%; }
.master-modern-art img:nth-of-type(1) { left:3%;height:72%;transform:rotate(-4deg); }
.master-modern-art img:nth-of-type(2) { left:29%;height:78%;transform:rotate(0); }
.master-modern-art img:nth-of-type(3) { right:3%;left:auto;height:72%;transform:rotate(4deg); }
.master-realm-art>span,.master-realm-visual>span {
  position:absolute;
  top:13px;
  right:13px;
  z-index:4;
  padding:7px 9px;
  border:1px solid color-mix(in srgb,var(--realm-accent) 75%,#75695b);
  background:rgba(8,9,9,.9);
  color:#eee3d2;
  font:900 .45rem/1 Arial,sans-serif;
  letter-spacing:.12em;
  text-transform:uppercase;
}
.master-realm-visual>img { width:100%;height:100%;min-height:290px;object-fit:cover;filter:contrast(1.08) saturate(.85) brightness(.72); }
.master-realm-visual::after { content:'';position:absolute;inset:0;background:linear-gradient(0deg,rgba(5,5,5,.86),transparent 52%),linear-gradient(90deg,rgba(0,0,0,.2),transparent 50%,rgba(0,0,0,.25)); }
.master-realm-copy {
  justify-content:flex-start;
  min-height:255px;
  padding:22px 24px 20px;
  background:linear-gradient(115deg,#181919,#24211e);
}
.master-realm-status { border-radius:0;font-family:Arial,sans-serif; }
.master-realm-status.is-open { border-color:#4f9a5b;border-left:4px solid #65b675;background:#102517; }
.master-realm-card h3 { margin:11px 0 6px;color:#f0e6d4;font-size:2.6rem; }
.master-realm-card p { color:#bdb2a3;font-family:Arial,sans-serif;font-size:.68rem; }
.master-realm-metrics { gap:5px;margin:18px 0 8px; }
.master-realm-metrics div { padding:9px;border-color:#534b42;background:#111212; }
.master-realm-metrics strong { color:#f0dfbd;font-size:1.4rem; }
.master-realm-metrics span { color:#9f9587;font-family:Arial,sans-serif; }
.master-realm-progress { margin-bottom:14px;border-color:#4d4841;background:#080808; }
.master-realm-modern .master-realm-progress span { background:linear-gradient(90deg,#c42a30,#d8a810,#4c91d0); }
.master-realm-card button {
  border:1px solid color-mix(in srgb,var(--realm-accent) 72%,#75695b);
  border-left:5px solid var(--realm-accent);
  border-radius:0;
  background:linear-gradient(#252321,#111212);
  color:#f0e6d4;
  box-shadow:inset 0 0 0 2px #080808,3px 4px rgba(0,0,0,.35);
  font-family:Arial,sans-serif;
}
.master-realm-card button:not(:disabled):hover { background:linear-gradient(color-mix(in srgb,var(--realm-accent) 70%,#292929),#111); }

.master-sealed-section {
  margin-top:14px;
  padding:0;
  border:2px solid #5d5650;
  background:rgba(8,9,9,.94);
  box-shadow:inset 0 0 0 3px #070707,0 12px 26px rgba(0,0,0,.7);
}
.master-sealed-section>header { padding:15px 18px 13px;border-bottom:4px solid #484f52;background:#151616; }
.master-sealed-section>header span { color:#718c94;font:900 .48rem/1 Arial,sans-serif;letter-spacing:.15em;text-transform:uppercase; }
.master-sealed-section>header h3 { margin:5px 0 3px;color:#ddd3c3;font:900 1.65rem/.95 Impact,'Arial Narrow',sans-serif;text-transform:uppercase; }
.master-sealed-section>header p { margin:0;color:#918a80;font:700 .62rem/1.4 Arial,sans-serif; }
.master-sealed-grid { display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:2px;padding:2px;background:#090909; }
.master-realm-card.is-locked {
  position:relative;
  display:block;
  min-height:320px;
  padding:0;
  border:0;
  opacity:.78;
  filter:saturate(.62);
}
.master-realm-card.is-locked>img { position:absolute;inset:0;width:100%;height:100%;object-fit:cover;filter:brightness(.32) contrast(1.15); }
.master-realm-card.is-locked::after { content:'';position:absolute;inset:0;background:linear-gradient(0deg,#0c0d0d 5%,rgba(9,10,10,.92) 48%,rgba(7,8,8,.38));pointer-events:none; }
.master-realm-card.is-locked>div:last-child { position:relative;z-index:2;justify-content:flex-end;min-height:320px;padding:22px; }
.master-realm-card.is-locked h3 { font-size:2rem; }
.master-realm-card.is-locked .master-realm-metrics { width:100%;margin:13px 0 0; }
.master-realm-card.is-locked button { width:100%;margin-top:14px;border-left-color:#596266;color:#8d918f; }
.master-realm-readiness { width:100%;margin-top:16px;padding:10px;border:1px solid #4e5557;background:rgba(9,10,10,.85); }
.master-realm-readiness small,.master-realm-readiness strong { display:block;text-transform:uppercase; }
.master-realm-readiness small { color:#7d898c;font:800 .43rem/1 Arial,sans-serif;letter-spacing:.12em; }
.master-realm-readiness strong { margin-top:4px;color:#aaa9a4;font:900 .66rem/1 Arial,sans-serif; }
.master-realm-readiness em { display:block;margin-top:5px;color:#8a655d;font:700 .48rem/1 Arial,sans-serif;letter-spacing:.04em;text-transform:uppercase; }
.master-table-footer { margin-top:14px;border:2px solid #5d5650;border-left:5px solid #4f9a5b;background:#111212;font-family:Arial,sans-serif; }
.master-table-footer span { color:#c8d7c9; }

/* Alpha.413: Distressed Zombicide survivor-board treatment for the Master Table. */
#masterTableView {
  background:
    linear-gradient(90deg,rgba(3,3,3,.68),rgba(3,3,3,.86) 46%,rgba(3,3,3,.72)),
    url('../assets/modern/modern-outbreak-backdrop-v1.webp') right top / 56% 100% fixed no-repeat,
    url('../assets/command-center-siege-v92.webp') left top / 56% 100% fixed no-repeat,
    #050505;
}
.master-table-shell { position:relative; }
.master-table-shell::before {
  content:'';
  position:absolute;
  inset:-10px;
  z-index:-1;
  border:1px solid rgba(203,43,36,.28);
  background:linear-gradient(90deg,rgba(122,25,20,.08),transparent 35%,transparent 65%,rgba(26,88,121,.08));
  box-shadow:0 0 60px rgba(0,0,0,.82);
  pointer-events:none;
}
.master-table-intro {
  border:4px solid #ddd3c2;
  background:
    radial-gradient(circle at 76% 28%,rgba(151,22,17,.23),transparent 27%),
    repeating-linear-gradient(101deg,rgba(255,255,255,.018) 0 2px,transparent 2px 18px),
    linear-gradient(112deg,rgba(8,8,8,.99),rgba(29,28,25,.96) 58%,rgba(8,8,8,.98));
  box-shadow:inset 0 0 0 4px #0b0b0b,inset 0 0 45px rgba(0,0,0,.88),0 14px 0 rgba(0,0,0,.42),0 20px 34px rgba(0,0,0,.78);
  clip-path:polygon(0 0,99.2% 0,100% 94%,98.7% 100%,0 100%);
}
.master-table-intro::before {
  content:'';
  position:absolute;
  top:0;
  right:0;
  left:0;
  height:9px;
  background:repeating-linear-gradient(135deg,#d4a611 0 14px,#171717 14px 28px);
  box-shadow:0 2px #050505;
}
.master-table-intro::after { height:8px;background:#b82a28;box-shadow:0 -2px #070707; }
.master-table-intro img { border:3px solid #d8cebd;box-shadow:inset 0 0 0 3px #080808,7px 8px #7d201c;transform:rotate(-2deg); }
.master-table-kicker { display:inline-block;padding:6px 9px;border-left:5px solid #f0d9bd;background:#a52722;color:#fff2df;font-size:.55rem;letter-spacing:.16em;transform:rotate(-.6deg); }
.master-table-intro h2 { max-width:430px;color:#f6eddf;font-size:clamp(2.7rem,4vw,4.4rem);line-height:.84;letter-spacing:.01em;text-shadow:4px 4px #080808,7px 7px #7e211d;-webkit-text-stroke:1px rgba(255,255,255,.2); }
.master-table-intro p { color:#ddd2c0;font-weight:800;text-transform:uppercase;letter-spacing:.055em; }
.master-network-status { gap:8px;transform:rotate(.35deg); }
.master-network-status>span { border:2px solid #b8ae9e;border-left:7px solid var(--network-accent,#b82a28);background:linear-gradient(110deg,#252421,#101111);box-shadow:inset 0 0 0 2px #070707,4px 5px rgba(0,0,0,.48); }
.master-network-status small { color:#c2b6a5; }
.master-network-status strong { color:#fff0d7;font-size:1.35rem;text-shadow:2px 2px #080808; }

.master-open-realms { gap:16px; }
.master-realm-card.master-realm-open { position:relative;border:4px solid #d8cebd;background:#080909;box-shadow:inset 0 0 0 4px #080808,7px 9px rgba(0,0,0,.55),0 18px 35px rgba(0,0,0,.7);clip-path:polygon(0 0,100% 0,100% 98.5%,98.5% 100%,0 100%); }
.master-realm-card.master-realm-open::before { content:'';position:absolute;inset:7px;z-index:6;border:1px solid rgba(255,255,255,.11);pointer-events:none; }
.master-realm-card.master-realm-open:nth-child(1) { transform:rotate(-.35deg); }
.master-realm-card.master-realm-open:nth-child(2) { transform:rotate(.35deg); }
.master-realm-card.master-realm-open:hover,.master-realm-card.master-realm-open:focus-within { transform:translateY(-4px) rotate(0); }
.master-realm-art { background:radial-gradient(circle at 50% 83%,rgba(126,28,22,.28),transparent 44%),repeating-linear-gradient(110deg,#141414 0 2px,#090909 2px 15px); }
.master-realm-art::before { content:'';position:absolute;inset:0;z-index:3;background:radial-gradient(circle at 13% 18%,rgba(137,25,20,.26),transparent 18%),radial-gradient(circle at 87% 75%,rgba(105,16,14,.18),transparent 15%);pointer-events:none; }
.master-realm-art>span { border:2px solid #d8cebd;border-left:6px solid #b82a28;background:#111;color:#f7ead5;box-shadow:3px 4px rgba(0,0,0,.5); }
.master-realm-copy { position:relative;background:repeating-linear-gradient(103deg,#282724 0 1px,#1b1c1c 1px 17px); }
.master-realm-copy::before { content:'';position:absolute;top:0;right:0;left:0;height:7px;background:repeating-linear-gradient(135deg,var(--realm-accent) 0 13px,#111 13px 26px); }
.master-realm-status.is-open { border:2px solid #c7bba8;border-left:6px solid #62ae6e;background:#14291a;color:#dff1dc;transform:rotate(-.5deg); }
.master-realm-card h3 { font-size:3rem;letter-spacing:.025em;text-shadow:3px 3px #070707,5px 5px color-mix(in srgb,var(--realm-accent) 60%,#111); }
.master-realm-card p { color:#ddd0bd;font-weight:800;text-transform:uppercase;letter-spacing:.03em; }
.master-realm-metrics { gap:7px; }
.master-realm-metrics div { border:2px solid #6d655a;background:linear-gradient(#181919,#0d0e0e);box-shadow:inset 0 0 0 2px #080808; }
.master-realm-metrics strong { color:#fff0d7;text-shadow:2px 2px #15100c; }
.master-realm-card button { min-height:48px;border:2px solid #d1c6b5;border-left:8px solid var(--realm-accent);background:linear-gradient(105deg,#292724,#111212);font-weight:1000;letter-spacing:.11em;text-transform:uppercase; }
.master-realm-card button:not(:disabled):hover { background:linear-gradient(105deg,var(--realm-accent),#161616 72%); }

.master-sealed-section { border:4px solid #756d62;background:rgba(8,9,9,.96);box-shadow:inset 0 0 0 4px #080808,6px 8px rgba(0,0,0,.48); }
.master-sealed-section>header { position:relative;padding-top:22px;border-bottom:5px solid #464b4d;background:repeating-linear-gradient(105deg,#222 0 2px,#111 2px 18px); }
.master-sealed-section>header::before { content:'';position:absolute;top:0;right:0;left:0;height:9px;background:repeating-linear-gradient(135deg,#b79217 0 14px,#151515 14px 28px); }
.master-sealed-section>header span { color:#d0ad35; }
.master-sealed-section>header h3 { color:#eee2cf;font-size:2rem;text-shadow:3px 3px #080808; }
.master-realm-card.is-locked { opacity:.7;filter:grayscale(.55) saturate(.55); }
.master-realm-card.is-locked::before { content:'QUARANTINED';position:absolute;top:20px;left:-30px;z-index:4;width:170px;padding:6px 0;background:#a82924;color:#f7e8d3;font:900 .48rem/1 Arial,sans-serif;letter-spacing:.15em;text-align:center;transform:rotate(-35deg);box-shadow:0 2px #070707; }
.master-realm-card.is-locked button { border-color:#5e5e5a;border-left-color:#a82924;background:repeating-linear-gradient(135deg,#222 0 11px,#151515 11px 22px); }
.master-table-footer { border:3px solid #766e62;border-left:8px solid #b82a28;background:repeating-linear-gradient(105deg,#1c1c1b 0 2px,#0f1010 2px 18px);box-shadow:4px 5px rgba(0,0,0,.42); }
.master-table-footer span { color:#f0ddc0;text-transform:uppercase;letter-spacing:.08em; }

/* Alpha.414: Quarantine Archive Vault, selected concept 3. */
#masterTableView { background:linear-gradient(180deg,rgba(3,3,3,.22),rgba(3,3,3,.64) 52%,rgba(3,3,3,.86)),url('../assets/master/master-quarantine-vault-v414.webp') center top/cover fixed no-repeat,#050505; }
.master-table-shell::before { inset:-14px;border:2px solid rgba(88,76,60,.5);background:rgba(0,0,0,.18);box-shadow:0 0 80px rgba(0,0,0,.9); }
.master-table-intro { grid-template-columns:92px minmax(250px,.85fr) minmax(490px,1.45fr);min-height:148px;border:5px solid #3c3934;clip-path:none;background:linear-gradient(115deg,rgba(14,14,13,.97),rgba(40,37,32,.94) 55%,rgba(12,12,12,.98));box-shadow:inset 0 0 0 2px #75664f,inset 0 0 0 7px #080808,inset 0 0 34px rgba(0,0,0,.9),0 16px 34px rgba(0,0,0,.8); }
.master-table-intro::before { height:8px;background:repeating-linear-gradient(135deg,#be8f0d 0 13px,#181818 13px 26px); }
.master-table-intro::after { height:5px;background:#7d1a17;box-shadow:0 -2px #0a0a0a; }
.master-table-intro img { width:82px;height:82px;border:2px solid #73664f;box-shadow:inset 0 0 0 3px #080808,0 0 18px rgba(176,40,31,.32);transform:none;filter:saturate(.7) contrast(1.12); }
.master-table-kicker { padding:0;border:0;background:transparent;color:#c33b32;font-size:.5rem;letter-spacing:.2em;transform:none; }
.master-table-intro h2 { max-width:none;margin:6px 0 4px;color:#e8dfd0;font-size:clamp(2.8rem,4vw,4.5rem);line-height:.88;text-shadow:3px 3px #080808,5px 5px #471713;-webkit-text-stroke:0; }
.master-table-intro p { max-width:420px;color:#aaa095;font-size:.6rem;letter-spacing:.08em; }
.master-network-status { gap:9px;transform:none; }
.master-network-status>span { position:relative;min-height:68px;padding:12px 38px 11px 14px;border:3px solid #35322e;border-left:3px solid #70624e;background:linear-gradient(110deg,#25231f,#0d0e0e);box-shadow:inset 0 0 0 1px #75664e,inset 0 0 0 4px #080808,4px 5px rgba(0,0,0,.5); }
.master-network-status>span::after { content:'';position:absolute;top:14px;right:14px;width:10px;height:10px;border:2px solid #0b0b0b;border-radius:50%;background:var(--network-accent);box-shadow:0 0 10px var(--network-accent),inset 0 0 2px #fff; }
.master-network-status>span:nth-child(1) { --network-accent:#43bb5c; }.master-network-status>span:nth-child(2) { --network-accent:#ddb329; }.master-network-status>span:nth-child(3) { --network-accent:#c83a32; }
.master-network-status small { color:#ada397; }.master-network-status strong { color:#eee4d5;font-size:1.45rem; }
.master-open-realms { gap:18px; }
.master-realm-card.master-realm-open,.master-realm-card.master-realm-open:nth-child(1),.master-realm-card.master-realm-open:nth-child(2) { border:8px solid #262522;outline:2px solid #77674e;clip-path:none;transform:none;background:#080909;box-shadow:inset 0 0 0 2px #88785e,inset 0 0 0 7px #090909,0 16px 30px rgba(0,0,0,.82); }
.master-realm-card.master-realm-open::before { inset:9px;border:1px solid rgba(197,171,125,.28); }
.master-realm-card.master-realm-open:hover,.master-realm-card.master-realm-open:focus-within { transform:translateY(-3px);box-shadow:inset 0 0 0 2px #88785e,inset 0 0 0 7px #090909,0 0 18px rgba(72,178,85,.2),0 20px 34px rgba(0,0,0,.86); }
.master-realm-art { min-height:300px;border-bottom:9px solid #27241f;background:radial-gradient(ellipse at 18% 0,rgba(255,214,133,.3),transparent 22%),radial-gradient(ellipse at 50% 0,rgba(255,214,133,.34),transparent 23%),radial-gradient(ellipse at 82% 0,rgba(255,214,133,.3),transparent 22%),linear-gradient(#181612,#080909 72%);box-shadow:inset 0 0 34px rgba(0,0,0,.85); }
.master-realm-art::before { background:linear-gradient(90deg,transparent 0 8%,rgba(224,180,96,.16) 8% 9%,transparent 9% 49%,rgba(224,180,96,.16) 49% 50%,transparent 50% 91%,rgba(224,180,96,.16) 91% 92%,transparent 92%); }
.master-realm-art::after { background:linear-gradient(0deg,rgba(0,0,0,.5),transparent 33%),linear-gradient(90deg,rgba(0,0,0,.24),transparent 18%,transparent 82%,rgba(0,0,0,.24)); }
.master-realm-art>span { top:14px;right:14px;border:2px solid #2d2c29;border-left:6px solid #a98620;background:#111;color:#d6cbb9;box-shadow:inset 0 0 0 1px #76664c,3px 4px rgba(0,0,0,.55); }
.master-realm-copy { background:linear-gradient(112deg,#22211e,#0f1010 72%);box-shadow:inset 0 0 25px rgba(0,0,0,.7); }
.master-realm-copy::before { height:10px;background:repeating-linear-gradient(135deg,#b78c16 0 12px,#171717 12px 24px); }
.master-realm-status.is-open { margin-left:auto;border:2px solid #32723d;border-left:6px solid #51d66a;background:#0c2912;color:#7df78d;box-shadow:0 0 12px rgba(62,214,90,.24),inset 0 0 8px rgba(62,214,90,.12);transform:none; }
.master-realm-card h3 { color:#e8dfd1;font-size:2.8rem;text-shadow:3px 3px #070707; }.master-realm-card p { color:#aaa095; }
.master-realm-metrics div { border:3px solid #2c2a27;background:linear-gradient(#1f1e1b,#0b0c0c);box-shadow:inset 0 0 0 1px #675b49; }.master-realm-metrics strong { color:#eee4d3; }
.master-realm-card button { border:3px solid #292a27;border-left:7px solid #708d2d;background:linear-gradient(105deg,#20251c,#0b0d0b);color:#ded7c9;box-shadow:inset 0 0 0 1px #778153,3px 4px rgba(0,0,0,.45); }
.master-realm-card button:not(:disabled):hover { background:linear-gradient(105deg,#29432b,#111 74%);box-shadow:inset 0 0 0 1px #7da067,0 0 13px rgba(67,187,92,.22); }
.master-sealed-section { border:6px solid #242320;outline:2px solid #6d604d;background:rgba(8,8,8,.97);box-shadow:inset 0 0 0 2px #76664f,inset 0 0 0 7px #080808,0 18px 34px rgba(0,0,0,.8); }
.master-sealed-section>header { padding:25px 20px 16px;border-bottom:7px solid #292722;background:linear-gradient(108deg,#211f1c,#0e0f0f); }.master-sealed-section>header::before { height:10px;background:repeating-linear-gradient(135deg,#b98d15 0 13px,#161616 13px 26px); }
.master-sealed-section>header span { color:#bd372f; }.master-sealed-section>header h3 { color:#ded5c8;text-shadow:3px 3px #080808; }
.master-sealed-grid { gap:8px;padding:8px;background:#080808; }
.master-realm-card.is-locked { min-height:330px;border:5px solid #242320;outline:1px solid #625744;opacity:1;filter:none;background:radial-gradient(circle at 50% 38%,rgba(115,20,17,.18),transparent 22%),repeating-linear-gradient(90deg,#171616 0 3px,#0c0d0d 3px 48px);box-shadow:inset 0 0 0 3px #080808,inset 0 0 34px rgba(0,0,0,.9); }
.master-realm-card.is-locked>img { opacity:.11;filter:grayscale(1) brightness(.42) contrast(1.3);mix-blend-mode:screen; }
.master-realm-card.is-locked::after { z-index:1;background:linear-gradient(32deg,transparent 47.4%,#1b1a18 47.5% 48.6%,#756b5e 48.7% 49.3%,#1b1a18 49.4% 50.5%,transparent 50.6%),linear-gradient(-32deg,transparent 47.4%,#1b1a18 47.5% 48.6%,#756b5e 48.7% 49.3%,#1b1a18 49.4% 50.5%,transparent 50.6%),linear-gradient(0deg,rgba(8,8,8,.84),rgba(15,15,14,.55)); }
.master-realm-card.is-locked::before { top:16px;left:auto;right:14px;width:auto;padding:6px 10px;background:#821d19;color:#e8c8ba;transform:rotate(-3deg);box-shadow:0 0 12px rgba(192,43,35,.35),0 2px #070707; }
.master-realm-card.is-locked>div:last-child { z-index:3;min-height:330px; }.master-realm-card.is-locked h3 { color:#bdb5aa;text-shadow:3px 3px #080808; }.master-realm-card.is-locked p { color:#716d67; }
.master-realm-card.is-locked .master-realm-status { border-color:#514a41;background:#111;color:#9b8e7e; }.master-realm-card.is-locked .master-realm-metrics div,.master-realm-readiness { border-color:#39342d;background:rgba(10,10,10,.84); }
.master-realm-card.is-locked button { border:3px solid #282522;border-left:7px solid #7e1e1a;background:repeating-linear-gradient(135deg,#1b1a18 0 11px,#101010 11px 22px);color:#716c65;box-shadow:inset 0 0 0 1px #423a30; }
.master-table-footer { border:4px solid #282622;border-left:8px solid #80201b;background:linear-gradient(105deg,#1d1c1a,#0b0c0c);box-shadow:inset 0 0 0 1px #645845,4px 5px rgba(0,0,0,.48); }.master-table-footer span { color:#c9c0b3; }

@media (max-width:1080px) {
  .master-table-intro { grid-template-columns:auto 1fr; }
  .master-network-status { grid-column:1/-1;width:100%; }
  .master-realm-card.master-realm-open { min-height:520px; }
  .master-sealed-grid { grid-template-columns:1fr; }
  .master-realm-card.is-locked { min-height:250px; }
  .master-realm-card.is-locked>div:last-child { min-height:250px; }
}
@media (max-width:760px) {
  #masterTableView.active { padding:10px 8px 44px; }
  .master-table-intro { grid-template-columns:1fr;gap:13px;padding:20px 18px 24px; }
  .master-table-intro img { width:72px;height:72px; }
  .master-table-intro h2 { font-size:2.25rem; }
  .master-network-status { grid-column:1;grid-template-columns:1fr 1fr; }
  .master-network-status>span:last-child { grid-column:1/-1; }
  .master-open-realms { grid-template-columns:1fr; }
  .master-realm-card.master-realm-open { min-height:0; }
  .master-realm-card.master-realm-open:nth-child(1),.master-realm-card.master-realm-open:nth-child(2) { transform:none; }
  .master-realm-art,.master-realm-visual,.master-realm-visual>img { min-height:235px; }
  .master-realm-copy { min-height:0;padding:19px 16px 18px; }
  .master-realm-card h3 { font-size:2rem; }
  .master-sealed-section>header { padding:14px; }
  .master-realm-card.is-locked>div:last-child { padding:17px; }
}
@media (max-width:430px) {
  .master-network-status { grid-template-columns:1fr; }
  .master-network-status>span:last-child { grid-column:1; }
  .master-realm-metrics { grid-template-columns:1fr; }
  .master-realm-metrics div { grid-template-columns:1fr auto;align-items:center;text-align:left; }
  .master-realm-art,.master-realm-visual,.master-realm-visual>img { min-height:205px; }
  .master-realm-art img { height:72%; }
}

/* Alpha.415: complete the quarantine vault treatment below the active realm bays. */
.master-sealed-section>header {
  display:grid;
  grid-template-columns:minmax(0,1fr) auto;
  align-items:center;
  gap:24px;
}
.master-sealed-section>header>div:first-child { min-width:0; }
.master-containment-status {
  min-width:190px;
  padding:11px 14px;
  border:3px solid #292622;
  background:linear-gradient(105deg,#1b1917,#0a0b0b);
  box-shadow:inset 0 0 0 1px #675846,3px 4px rgba(0,0,0,.52);
  font-family:Arial,sans-serif;
  text-transform:uppercase;
}
.master-containment-status small,.master-containment-status strong { display:block; }
.master-containment-status small { color:#c84940;font-size:.48rem;font-weight:900;letter-spacing:.12em; }
.master-containment-status strong { margin-top:6px;color:#d8cec0;font-size:.69rem;letter-spacing:.08em; }
.master-containment-status i,.master-table-footer i {
  display:inline-block;
  width:8px;
  height:8px;
  margin-right:7px;
  border:1px solid #080808;
  border-radius:50%;
  background:#c83a32;
  box-shadow:0 0 9px rgba(200,58,50,.8),inset 0 0 1px #fff;
}
.master-sealed-grid { grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;padding:12px; }
.master-realm-card.is-locked {
  --vault-accent:#8f3b34;
  min-height:382px;
  isolation:isolate;
  overflow:hidden;
  border:7px solid #1e1e1c;
  outline:2px solid #6b5e4b;
  background:
    linear-gradient(90deg,transparent 48.8%,rgba(116,104,86,.35) 49%,rgba(12,12,12,.9) 50%,rgba(116,104,86,.28) 51%,transparent 51.2%),
    repeating-linear-gradient(0deg,#151514 0 3px,#0b0c0c 3px 42px);
  box-shadow:inset 0 0 0 2px #74654f,inset 0 0 0 8px #080808,inset 0 0 48px #000,0 8px 16px rgba(0,0,0,.68);
}
.master-realm-card.master-realm-invader.is-locked { --vault-accent:#4f8491; }
.master-realm-card.master-realm-western.is-locked { --vault-accent:#9a7134; }
.master-realm-card.master-realm-superhero.is-locked { --vault-accent:#71558f; }
.master-realm-card.is-locked>img { opacity:.065;filter:grayscale(.8) brightness(.42) contrast(1.3); }
.master-realm-card.is-locked::after {
  z-index:1;
  background:
    radial-gradient(circle at 50% 30%,color-mix(in srgb,var(--vault-accent) 23%,transparent),transparent 25%),
    linear-gradient(0deg,rgba(5,5,5,.96) 0,rgba(7,7,7,.82) 45%,rgba(12,12,11,.38) 72%,rgba(7,7,7,.76));
}
.master-realm-card.is-locked::before {
  top:14px;
  right:13px;
  padding:7px 10px 6px 25px;
  border:1px solid #bb4a40;
  background:linear-gradient(95deg,#46110f,#8a211c);
  color:#f0d0c1;
  box-shadow:inset 0 0 0 2px #230706,0 0 13px rgba(192,43,35,.34),0 3px #070707;
}
.master-vault-hardware { position:absolute;inset:0;z-index:2;pointer-events:none; }
.master-vault-wheel {
  position:absolute;
  top:42px;
  left:50%;
  width:116px;
  height:116px;
  border:9px double #4f4a42;
  border-radius:50%;
  transform:translateX(-50%);
  background:
    linear-gradient(0deg,transparent 45%,#5e574d 46% 54%,transparent 55%),
    linear-gradient(60deg,transparent 45%,#5e574d 46% 54%,transparent 55%),
    linear-gradient(-60deg,transparent 45%,#5e574d 46% 54%,transparent 55%),
    radial-gradient(circle,#756958 0 11%,#151515 12% 20%,#403c35 21% 27%,transparent 28%);
  box-shadow:inset 0 0 18px #050505,0 0 0 5px rgba(7,7,7,.7),0 7px 12px rgba(0,0,0,.65);
  opacity:.78;
}
.master-vault-chain {
  position:absolute;
  top:89px;
  left:-18%;
  width:136%;
  height:17px;
  border:3px solid #171717;
  background:repeating-linear-gradient(90deg,#2a2926 0 5px,#817666 5px 11px,#1a1a18 11px 17px);
  box-shadow:0 2px 0 #817665,0 6px 7px rgba(0,0,0,.75);
  opacity:.9;
}
.master-vault-chain.chain-a { transform:rotate(27deg); }
.master-vault-chain.chain-b { transform:rotate(-27deg); }
.master-vault-lock {
  position:absolute;
  top:91px;
  left:50%;
  width:42px;
  height:40px;
  border:5px solid #161616;
  transform:translateX(-50%);
  background:linear-gradient(135deg,#7c705d,#2a2925 58%,#5a5042);
  box-shadow:inset 0 0 0 2px #958873,0 5px 9px rgba(0,0,0,.72);
}
.master-vault-lock::before {
  content:'';
  position:absolute;
  top:-29px;
  left:5px;
  width:20px;
  height:24px;
  border:6px solid #665d50;
  border-bottom:0;
  border-radius:12px 12px 0 0;
}
.master-vault-lock::after { content:'';position:absolute;top:14px;left:15px;width:7px;height:12px;background:#111;clip-path:polygon(35% 0,65% 0,100% 42%,75% 42%,86% 100%,14% 100%,25% 42%,0 42%); }
.master-realm-card.is-locked>div:last-child {
  z-index:4;
  min-height:382px;
  padding:166px 18px 17px;
  background:linear-gradient(0deg,rgba(8,8,8,.98) 0 52%,rgba(8,8,8,.78) 70%,transparent 88%);
}
.master-realm-card.is-locked .master-realm-status { align-self:flex-start;border-left-color:var(--vault-accent);color:#aea497; }
.master-realm-card.is-locked h3 { margin-top:7px;color:#d3c9bb;font-size:1.82rem;line-height:.94; }
.master-realm-card.is-locked p { min-height:30px;margin-top:7px;color:#7f7970;font-size:.54rem;line-height:1.35; }
.master-realm-card.is-locked .master-realm-metrics { margin-top:9px; }
.master-realm-card.is-locked .master-realm-metrics div,.master-realm-readiness { border-color:#37322b;box-shadow:inset 0 0 0 1px #171512; }
.master-realm-card.is-locked button { position:relative;margin-top:10px;padding-right:36px; }
.master-realm-card.is-locked button::after { content:'×';position:absolute;right:13px;color:#8b312c;font-size:1rem;line-height:1; }
.master-table-footer {
  display:grid;
  grid-template-columns:auto auto minmax(240px,1fr);
  align-items:center;
  gap:20px;
  padding:13px 16px;
  border-left-width:4px;
}
.master-table-footer>div { padding-right:20px;border-right:1px solid #443d33;font-family:Arial,sans-serif;text-transform:uppercase; }
.master-table-footer>div span,.master-table-footer>div strong { display:block; }
.master-table-footer>div span { color:#776f65;font-size:.43rem;font-weight:900;letter-spacing:.12em; }
.master-table-footer>div strong { margin-top:4px;color:#d4ccbe;font-size:.62rem;letter-spacing:.08em; }
.master-table-footer>div:first-child i { background:#43bb5c;box-shadow:0 0 9px rgba(67,187,92,.72),inset 0 0 1px #fff; }
.master-table-footer small { color:#827b71;text-align:right;text-transform:uppercase;letter-spacing:.05em; }

@media (max-width:1080px) {
  .master-sealed-grid { grid-template-columns:1fr; }
  .master-realm-card.is-locked,.master-realm-card.is-locked>div:last-child { min-height:300px; }
  .master-realm-card.is-locked>div:last-child { padding-top:128px; }
  .master-vault-wheel { top:26px;width:94px;height:94px; }
  .master-vault-chain { top:68px; }
  .master-vault-lock { top:70px; }
}
@media (max-width:760px) {
  .master-sealed-section>header { grid-template-columns:1fr;gap:12px;padding:21px 14px 14px; }
  .master-containment-status { width:100%;min-width:0; }
  .master-table-footer { grid-template-columns:1fr 1fr;gap:12px; }
  .master-table-footer>div:nth-child(2) { border-right:0; }
  .master-table-footer small { grid-column:1/-1;text-align:left; }
}
@media (max-width:430px) {
  .master-sealed-grid { padding:8px; }
  .master-realm-card.is-locked h3 { font-size:1.62rem; }
  .master-realm-card.is-locked .master-realm-metrics { grid-template-columns:repeat(3,1fr); }
  .master-realm-card.is-locked .master-realm-metrics div { display:block;text-align:center; }
  .master-realm-card.is-locked .master-realm-metrics strong,.master-realm-card.is-locked .master-realm-metrics span { display:block; }
  .master-table-footer { grid-template-columns:1fr; }
  .master-table-footer>div { padding:0 0 10px;border-right:0;border-bottom:1px solid #443d33; }
  .master-table-footer small { grid-column:1; }
}

/* Alpha.416: sealed future realms now read as reinforced containment cells. */
.master-realm-card.is-locked {
  min-height:410px;
  border-width:9px;
  background:
    linear-gradient(90deg,transparent 0 6%,rgba(89,78,63,.18) 6% 7%,transparent 7% 93%,rgba(89,78,63,.18) 93% 94%,transparent 94%),
    repeating-linear-gradient(0deg,#151514 0 3px,#0a0b0b 3px 38px);
  box-shadow:inset 0 0 0 2px #776951,inset 0 0 0 9px #080808,inset 0 0 55px #000,0 8px 16px rgba(0,0,0,.72);
}
.master-realm-card.is-locked>img {
  top:34px;
  right:22px;
  bottom:auto;
  left:22px;
  z-index:1;
  width:calc(100% - 44px);
  height:142px;
  opacity:.46;
  object-fit:cover;
  object-position:center 34%;
  filter:grayscale(.42) brightness(.68) contrast(1.28) saturate(.75);
  mix-blend-mode:normal;
}
.master-realm-card.is-locked::after {
  background:
    linear-gradient(0deg,rgba(5,5,5,.98) 0 54%,rgba(5,5,5,.16) 75%,rgba(5,5,5,.32)),
    radial-gradient(ellipse at 50% 25%,color-mix(in srgb,var(--vault-accent) 28%,transparent),transparent 45%);
}
.master-realm-card.is-locked::before { content:'BIOHAZARD';top:12px;right:12px;transform:none; }
.master-vault-hardware { inset:0;z-index:3; }
.master-cell-window {
  position:absolute;
  top:25px;
  right:13px;
  left:13px;
  height:160px;
  border:10px solid #171715;
  outline:2px solid #6e6250;
  background:
    linear-gradient(0deg,transparent 45%,#171715 46% 52%,#756b5a 52% 54%,#171715 54% 60%,transparent 61%),
    repeating-linear-gradient(90deg,transparent 0 28px,#0b0b0a 28px 36px,#746b5c 36px 39px,#0b0b0a 39px 47px);
  box-shadow:inset 0 0 0 2px #0a0a09,inset 0 0 28px rgba(0,0,0,.92),0 5px 10px rgba(0,0,0,.78);
}
.master-cell-window::before {
  content:'';
  position:absolute;
  inset:7px;
  border:1px solid rgba(181,157,119,.28);
  background:linear-gradient(110deg,rgba(255,255,255,.04),transparent 30%,transparent 70%,rgba(255,255,255,.025));
}
.master-cell-window::after {
  content:'';
  position:absolute;
  right:8px;
  bottom:7px;
  left:8px;
  height:5px;
  background:repeating-linear-gradient(90deg,#8b211c 0 18px,#171717 18px 36px);
  opacity:.68;
}
.master-cell-light {
  position:absolute;
  top:9px;
  left:22px;
  width:31px;
  height:10px;
  border:3px solid #181716;
  border-radius:8px;
  background:#a92922;
  box-shadow:0 0 14px #b63229,inset 0 0 4px #f48573;
}
.master-cell-lock {
  position:absolute;
  top:73px;
  right:18px;
  z-index:2;
  width:54px;
  height:61px;
  padding-top:34px;
  border:5px solid #131312;
  background:linear-gradient(145deg,#5e594f,#201f1c 62%,#39352f);
  box-shadow:inset 0 0 0 2px #796f5f,0 5px 8px rgba(0,0,0,.78);
  color:#d35950;
  font:900 .32rem/1 Arial,sans-serif;
  letter-spacing:.08em;
  text-align:center;
}
.master-cell-lock i {
  position:absolute;
  top:10px;
  left:18px;
  width:11px;
  height:11px;
  border:2px solid #160a09;
  border-radius:50%;
  background:#c43a31;
  box-shadow:0 0 8px #c43a31;
}
.master-cell-lock b { font:inherit; }
.master-cell-number {
  position:absolute;
  top:145px;
  left:25px;
  padding:4px 8px;
  border:2px solid #2a2824;
  background:#101111;
  color:#e0d4c1;
  box-shadow:inset 0 0 0 1px #665b49;
  font:900 .42rem/1 Arial,sans-serif;
  letter-spacing:.13em;
}
.master-realm-card.is-locked>div:last-child {
  min-height:410px;
  padding:191px 18px 17px;
  background:linear-gradient(0deg,rgba(7,7,7,.99) 0 57%,rgba(7,7,7,.88) 70%,transparent 88%);
}
.master-realm-card.is-locked .master-realm-status { border-left-color:#a72d27; }
.master-realm-card.is-locked button { border-left-color:#9f2b25; }

@media (max-width:1080px) {
  .master-realm-card.is-locked,.master-realm-card.is-locked>div:last-child { min-height:385px; }
  .master-realm-card.is-locked>div:last-child { padding-top:183px; }
}
@media (max-width:430px) {
  .master-realm-card.is-locked,.master-realm-card.is-locked>div:last-child { min-height:485px; }
  .master-realm-card.is-locked { border-width:7px; }
  .master-realm-card.is-locked>img { right:18px;left:18px;width:calc(100% - 36px); }
  .master-cell-window { right:9px;left:9px; }
}

/* Alpha.420: preserve the original Modern survivor card background. */
.modern-forge-mode .hero-id-front[data-system="modern"] { background:#d7d9d5 url('../assets/hero-forge/templates/modern/survivors/adult.png') center/100% 100% no-repeat; }
.modern-forge-mode .hero-id-front[data-system="modern"][data-template="modern-child"] { background-image:url('../assets/hero-forge/templates/modern/survivors/child.png'); }
.modern-forge-mode .hero-id-front[data-system="modern"] .modern-survivor-interface-overlay {
  position:absolute;
  z-index:2;
  inset:0;
  display:block;
  width:100%;
  height:100%;
  object-fit:fill;
  pointer-events:none;
  clip-path:polygon(0 18%,100% 18%,100% 100%,0 100%);
}

/* Keep the Child skill overlay separate from its offset wound markers. */
.modern-forge-mode .hero-id-front[data-system="modern"][data-template="modern-child"] .modern-survivor-interface-overlay {
  clip-path:polygon(0 24.5%,44% 24.5%,44% 100%,0 100%);
}
/* Reuse the background's exact wound pixels so the two red boxes cannot drift. */
.modern-forge-mode .hero-id-front[data-system="modern"][data-template="modern-child"]::after {
  content:"";
  display:block;
  position:absolute;
  inset:0;
  z-index:2;
  border:0;
  box-shadow:none;
  background:url('../assets/hero-forge/templates/modern/survivors/child.png') center/100% 100% no-repeat;
  clip-path:polygon(88% 65%,100% 65%,100% 96%,88% 96%);
  pointer-events:none;
}

/* Alpha.417: keep the signed-in control clear of Modern navigation at compact desktop widths. */
@media (min-width:761px) and (max-width:1220px) {
  body:has(#dashboardView.active) .header-actions { right:10px;left:auto; }
  body:has(#dashboardView.active) .account-action { width:44px;min-width:44px;padding:0; }
  body:has(#dashboardView.active) .account-action span:last-child { display:none; }
  body:has(#dashboardView.active) .command-sidebar { padding-right:62px; }
  body:has(#dashboardView.active) .command-sidebar button { min-width:56px;padding-inline:4px;font-size:.48rem; }
}

/* Alpha.381: Modern survivor operations Mission Archive. */
body[data-active-realm="modern"]:has(#missionsView.active) .missions-fixed-backdrop {
  background:
    linear-gradient(180deg,rgba(4,6,7,.18),rgba(5,6,7,.67) 68%,#030405),
    url('../assets/modern/homepage/modern-map-survivors-v379.webp') center top / cover fixed;
  filter:saturate(.82) contrast(1.08) brightness(.58);
}

#missionsView.modern-missions-mode {
  --mission-red:#c62b31;
  --mission-yellow:#d4a611;
  --mission-blue:#4389c5;
  width:min(1500px,100%);
  margin:0 auto;
}
#missionsView.modern-missions-mode.active { overflow:visible; }

#missionsView.modern-missions-mode .missions-hero {
  min-height:310px;
  padding:42px 46px;
  border:5px solid #ded2bd;
  background:
    linear-gradient(90deg,rgba(5,7,8,.99) 0 37%,rgba(5,7,8,.86) 53%,rgba(5,7,8,.06) 76%),
    url('../assets/modern/missions/modern-mission-fortified-operations-v382.webp') center 48% / cover;
  box-shadow:0 0 0 2px #15110e,0 16px 32px rgba(0,0,0,.8);
  clip-path:polygon(.5% 1%,99.5% 0,100% 98%,1% 100%,0 48%);
}
#missionsView.modern-missions-mode .missions-hero::before,
#missionsView.modern-missions-mode .missions-hero::after {
  height:7px;
  background:linear-gradient(90deg,var(--mission-red) 0 34%,var(--mission-yellow) 34% 67%,var(--mission-blue) 67%);
  box-shadow:0 2px #080808;
}
#missionsView.modern-missions-mode .missions-hero-copy { max-width:650px; }
#missionsView.modern-missions-mode .missions-hero .eyebrow {
  color:#da3439;
  font-size:.65rem;
  letter-spacing:.2em;
}
#missionsView.modern-missions-mode .missions-hero h2 {
  margin:10px 0 12px;
  color:#f0e7d8;
  font-size:clamp(3.2rem,6vw,5.8rem);
  line-height:.84;
  letter-spacing:.015em;
  -webkit-text-stroke:0;
  text-shadow:4px 4px #090909,7px 7px #802025;
}
#missionsView.modern-missions-mode .missions-hero p:last-child {
  max-width:530px;
  color:#ddd2c0;
  font:700 .76rem/1.55 Georgia,serif;
}
#missionsView.modern-missions-mode .missions-seal { display:none; }

#missionsView.modern-missions-mode .missions-toolbar {
  position:sticky;
  top:108px;
  z-index:45;
  margin:16px 0 20px;
  padding:14px;
  border:4px solid #d9cdb9;
  outline:1px solid #17130f;
  background:
    linear-gradient(105deg,rgba(235,225,207,.98),rgba(207,195,174,.98)),
    repeating-linear-gradient(0deg,transparent 0 3px,rgba(20,15,10,.035) 3px 4px);
  filter:none;
  box-shadow:0 9px 20px rgba(0,0,0,.72);
}
#missionsView.modern-missions-mode .missions-search {
  min-height:48px;
  margin:0 0 11px;
  border:2px solid #171717;
  background:#101010;
  color:var(--mission-red);
  box-shadow:inset 5px 0 var(--mission-red);
}
#missionsView.modern-missions-mode .missions-search input { color:#f2eadb;font-size:.8rem; }
#missionsView.modern-missions-mode .missions-search input::placeholder { color:#aaa093; }
#missionsView.modern-missions-mode .missions-filter-row { align-items:stretch;margin:0; }
#missionsView.modern-missions-mode .missions-tabs { display:grid;grid-template-columns:repeat(4,minmax(120px,1fr));gap:6px;flex:1; }
#missionsView .missions-tabs [data-modern-mission-filter][hidden] { display:none!important; }
#missionsView.modern-missions-mode .missions-tabs button {
  min-height:48px;
  padding:8px 12px;
  border:1px solid #756c60;
  border-bottom:4px solid var(--source-accent,var(--mission-red));
  background:#191919;
  color:#e9dfcf;
  box-shadow:inset 0 0 0 2px #090909;
}
#missionsView.modern-missions-mode .missions-tabs button[data-mission-filter="official"] { --source-accent:var(--mission-red); }
#missionsView.modern-missions-mode .missions-tabs button[data-mission-filter="fan"] { --source-accent:var(--mission-blue); }
#missionsView.modern-missions-mode .missions-tabs button:hover,
#missionsView.modern-missions-mode .missions-tabs button.active {
  border-color:var(--source-accent,var(--mission-red));
  background:linear-gradient(#3b352e,#171717);
  color:#fff6e8;
  transform:translateY(-2px);
}
#missionsView.modern-missions-mode .missions-selectors { align-items:stretch; }
#missionsView.modern-missions-mode .missions-realm-filter {
  min-width:175px;
  color:#3e352d;
  font:900 .52rem/1 Georgia,serif;
  letter-spacing:.08em;
}
#missionsView.modern-missions-mode .missions-realm-filter select {
  height:36px;
  border:2px solid #28231e;
  background:#f0e5d3;
  color:#1a1714;
  box-shadow:inset 4px 0 var(--mission-yellow);
}

#missionsView.modern-missions-mode .missions-heading {
  margin:24px 1px 14px;
  padding:12px 16px;
  border:4px solid #d9cdb9;
  border-left:9px solid var(--mission-red);
  background:linear-gradient(100deg,#eee4d2,#cfc1aa);
  color:#151515;
  box-shadow:6px 7px rgba(0,0,0,.62);
}
#missionsView.modern-missions-mode .missions-heading .eyebrow { color:#b52228; }
#missionsView.modern-missions-mode .missions-heading h3 { color:#111;text-shadow:none; }
#missionsView.modern-missions-mode .missions-heading>span { color:#4a433a;font-weight:900; }

#missionsView.modern-missions-mode .missions-grid { grid-template-columns:repeat(3,minmax(0,1fr));gap:16px; }
#missionsView.modern-missions-mode .mission-card {
  --card-accent:var(--mission-red);
  border:4px solid #ded2bd;
  background:
    linear-gradient(105deg,rgba(239,229,210,.98),rgba(207,194,171,.98)),
    repeating-linear-gradient(-6deg,transparent 0 6px,rgba(37,25,15,.035) 6px 7px);
  box-shadow:inset 7px 0 var(--card-accent),0 0 0 1px #1a1511,7px 9px rgba(0,0,0,.62);
  color:#171513;
  clip-path:polygon(.4% 1%,99.5% 0,100% 98%,1% 100%,0 52%);
}
#missionsView.modern-missions-mode .mission-card.mission-fan { --card-accent:var(--mission-blue); }
#missionsView.modern-missions-mode .mission-card::after { border-color:rgba(55,38,22,.18); }
#missionsView.modern-missions-mode .mission-card-banner {
  margin-left:3px;
  padding:10px 13px 9px;
  border-bottom:3px solid #090909;
  background:linear-gradient(90deg,#a52329,#4b1316 70%,#171717);
  color:#fff1dd;
  text-shadow:1px 1px #000;
}
#missionsView.modern-missions-mode .mission-fan .mission-card-banner {
  border-color:#090909;
  background:linear-gradient(90deg,#326e9d,#18364d 70%,#171717);
}
#missionsView.modern-missions-mode .mission-card-banner b {
  padding:4px 7px;
  border:1px solid rgba(255,255,255,.35);
  background:#111;
  color:#fff2d8;
}
#missionsView.modern-missions-mode .mission-card-body { padding:18px 18px 20px 22px; }
#missionsView.modern-missions-mode .mission-card-title small { color:#a42429; }
#missionsView.modern-missions-mode .mission-fan .mission-card-title small { color:#286b9d; }
#missionsView.modern-missions-mode .mission-card h4 {
  min-height:2.05em;
  margin:5px 0 13px;
  color:#17120f;
  font:900 1.42rem/1.02 Impact,'Arial Narrow',sans-serif;
  letter-spacing:.025em;
  text-shadow:1px 1px rgba(255,255,255,.5);
}
#missionsView.modern-missions-mode .mission-source-mark {
  border:2px solid var(--card-accent);
  background:#141414;
  color:#fff1d8;
  box-shadow:inset 0 0 0 2px #050505,2px 3px rgba(0,0,0,.3);
}
#missionsView.modern-missions-mode .mission-stats {
  border-block-color:#877968;
  background:rgba(255,255,255,.16);
}
#missionsView.modern-missions-mode .mission-stats span { border-right-color:#a29583; }
#missionsView.modern-missions-mode .mission-stats small { color:#766857; }
#missionsView.modern-missions-mode .mission-stats b { color:#282018; }
#missionsView.modern-missions-mode .mission-card-body>p { min-height:62px;color:#3d332a; }
#missionsView.modern-missions-mode .mission-requirements>small { color:#9f2429; }
#missionsView.modern-missions-mode .mission-requirements span {
  border-color:#857764;
  background:rgba(255,255,255,.24);
  color:#4d4035;
}
#missionsView.modern-missions-mode .mission-library {
  border-left-color:var(--card-accent);
  background:rgba(26,26,26,.92);
}
#missionsView.modern-missions-mode .mission-library small { color:#aaa092; }
#missionsView.modern-missions-mode .mission-library b { color:#f0e3d0; }
#missionsView.modern-missions-mode .mission-card-footer { border-top-color:#91816d; }
#missionsView.modern-missions-mode .mission-card-footer>span { color:#66594b;font-weight:800; }
#missionsView.modern-missions-mode .mission-card-footer a {
  border:2px solid #171717;
  border-left:6px solid var(--card-accent);
  background:#171717;
  color:#f7ecdc;
  box-shadow:3px 4px rgba(0,0,0,.25);
}
#missionsView.modern-missions-mode .missions-disclaimer {
  border:4px solid #d6cab6;
  border-left:9px solid var(--mission-red);
  background:linear-gradient(100deg,rgba(236,225,205,.97),rgba(199,185,161,.97));
  color:#44392f;
  box-shadow:6px 7px rgba(0,0,0,.6);
}
#missionsView.modern-missions-mode .missions-disclaimer strong { color:#9f2328; }
#missionsView.modern-missions-mode .missions-empty { border-color:#d6cab6;background:rgba(232,220,200,.96);color:#211b17; }
#missionsView.modern-missions-mode .missions-empty p { color:#625447; }

@media (max-width:1180px) {
  #missionsView.modern-missions-mode .missions-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
}
@media (max-width:900px) {
  #missionsView.modern-missions-mode .missions-toolbar { top:70px; }
  #missionsView.modern-missions-mode .missions-filter-row { flex-direction:column; }
  #missionsView.modern-missions-mode .missions-selectors { display:grid;grid-template-columns:1fr 1fr; }
  #missionsView.modern-missions-mode .missions-realm-filter { width:auto; }
}
@media (max-width:680px) {
  #missionsView.modern-missions-mode .missions-hero { min-height:245px;padding:30px 18px;background-position:63% 48%; }
  #missionsView.modern-missions-mode .missions-hero-copy { max-width:70%; }
  #missionsView.modern-missions-mode .missions-hero h2 { max-width:none;padding:0;font-size:2.45rem; }
  #missionsView.modern-missions-mode .missions-hero p:last-child { max-width:92%;font-size:.65rem; }
  #missionsView.modern-missions-mode .missions-toolbar { position:relative;top:auto;padding:10px;background:linear-gradient(105deg,rgba(235,225,207,.98),rgba(207,195,174,.98)); }
  #missionsView.modern-missions-mode .missions-tabs { grid-template-columns:1fr; }
  #missionsView.modern-missions-mode .missions-selectors { grid-template-columns:1fr; }
  #missionsView.modern-missions-mode .missions-grid { grid-template-columns:1fr; }
  #missionsView.modern-missions-mode .mission-card h4 { min-height:0; }
  #missionsView.modern-missions-mode .missions-heading { align-items:flex-start;flex-direction:column;gap:6px; }
}

/* Project Phoenix v0.5.8-alpha.383 — Modern abandoned-store market. */
body:has(#collectorHubView.active.modern-market-mode) .market-fixed-backdrop {
  background-color:#050708;
  background-image:
    linear-gradient(180deg,rgba(3,5,6,.18),rgba(3,5,6,.64) 62%,#050607 100%),
    url('../assets/modern/market/modern-market-store-fight-v383.webp');
  background-position:center top;
  filter:saturate(.9) contrast(1.12);
}
#collectorHubView.modern-market-mode {
  --market-red:#d53b2f;
  --market-yellow:#e3ae38;
  --market-cyan:#45a4b5;
  --market-steel:#66737a;
}
#collectorHubView.modern-market-mode .hub-heading {
  min-height:330px;
  border:3px solid #080b0c;
  outline:2px solid #555f62;
  background:
    linear-gradient(90deg,rgba(3,6,8,.98) 0 35%,rgba(3,6,8,.86) 48%,rgba(3,6,8,.16) 72%),
    url('../assets/modern/market/modern-market-store-fight-v383.webp') center/cover;
  box-shadow:0 0 0 5px #050607,0 16px 36px rgba(0,0,0,.82),inset 0 0 44px #000;
}
#collectorHubView.modern-market-mode .hub-heading::before,
#collectorHubView.modern-market-mode .hub-heading::after {
  height:14px;
  background:repeating-linear-gradient(135deg,#d7a527 0 18px,#171a1c 18px 36px);
  box-shadow:inset 0 2px #f2c95a,inset 0 -3px #050607,0 4px 0 #050607;
}
#collectorHubView.modern-market-mode .hub-heading>div:first-child { max-width:610px; }
#collectorHubView.modern-market-mode .hub-heading .eyebrow {
  color:#f2b93b;
  font-family:Impact,'Arial Narrow',sans-serif;
  letter-spacing:.2em;
}
#collectorHubView.modern-market-mode .hub-heading h2 {
  max-width:610px;
  color:#f2f0e9;
  -webkit-text-stroke:1px #0d1113;
  text-shadow:3px 3px 0 #a62520,6px 6px 0 #050607;
}
#collectorHubView.modern-market-mode .hub-heading .muted { max-width:535px;color:#cbd2d1;font-family:Arial,sans-serif; }
#collectorHubView.modern-market-mode .market-hall-seal {
  right:34px;
  width:118px;
  border-color:#e3ae38;
  border-radius:5px;
  background:repeating-linear-gradient(135deg,#d9a62f 0 11px,#15191b 11px 22px);
  box-shadow:inset 0 0 0 5px #080b0d,0 0 0 2px #050607,0 8px 22px #000;
  color:#f2c14a;
  transform:rotate(2deg);
}
#collectorHubView.modern-market-mode .market-hall-seal svg { padding:9px;background:#0b1012; }
#collectorHubView.modern-market-mode .market-hall-seal small { width:86px;margin-top:-18px;padding:5px;background:#0b1012;color:#eef1ee;font-family:Impact,'Arial Narrow',sans-serif; }
#collectorHubView.modern-market-mode .hub-metrics { grid-template-columns:repeat(4,minmax(0,1fr)); }
#collectorHubView.modern-market-mode .hub-metrics .metric-card {
  border-color:#080b0c;
  outline-color:#58666a;
  background:linear-gradient(145deg,rgba(27,34,37,.97),rgba(6,8,9,.98));
  box-shadow:inset 0 0 0 2px rgba(111,193,202,.05),4px 6px 0 rgba(0,0,0,.62);
}
#collectorHubView.modern-market-mode .hub-metrics .metric-card::before { background:var(--market-red); }
#collectorHubView.modern-market-mode .hub-metrics .metric-card:nth-child(2)::before { background:#e16d32; }
#collectorHubView.modern-market-mode .hub-metrics .metric-card:nth-child(3)::before { background:var(--market-cyan); }
#collectorHubView.modern-market-mode .hub-metrics .metric-card:nth-child(4)::before { background:var(--market-yellow); }
#collectorHubView.modern-market-mode .hub-metrics .metric-card span { color:#aeb9ba;font-family:Impact,'Arial Narrow',sans-serif; }
#collectorHubView.modern-market-mode .hub-metrics .metric-card strong { color:#f2eee3;font-family:Impact,'Arial Narrow',sans-serif;text-shadow:2px 2px #8f241d; }
#collectorHubView.modern-market-mode .hub-search-panel,
#collectorHubView.modern-market-mode .market-status-filters,
#collectorHubView.modern-market-mode .auction-filter-bar {
  border-color:#101719!important;
  outline:1px solid #66767a;
  background:
    repeating-linear-gradient(135deg,rgba(227,174,56,.05) 0 14px,transparent 14px 28px),
    linear-gradient(180deg,rgba(31,39,42,.98),rgba(7,10,11,.98))!important;
  box-shadow:inset 0 2px #758489,inset 0 0 0 6px #070a0b,0 7px 0 #020303,0 14px 28px rgba(0,0,0,.55)!important;
}
#collectorHubView.modern-market-mode .hub-search-panel>div:first-child strong,
#collectorHubView.modern-market-mode .market-status-filter-heading strong { color:#f1b638;font-family:Impact,'Arial Narrow',sans-serif;text-shadow:2px 2px #111; }
#collectorHubView.modern-market-mode .hub-search-panel .muted,
#collectorHubView.modern-market-mode .market-status-filter-heading small { color:#aeb9ba;font-family:Arial,sans-serif; }
#collectorHubView.modern-market-mode .hub-search-row input,
#collectorHubView.modern-market-mode .auction-filter-bar select {
  border-color:#607177!important;
  background:#090d0f!important;
  color:#edf1ef!important;
  font-family:Arial,sans-serif;
}
#collectorHubView.modern-market-mode .hub-search-row button,
#collectorHubView.modern-market-mode .hub-section-heading button,
#collectorHubView.modern-market-mode .hub-item-actions .retailer-button {
  border-color:#14191b;
  border-top-color:#e3ae38;
  background:linear-gradient(180deg,#4d5558,#161b1d);
  color:#f3f2eb;
  box-shadow:inset 0 0 0 1px #718085,0 3px 0 #030405;
  font-family:Impact,'Arial Narrow',sans-serif;
}
#collectorHubView.modern-market-mode .hub-search-row .hub-ebay,
#collectorHubView.modern-market-mode .hub-item-actions .ebay-button,
#collectorHubView.modern-market-mode .hub-item-actions .ebay-auction-button { border-top-color:#e34737;background:linear-gradient(180deg,#86291f,#28100d); }
#collectorHubView.modern-market-mode .market-filter-crest { border-color:#e3ae38;background:radial-gradient(circle,#344044,#0b0f11 68%); }
#collectorHubView.modern-market-mode .market-filter-crest svg { stroke:#f0bd44; }
#collectorHubView.modern-market-mode .market-status-filter-buttons button {
  border-color:#46555a;
  border-top-color:#6f8085;
  background:linear-gradient(180deg,#293236,#0a0d0e);
  color:#c8d0d0;
  font-family:Impact,'Arial Narrow',sans-serif;
}
#collectorHubView.modern-market-mode .market-status-filter-buttons button b { border-color:#5c6c70;background:#070a0b;color:#efb73e; }
#collectorHubView.modern-market-mode .market-status-filter-buttons button.active { border-color:#e34a38;border-top-color:#f47755;background:linear-gradient(180deg,#8d2a20,#280d0a); }
#collectorHubView.modern-market-mode .hub-section-heading {
  border-color:#101516;
  border-left-color:#d33b2e;
  background:linear-gradient(90deg,rgba(19,25,27,.98),rgba(7,10,11,.95));
  box-shadow:0 0 0 1px #5b696d,5px 7px 0 rgba(0,0,0,.62);
}
#collectorHubView.modern-market-mode .hub-section-heading h2 { color:#f3efe4;font-family:Impact,'Arial Narrow',sans-serif;text-shadow:2px 2px #a52620; }
#collectorHubView.modern-market-mode .hub-section-heading .muted { color:#aab5b6;font-family:Arial,sans-serif; }
#collectorHubView.modern-market-mode .hub-item-card {
  border-color:#111617;
  border-left-color:#d33c2f;
  outline-color:#526065;
  background:radial-gradient(circle at 90% 8%,rgba(58,158,177,.1),transparent 28%),linear-gradient(145deg,rgba(28,35,38,.98),rgba(6,8,9,.99));
}
#collectorHubView.modern-market-mode .hub-item-card.wanted { border-left-color:#e2aa36; }
#collectorHubView.modern-market-mode .hub-item-head strong { color:#eff1ed;font-family:Impact,'Arial Narrow',sans-serif;letter-spacing:.025em; }
#collectorHubView.modern-market-mode .hub-item-head span { color:#93a4a7; }
#collectorHubView.modern-market-mode .hub-status-badge { border-color:#56666a;background:#0a0e10;color:#e0b445!important;font-family:Impact,'Arial Narrow',sans-serif; }

@media (max-width:980px) {
  #collectorHubView.modern-market-mode .hub-heading { padding-right:155px; }
  #collectorHubView.modern-market-mode .market-hall-seal { right:25px;width:102px; }
  #collectorHubView.modern-market-mode .hub-metrics { grid-template-columns:repeat(2,1fr); }
}
@media (max-width:680px) {
  body:has(#collectorHubView.active.modern-market-mode) .market-fixed-backdrop { background-position:64% top; }
  #collectorHubView.modern-market-mode .hub-heading { min-height:335px;padding:28px 16px 24px;background-position:61% center; }
  #collectorHubView.modern-market-mode .hub-heading>div:first-child { max-width:82%; }
  #collectorHubView.modern-market-mode .hub-heading h2 { font-size:2.45rem; }
  #collectorHubView.modern-market-mode .market-hall-seal { display:none; }
}

/* Project Phoenix v0.5.8-alpha.384 — Modern survivor observation locator. */
body[data-active-realm="modern"]:has(#locatorView.active) .locator-fixed-backdrop {
  background-color:#050708;
  background-image:
    linear-gradient(180deg,rgba(4,6,7,.16),rgba(4,6,7,.57) 58%,#040606 100%),
    linear-gradient(90deg,rgba(3,5,6,.72),transparent 30% 72%,rgba(3,5,6,.58)),
    url('../assets/modern/locator/modern-locator-observation-post-v384.webp');
  background-position:center top;
  filter:saturate(.82) contrast(1.12) brightness(.68);
}
#locatorView.modern-locator-mode.active {
  --locator-violet:#b74632;
  --locator-violet-light:#f08566;
  --locator-brass:#db9b35;
  --locator-parchment:#e6e1d5;
}
#locatorView.modern-locator-mode .locator-hero {
  min-height:320px;
  border-color:#070a0b;
  outline-color:#5c696d;
  background:
    linear-gradient(90deg,rgba(3,6,8,.99) 0 38%,rgba(3,6,8,.86) 51%,rgba(3,6,8,.12) 75%),
    url('../assets/modern/locator/modern-locator-observation-post-v384.webp') center/cover;
  box-shadow:0 0 0 5px #040607,0 16px 38px rgba(0,0,0,.8),inset 0 0 54px #000;
}
#locatorView.modern-locator-mode .locator-hero::before,
#locatorView.modern-locator-mode .locator-hero::after {
  height:14px;
  background:repeating-linear-gradient(135deg,#da9a2e 0 17px,#14191b 17px 34px);
  box-shadow:inset 0 2px #f1c45e,inset 0 -3px #050708,0 4px #030405;
}
#locatorView.modern-locator-mode .locator-hero-copy { max-width:610px; }
#locatorView.modern-locator-mode .locator-hero .eyebrow {
  color:#e7aa38;
  font-family:Impact,'Arial Narrow',sans-serif;
  letter-spacing:.2em;
  text-shadow:2px 2px #111;
}
#locatorView.modern-locator-mode .locator-hero h2 {
  max-width:610px;
  color:#f0f1ed;
  -webkit-text-stroke-color:#101416;
  text-shadow:3px 3px #a42e24,6px 6px #050708,0 0 18px #000;
}
#locatorView.modern-locator-mode .locator-hero-copy>p:not(.eyebrow) { max-width:545px;color:#cbd1cf;font-family:Arial,sans-serif; }
#locatorView.modern-locator-mode .locator-hero-tags span {
  border-color:#657378;
  background:rgba(5,9,10,.82);
  color:#e6ad3e;
  box-shadow:inset 0 0 0 2px #050708;
  font-family:Impact,'Arial Narrow',sans-serif;
}
#locatorView.modern-locator-mode .locator-compass-seal {
  width:124px;
  flex-basis:124px;
  border-color:#dba137;
  border-radius:5px;
  background:repeating-linear-gradient(135deg,#d9a035 0 11px,#151a1c 11px 22px);
  box-shadow:inset 0 0 0 5px #080c0e,0 0 0 2px #020303,0 10px 26px #000;
  color:#f0b640;
  transform:rotate(2deg);
}
#locatorView.modern-locator-mode .locator-compass-seal svg { width:59px;height:59px;padding:8px;background:#0b1012; }
#locatorView.modern-locator-mode .locator-compass-seal small { width:88px;margin-top:-19px;padding:5px;background:#0b1012;color:#edf0ec;font-family:Impact,'Arial Narrow',sans-serif; }
#locatorView.modern-locator-mode .locator-console {
  outline-color:#607075!important;
  --deck-top:#46545a;
  --deck-bottom:#121719;
  --deck-edge:#7f9196;
  --deck-wash:rgba(70,157,173,.16);
}
#locatorView.modern-locator-mode .locator-console::before {
  content:"SCAN THE OUTBREAK INDEX";
  border-color:#151a1c;
  background:repeating-linear-gradient(135deg,#c98928 0 10px,#171c1e 10px 20px);
  color:#fff0c8;
  box-shadow:inset 0 0 0 2px #090c0d,0 3px #030405;
  font-family:Impact,'Arial Narrow',sans-serif;
}
#locatorView.modern-locator-mode .locator-label-title { color:#d9dedb;font-family:Impact,'Arial Narrow',sans-serif;letter-spacing:.075em; }
#locatorView.modern-locator-mode .locator-console .filter-sigil { stroke:#e3a73a; }
#locatorView.modern-locator-mode .locator-console input,
#locatorView.modern-locator-mode .locator-console select {
  border-color:#65757a!important;
  background:linear-gradient(180deg,#111718,#070a0b)!important;
  color:#eef1ed!important;
  font-family:Arial,sans-serif;
}
#locatorView.modern-locator-mode .locator-console .search-row button {
  border-color:#151a1b!important;
  border-top-color:#d89d36!important;
  background:linear-gradient(180deg,#4a565a,#161b1d)!important;
  color:#f3eddf!important;
  font-family:Impact,'Arial Narrow',sans-serif;
}
#locatorView.modern-locator-mode .locator-heading {
  border-color:#0d1213;
  border-left-color:#c33a2d;
  background:linear-gradient(90deg,rgba(18,24,26,.98),rgba(40,47,48,.9),rgba(7,10,11,.95));
  box-shadow:0 0 0 1px #5d6c70,5px 7px #020303;
}
#locatorView.modern-locator-mode .locator-heading .eyebrow { color:#e1a43a;font-family:Impact,'Arial Narrow',sans-serif; }
#locatorView.modern-locator-mode .locator-heading h3 { color:#eff1ec;text-shadow:2px 2px #982b22; }
#locatorView.modern-locator-mode .locator-heading>span:last-child { color:#bdc7c7;font-family:Arial,sans-serif; }
#locatorView.modern-locator-mode .locator-heading-sigil {
  border-color:#d39a36;
  background:radial-gradient(circle,#3c4a4e,#0b0f10 68%);
  color:#efb33d;
}
#locatorView.modern-locator-mode .locator-result-card {
  border-color:#0c1112;
  outline-color:color-mix(in srgb,var(--locator-type) 60%,#617075);
  background:
    linear-gradient(135deg,rgba(255,255,255,.025),transparent 34%),
    repeating-linear-gradient(0deg,rgba(255,255,255,.012) 0 1px,transparent 1px 5px),
    linear-gradient(118deg,rgba(29,37,40,.98),rgba(6,9,10,.98) 58%,rgba(31,20,17,.96))!important;
  box-shadow:inset 0 0 0 3px #06090a,6px 8px #020303,0 14px 24px rgba(0,0,0,.3);
}
#locatorView.modern-locator-mode .locator-result-card[data-locator-type="survivor"] { --locator-type:#d49a39; }
#locatorView.modern-locator-mode .locator-result-card[data-locator-type="enemy"] { --locator-type:#c54632; }
#locatorView.modern-locator-mode .locator-result-card[data-locator-type="abomination"] { --locator-type:#8e302c; }
#locatorView.modern-locator-mode .locator-result-card[data-locator-type="necromancer"] { --locator-type:#74647d; }
#locatorView.modern-locator-mode .locator-result-card[data-locator-type="support"] { --locator-type:#4c8a91; }
#locatorView.modern-locator-mode .locator-result-icon { background:radial-gradient(circle,color-mix(in srgb,var(--locator-type) 40%,#243033),#080b0c 72%);color:#f0b440; }
#locatorView.modern-locator-mode .locator-role { background:#090d0e;color:#e9ddd0;font-family:Impact,'Arial Narrow',sans-serif; }
#locatorView.modern-locator-mode .locator-playability { border-color:#56866a;background:rgba(9,28,18,.78);color:#a9e1b6;font-family:Arial,sans-serif; }
#locatorView.modern-locator-mode .locator-result-card h3 { color:#eef0eb;text-shadow:2px 2px #8e2921; }
#locatorView.modern-locator-mode .locator-summary { color:#aeb9b8;font-family:Arial,sans-serif; }
#locatorView.modern-locator-mode .locator-product {
  border-color:color-mix(in srgb,var(--locator-type) 45%,#3d4a4d);
  background:linear-gradient(100deg,rgba(12,17,18,.98),rgba(32,37,38,.94))!important;
}
#locatorView.modern-locator-mode .locator-product:hover { background:linear-gradient(100deg,color-mix(in srgb,var(--locator-type) 20%,#111718),#111718)!important; }
#locatorView.modern-locator-mode .locator-product strong { color:#e9ece7; }
#locatorView.modern-locator-mode .locator-product small { color:#91a0a2; }
#locatorView.modern-locator-mode .locator-product-status { border-color:#59686c;background:#080b0c; }
#locatorView.modern-locator-mode .locator-empty {
  border-color:#101617;
  outline-color:#5d6d71;
  background:
    radial-gradient(circle at 50% 42%,rgba(59,143,160,.13),transparent 25%),
    repeating-linear-gradient(135deg,rgba(222,163,54,.025) 0 16px,transparent 16px 32px),
    linear-gradient(135deg,rgba(27,35,37,.94),rgba(5,8,9,.94))!important;
}
#locatorView.modern-locator-mode .locator-empty>span { border-color:#d99f38;background:radial-gradient(circle,#3d4a4d,#090d0e 68%);color:#edb13e;box-shadow:0 0 0 4px #06090a,0 0 0 5px #59696d,0 8px 18px #000; }
#locatorView.modern-locator-mode .locator-empty strong { color:#eff0eb;text-shadow:2px 2px #922b23; }
#locatorView.modern-locator-mode .locator-empty p { color:#aeb8b7;font-family:Arial,sans-serif; }

@media (max-width:900px) {
  #locatorView.modern-locator-mode .locator-hero { min-height:285px;padding-right:165px; }
  #locatorView.modern-locator-mode .locator-compass-seal { position:absolute;right:28px;width:102px; }
}
@media (max-width:600px) {
  body[data-active-realm="modern"]:has(#locatorView.active) .locator-fixed-backdrop { background-position:64% top; }
  #locatorView.modern-locator-mode .locator-hero { min-height:310px;padding:28px 17px 24px;background-position:62% center; }
  #locatorView.modern-locator-mode .locator-hero-copy { max-width:82%; }
  #locatorView.modern-locator-mode .locator-hero h2 { max-width:290px;font-size:2.35rem; }
  #locatorView.modern-locator-mode .locator-compass-seal { display:none; }
}

/* Modern box-art audit: preserve every complete cutout without legacy crops,
   enlargement transforms, white stages, or lower-corner catalog seals. */
.modern-dashboard-shell .modern-expansion-seal { display:none!important; }
.modern-dashboard-shell .modern-box-figure,
.modern-dashboard-shell .modern-expansion-card figure {
  background:transparent!important;
}
.modern-dashboard-shell .modern-box-art,
.modern-dashboard-shell .modern-expansion-card figure img,
.modern-dashboard-shell.modern-family-active .modern-expansion-card figure img,
.modern-classic-box .modern-box-art {
  box-sizing:border-box!important;
  width:100%!important;
  height:100%!important;
  max-width:100%!important;
  max-height:100%!important;
  padding:4px!important;
  object-fit:contain!important;
  object-position:center!important;
  clip-path:none!important;
  transform:none!important;
  mix-blend-mode:normal!important;
}

/* Modern item templates use measured cells and safe artwork rectangles. */
.weapon-forge-secondary-stats { grid-column:1/-1;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px; }
.weapon-forge-secondary-stats[hidden] { display:none; }
.weapon-forge-secondary-stats h4 { grid-column:1/-1;margin:0; }
.modern-forge-mode .weapon-forge-card[data-system="modern"] { aspect-ratio:488/750;container-type:inline-size; }
.modern-forge-mode .weapon-forge-card[data-system="modern"] .weapon-card-art img { object-position:center;transform-origin:center; }
.modern-forge-mode .weapon-forge-card[data-system="modern"] .weapon-card-stats { inset:0;height:100%; }
.modern-forge-mode .weapon-forge-card[data-system="modern"] .weapon-card-stats span { width:14%;transform:translate(-50%,-50%); }
.modern-forge-mode .weapon-forge-card[data-system="modern"] .weapon-card-stats b { font-size:5.5cqw;line-height:1; }