*{box-sizing:border-box}.superhero-page{margin:0;background:#0e1219;color:#e8e9ed;font:16px/1.5 system-ui,sans-serif;min-width:0}.superhero-page a{color:#f4c867}.superhero-page button,.superhero-page select,.superhero-page input{font:inherit}.superhero-page button,.superhero-page select{cursor:pointer}.superhero-page :focus-visible{outline:3px solid #f4c867;outline-offset:4px}.skip-link{position:absolute;top:-80px;z-index:10}.skip-link:focus{top:8px;background:#10141c;padding:12px}.hero-topbar{display:flex;justify-content:space-between;align-items:center;gap:18px;padding:20px 4vw;border-bottom:1px solid #464047;background:#0a0d12}.hero-topbar>span{font-size:12px;letter-spacing:2px}.build-badge{color:#e0b778;border:1px solid #665537;padding:6px 10px}.hero-shell{max-width:1440px;margin:auto;padding:30px 4vw;display:block!important}.hero-banner{display:flex;align-items:center;justify-content:space-between;gap:30px;padding:34px;background:linear-gradient(115deg,#30212a,#121c2d 75%);border:1px solid #675148;border-top:4px solid #c49b51;box-shadow:0 12px 30px #0005}.hero-banner span,.hero-catalog-heading small{font-size:11px;letter-spacing:3px;color:#e6bb74}.hero-banner h1{margin:12px 0;font-size:clamp(28px,4vw,55px);line-height:1.05;letter-spacing:-1px}.hero-banner h1 em{display:block;color:#e5b865;font-style:normal}.hero-banner p{color:#bfc3cc}.hero-metrics{display:flex;gap:24px;flex-shrink:0}.hero-metrics div{border-left:1px solid #705d4c;padding-left:20px}.hero-metrics dt{font-size:11px;color:#bcc3cf}.hero-metrics dd{margin:0;font-size:30px;font-weight:800;color:#f4d08d}.hero-universes{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin:28px 0 38px}.universe{position:relative;display:block;min-width:0;overflow:hidden;text-align:left;color:white;background:#151b25;border:1px solid #676472;border-bottom:4px solid #ad3d42;padding:0}.universe.dc{border-bottom-color:#4586c1}.universe img{display:block;width:100%;height:180px;object-fit:cover}.universe>span{display:block;padding:22px;background:linear-gradient(120deg,#281820,#111722)}.universe.dc>span{background:linear-gradient(120deg,#132536,#111722)}.universe small{display:block;font-size:10px;letter-spacing:3px;color:#d2bac1}.universe strong{display:block;font-size:30px;margin:6px 0}.universe em{font-size:13px;font-style:normal;color:#e3c289}.universe[aria-pressed=true]{outline:3px solid #e6b85e;outline-offset:3px}.hero-catalog-heading{display:flex;justify-content:space-between;align-items:center;gap:20px}.hero-catalog-heading h2{margin:4px 0;font-size:28px}.hero-scope{color:#b1b8c5;font-size:13px}.hero-filters{display:grid;grid-template-columns:2fr 1fr 1fr;gap:18px;background:#171d27;border:1px solid #343d4e;padding:20px;margin-top:20px}.hero-filters label{font-size:12px;color:#d4c8b5;display:grid;gap:7px}.superhero-page input,.superhero-page select{width:100%;min-height:44px;border:1px solid #586274;border-radius:3px;background:#0b1018;color:#f1f2f5;padding:8px 12px}.hero-catalog-heading button,#retryLoad{background:#252a34;border:1px solid #6b624f;color:#ecd09a;padding:10px 16px;border-radius:3px}#resultCount{font-size:13px;color:#b9c4d6}#storageMessage{color:#efbd79}.hero-product-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}.hero-product-grid .modern-expansion-card{display:flex;flex-direction:column;min-width:0;margin:0;padding:0;border:1px solid #424c5b;border-top:3px solid #ac4c52;border-radius:3px;background:linear-gradient(#1c2431,#111721);overflow:hidden;box-shadow:0 8px 18px #0005}.hero-product-grid .modern-expansion-card[data-universe=DCeased]{border-top-color:#5594ce}.hero-product-grid figure{margin:0;width:100%;height:130px;background:#080b10;overflow:hidden}.hero-product-grid figure img{width:100%;height:100%;object-fit:contain;display:block;padding:0;filter:none;clip-path:none;transform:none}.hero-product-grid .product-copy{padding:20px;display:flex;flex-direction:column;flex:1;gap:12px}.hero-product-grid small{font-size:10px;color:#d6b788;text-transform:uppercase;letter-spacing:1px}.hero-product-grid h3{font-size:20px;line-height:1.25;margin:0;color:#f5e6c9}.hero-product-grid p{margin:0;color:#bfc6d2;font-size:13px;line-height:1.6}.hero-product-grid footer{margin-top:auto;border-top:1px solid #394354;padding-top:15px;display:flex;flex-direction:column;gap:14px}.hero-product-grid label{font-size:11px;display:grid;gap:5px;color:#c3cbd8}.hero-product-grid a{font-size:12px}.hero-product-grid [data-status=owned]{border-color:#528e68}.hero-footer{margin-top:44px;padding:26px 0;border-top:1px solid #394354;color:#969eae;font-size:12px}.hero-footer>span{color:#d1b57a}.hero-footer p{max-width:740px}.superhero-page [hidden]{display:none!important}@media(max-width:1000px){.hero-banner{align-items:flex-start;flex-direction:column}.hero-product-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:620px){.hero-topbar{flex-wrap:wrap;padding:14px}.hero-topbar>span{font-size:9px;letter-spacing:1px}.hero-shell{padding:18px 14px}.hero-banner{padding:24px 18px;gap:15px}.hero-metrics{gap:14px;width:100%;justify-content:space-between}.hero-metrics div{padding-left:10px}.hero-metrics dd{font-size:25px}.hero-metrics dt{font-size:10px}.hero-universes,.hero-product-grid,.hero-filters{grid-template-columns:1fr}.hero-catalog-heading{align-items:flex-start;flex-direction:column}.hero-universes{gap:18px}.universe img{height:130px}.hero-product-grid figure{height:auto;aspect-ratio:4.8}.hero-filters{padding:15px}}
.superhero-page .hero-shell{margin:0 auto;padding-top:28px;min-height:0;background:none}
.superhero-page .hero-shell .hero-banner{min-height:270px;margin:0;padding:34px;isolation:isolate;background:linear-gradient(100deg,#161d2af5,#161d2aa8),url('../assets/realm-crests/superhero-scene.webp') center/cover;grid-template-columns:none}
.superhero-page .hero-shell .hero-banner::before,.superhero-page .hero-shell .hero-banner::after{display:none}
.superhero-page .hero-shell .hero-banner>div:first-of-type{position:relative;max-width:none;margin:0;padding:0}
.superhero-page .hero-shell .hero-banner p{font:14px/1.6 system-ui,sans-serif;text-transform:none;letter-spacing:0}
.superhero-page .hero-shell .hero-banner>div:first-of-type>span{font-size:11px;color:#e6bb74}
.superhero-page .hero-product-grid .modern-expansion-card::before,.superhero-page .hero-product-grid .modern-expansion-card::after{display:none}
@media(max-width:620px){.superhero-page .hero-shell .hero-banner{padding:24px 18px;min-height:0}.superhero-page .hero-shell{padding-top:18px}}

.superhero-page .hero-product-grid .product-copy :is(p,small,label,select,a){font-family:system-ui,sans-serif;font-weight:400;text-transform:none;letter-spacing:normal}.superhero-page .hero-product-grid footer{align-items:stretch}.superhero-page .hero-product-grid footer label{width:100%}.superhero-page .universe img{object-fit:contain;background:#090d14}.superhero-page .hero-product-grid figure img{box-shadow:none!important}

@media(max-width:620px){.superhero-page .hero-product-grid figure{height:130px;aspect-ratio:auto}}

.hero-section-nav{display:flex;gap:12px;flex-wrap:wrap;margin:26px 0;padding-bottom:15px;border-bottom:1px solid #394354}.hero-section-nav a{display:block;padding:12px 20px;text-decoration:none;border:1px solid #4a5260;background:#171e29;color:#c4ccdb}.hero-section-nav a[aria-current=page]{color:#f9dda5;border-color:#d4a658;background:#342a1c}.hero-resource-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}.hero-resource-card{display:flex;flex-direction:column;gap:14px;background:linear-gradient(#1c2533,#101722);padding:24px;border:1px solid #465468;border-top:3px solid #ccad6c;min-width:0}.hero-resource-card small{font-size:11px;color:#cdb178;letter-spacing:1px}.hero-resource-card h3{margin:0;font:700 22px/1.25 system-ui,sans-serif;color:#f0d9b0}.hero-resource-card p{margin:0;font:14px/1.6 system-ui,sans-serif;color:#c0c9d8}.hero-resource-card footer{margin-top:auto;padding-top:16px;border-top:1px solid #3a4658;display:grid;gap:16px}.hero-resource-card footer a{font-size:13px}.hero-resource-card label{display:grid;gap:7px;font-size:12px}.mission-facts{display:flex;flex-wrap:wrap;gap:8px;list-style:none;padding:0;margin:0}.mission-facts li{padding:4px 9px;background:#273549;border:1px solid #455b77;font-size:12px}.hero-resource-card .mission-readiness{color:#c6bda9;font-size:12px}.hero-resource-card .mission-readiness.is-ready{color:#93d5b1}.hero-resource-card summary{cursor:pointer;color:#e0c386;font-size:13px}.hero-resource-card details p{padding-top:8px}.resource-filters{grid-template-columns:1fr 2fr}.resource-empty{grid-column:1/-1;padding:28px;background:#192230;color:#c7ced8}.superhero-page #retryResources{background:#263347;color:#f0ce96;border:1px solid #a78b5c;padding:10px;cursor:pointer}#resourceError,#missionSaveMessage{color:#e6b975}#rulesCount,#missionsCount{color:#aebdd1;font-size:13px}@media(max-width:1000px){.hero-resource-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:620px){.hero-resource-grid,.resource-filters{grid-template-columns:1fr}.hero-section-nav{gap:8px}.hero-section-nav a{padding:10px 13px;font-size:13px}.hero-resource-card{padding:20px}}

/* Universe gateways open separate, bookmarkable collection views. */
.hero-universes[hidden], .superhero-page #products[hidden] { display:none; }
a.universe { text-decoration:none; color:inherit; }
a.universe:focus-visible { outline:3px solid #e9c16b; outline-offset:5px; }
.hero-back-link { display:inline-block; margin:0 0 22px; color:#e9c16b; font-weight:700; }

.hero-art-pending{height:100%;width:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;padding:18px;text-align:center;background:linear-gradient(135deg,#25324b,#151921);color:#e2cda4}.hero-art-pending span,.hero-art-pending small{font:11px system-ui,sans-serif;color:#adb6c7}.hero-art-pending strong{font:700 19px system-ui,sans-serif}.superhero-page .hero-product-grid .product-availability{color:#c8ae7c;font-size:12px}.superhero-page .hero-product-grid .product-edition{border-left:2px solid #b69b60;padding-left:10px;font-size:12px}

/* A consistent, uncropped product-art stage for both Hero catalogs. */
.superhero-page .hero-product-grid .modern-expansion-card figure {
  height:300px; min-height:300px; aspect-ratio:auto; padding:20px;
  background:linear-gradient(160deg,#202b3b,#141c28)!important;
  border-bottom:1px solid #344052;
  display:flex; align-items:center; justify-content:center;
}
.superhero-page .hero-product-grid .modern-expansion-card figure img {
  display:block; width:auto; height:auto; max-width:100%; max-height:100%;
  object-fit:contain; object-position:center; padding:0;
  filter:none!important; transform:none!important; box-shadow:none!important;
  border:0; border-radius:0; mix-blend-mode:normal;
}
@media(max-width:620px){
  .superhero-page .hero-product-grid .modern-expansion-card figure {
    height:280px; min-height:280px; padding:18px;
  }
}

/* Rules reference guidance and accessible document controls. */
.rules-guide,.rules-coverage{background:#171f2c;border:1px solid #465468;padding:22px;margin:20px 0;color:#c0c9d8}
.rules-guide h3{margin:0 0 12px;color:#f0d9b0;font-size:20px}.rules-guide p,.rules-coverage p{font-size:14px;line-height:1.65}.rules-guide a{font-size:14px}.rules-coverage summary{cursor:pointer;color:#f0d9b0;font-weight:600;min-height:28px}
.rules-filters{grid-template-columns:1fr 1fr 2fr}.hero-resource-card details ul{padding-left:20px;font-size:13px;color:#c0c9d8}.hero-resource-card footer a{display:inline-block;min-height:36px;padding:7px 0;overflow-wrap:anywhere}
@media(max-width:620px){.rules-filters{grid-template-columns:1fr}.rules-guide,.rules-coverage{padding:18px}}

/* Hero reference cards follow the searchable Modern/Fantasy codex pattern. */
.hero-codex-intro{padding:20px 24px;margin:20px 0;border-left:4px solid #c6a05c;background:linear-gradient(100deg,#283044,#172030)}
.hero-codex-intro p{font:14px/1.65 system-ui,sans-serif;color:#c7d0df}.hero-codex-intro #heroRuleSummary{font-weight:700;color:#f0d5a0}
.hero-codex-filters{grid-template-columns:1.2fr 2fr auto;align-items:end}
.superhero-page :is(#heroRuleReset,#heroRuleRetry,#resetRules){min-height:44px;background:#2a3040;color:#efcf93;border:1px solid #8e794e;padding:10px 15px}
.hero-rule-tabs{display:flex;flex-wrap:wrap;gap:8px;margin:20px 0}.hero-rule-tabs button{min-height:44px;padding:10px 13px;border:1px solid #485871;background:#172130;color:#cdd7e7;border-radius:3px}.hero-rule-tabs button[aria-pressed=true]{background:#3b301e;border-color:#d5ac62;color:#ffe2ab}.hero-rule-tabs span{font-size:11px;opacity:.8;margin-left:5px}
#heroRuleCount{font-size:13px;color:#becadc}.hero-codex-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}
.hero-codex-card{display:flex;flex-direction:column;min-width:0;padding:24px;border:1px solid #45536a;border-top:3px solid #bc9856;background:linear-gradient(150deg,#212c3c,#111923);gap:14px}
.hero-codex-card small{font:11px system-ui,sans-serif;text-transform:uppercase;letter-spacing:1.5px;color:#d8b777}.hero-codex-card h3{font:700 22px/1.25 system-ui,sans-serif;color:#f5dfb8;margin:0}.hero-codex-card p{font:14px/1.65 system-ui,sans-serif;color:#cbd3e0;margin:0}.hero-codex-card .hero-rule-applies{font-size:11px;color:#b8c7dd;border-bottom:1px solid #3c475a;padding-bottom:12px}
.hero-codex-card .hero-rule-example{border-left:3px solid #a88c58;background:#0e1723;padding:12px;font-size:13px}.hero-rule-steps,.hero-rule-priority ol{padding-left:22px;margin:8px 0;color:#d1d8e4;font-size:14px;line-height:1.65}.hero-rule-priority{padding:14px;background:#101a28;border:1px solid #445573}.hero-rule-priority strong{font-size:12px;color:#e5c48d}
.hero-enemy-stats{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin:0}.hero-enemy-stats div{padding:10px;background:#101a28;border:1px solid #3b4d65}.hero-enemy-stats dt{font-size:11px;color:#bdc8da}.hero-enemy-stats dd{margin:5px 0 0;color:#f1d397;font-weight:700;font-size:14px}
.hero-codex-card footer{margin-top:auto;padding-top:14px;border-top:1px solid #435066}.hero-codex-card summary{cursor:pointer;min-height:32px;color:#e1c185;font-size:13px}.hero-codex-card footer a{display:block;padding:8px 0;font-size:12px;overflow-wrap:anywhere}
#heroDocumentLibrary{scroll-margin-top:20px}.hero-codex-card li+li{margin-top:6px}
@media(max-width:1050px){.hero-codex-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.hero-codex-filters{grid-template-columns:1fr 1fr}.hero-codex-filters button{grid-column:1/-1}}
@media(max-width:620px){.hero-codex-grid,.hero-codex-filters{grid-template-columns:1fr}.hero-codex-card{padding:20px}.hero-rule-tabs{gap:6px}.hero-rule-tabs button{font-size:12px;padding:8px 10px}}

.hero-enemy-reference{margin-top:2rem;padding-top:1.5rem;border-top:1px solid #445065}.enemy-verification{display:inline-block;border:1px solid #ad8340;border-radius:6px;padding:.35rem .6rem;color:#ffe1a4;font-size:.85rem}.enemy-verification.verified{border-color:#428f73;color:#a6ecd1}.enemy-coverage-details{margin:1rem 0;color:#d3d9e4}.hero-enemy-reference footer a{display:block;overflow-wrap:anywhere}.hero-enemy-reference .hero-codex-card{min-width:0}
.enemy-verification.community{border-color:#678dca;color:#b8d3ff}