/* Dynamic hero profile: aligned with the Heroes directory palette. */
:root { --hero-page: #07121e; --hero-panel: #0c1d2d; --hero-panel-strong: #112a3f; --hero-line: rgba(155, 188, 213, .28); --hero-gold: #e8bd55; --hero-gold-soft: #ffe1a0; --hero-text: #eef3f5; --hero-muted: #afc2d1; }
body { min-height:100vh; color:var(--hero-text); background:radial-gradient(circle at 50% -20%,rgba(232,189,85,.17),transparent 34%),linear-gradient(145deg,#07121e 0%,#0b1a2a 48%,#06111c 100%); font-family:Inter,system-ui,-apple-system,"Segoe UI",sans-serif; }
.container { width:min(1200px,calc(100% - 32px)); margin:96px auto 42px; padding:26px; border:1px solid rgba(232,189,85,.62); border-radius:10px; background:linear-gradient(150deg,rgba(15,35,53,.98),rgba(6,18,30,.98)); box-shadow:0 24px 60px #0008, inset 0 1px rgba(255,225,160,.12); }
.container * { color:var(--hero-text) !important; }
.header-link { margin-bottom:20px; color:var(--hero-gold-soft) !important; font:700 .74rem ui-monospace,SFMono-Regular,Consolas,monospace; letter-spacing:.08em; text-transform:uppercase; }
.header-link:hover,.header-link:focus-visible { color:#fff2c6 !important; }
.hero-header { gap:24px; margin-bottom:22px; }
.hero-art img { border:1px solid rgba(232,189,85,.72); border-radius:7px; background:#07131f; box-shadow:0 18px 34px #0008; }
.hero-summary,.panel { border:1px solid var(--hero-line); border-radius:7px; background:linear-gradient(160deg,rgba(19,45,66,.88),rgba(8,24,39,.88)); box-shadow:0 12px 26px rgba(0,0,0,.26); }
.hero-summary { padding:22px; border-top-color:rgba(232,189,85,.62); }
.eyebrow,.spells-title,.build-group h3,.matchup-summary h3,.data-note,.pro-build-note,.build-empty,.stat-list span,.meta-list span,.build-item span,.build-timing { color:var(--hero-muted) !important; font-family:ui-monospace,SFMono-Regular,Consolas,monospace; }
h1,h2 { color:var(--hero-gold-soft) !important; font-family:Cinzel,Georgia,serif; letter-spacing:.015em; }
h1 { text-shadow:0 1px 18px rgba(232,189,85,.17); }
.subtitle,.lore,.lore-details { color:#c5d4df !important; }
.resource-bars { gap:6px; }.resource-bar { border-radius:4px; }
.spell-button { border-color:#63819a; border-radius:4px; background:#06111c; }.spell-button.innate,.spell-button:hover,.spell-button:focus-visible { border-color:var(--hero-gold) !important; outline-color:rgba(232,189,85,.65); }
.spell-tooltip { border-color:rgba(232,189,85,.72); border-radius:6px; background:#07131f; box-shadow:0 16px 34px #000c; }.spell-tooltip * { color:#eaf1f4 !important; }.spell-name { color:var(--hero-gold-soft) !important; }.spell-type,.spell-stats span,.spell-lore,.spell-details { color:#b4c8d7 !important; }.spell-stats div { background:rgba(123,163,188,.12); }.spell-lore { border-top-color:rgba(232,189,85,.25); }
.talent-tree { border-color:rgba(132,169,192,.34); border-radius:6px; background:rgba(3,15,26,.34); }.talent-row em { background:#7c5c21; color:#fff2c6 !important; }.talent-node { border-color:rgba(132,169,192,.45); border-radius:4px; background:#122b40; }.talent-node span { border:1px solid rgba(232,189,85,.6); background:#07131f; color:#eaf1f4 !important; }
.hero-navigation a,.source-link { border-color:rgba(232,189,85,.42); border-radius:5px; background:rgba(12,32,48,.86); }.hero-navigation a:hover,.source-link:hover { border-color:var(--hero-gold); background:rgba(232,189,85,.1); }.hero-navigation span { color:var(--hero-muted) !important; }.hero-navigation b,.source-link { color:var(--hero-gold-soft) !important; }
.panel { padding:19px; }.stat-list div,.meta-list div,.build-item { border-color:rgba(132,169,192,.25); border-radius:4px; background:rgba(3,16,27,.4); }.stat-list strong,.meta-list strong { color:var(--hero-gold-soft) !important; }
.starting-inventory { border-color:rgba(232,189,85,.42); border-radius:5px; background:#06121e; }.build-slot { border-color:#4f6d83; border-radius:3px; background:#0d2436; }.build-timing { color:var(--hero-gold) !important; }.matchup-summary { border-left-color:rgba(232,189,85,.32); }.matchup-chip { color:#c5d4df !important; }.matchup-chip b { color:var(--hero-gold-soft) !important; }
@media(max-width:800px){.container{width:calc(100% - 20px);margin-top:82px;padding:16px}.matchup-summary{border-top-color:rgba(232,189,85,.32)}}



.hero-seo-corner { position:absolute !important; top:26px; right:26px; display:inline-block; margin:0; padding:0; border:0; border-radius:0; color:var(--hero-gold-soft) !important; background:transparent; font:700 .74rem ui-monospace,SFMono-Regular,Consolas,monospace; letter-spacing:.08em; line-height:1.2; text-transform:uppercase; text-decoration:none; }.hero-seo-corner:hover,.hero-seo-corner:focus-visible { color:#fff2c6 !important; background:transparent; outline:0; }@media(max-width:800px){.hero-seo-corner{position:static !important; margin:0 0 18px;}}

.lore,.lore-details,.lore-details p,.spell-lore { color:#edf5fb !important; text-shadow:0 1px 10px rgba(0,0,0,.32); }.lore-details summary { color:var(--hero-gold-soft) !important; }