@import url('assets/skin/fonts/cinzel.css');
@import url('assets/skin/fonts/libre-baskerville.css');
/* Hero reference and refreshed surface treatment. Existing layout stays intact. */
.workspace-main>.explorer,.workspace-maths>.explorer,#calculator,#team-benchmark{background:#1f1d19!important}
.preview{background:#1f1d19!important}.workspace-dock{background:#1f1d19!important}
#workspace-dock [role=tab]{border-radius:9px!important;border-width:2px!important}
#workspace-dock #dock-content[aria-selected=true],#workspace-dock #dock-content:hover{background:#10252c!important;border-color:#69c5e2!important;box-shadow:inset 0 0 24px #2983a52b,0 0 12px #55bfe222!important}
#workspace-dock #dock-tools[aria-selected=true],#workspace-dock #dock-tools:hover{background:#19291e!important;border-color:#8fb58c!important}
#workspace-dock #dock-heroes[aria-selected=true],#workspace-dock #dock-heroes:hover{background:#261d31!important;border-color:#b697cc!important}
#workspace-dock #dock-maths[aria-selected=true],#workspace-dock #dock-maths:hover{background:#30261a!important;border-color:#d8a453!important}
.hero-art{align-self:start;position:sticky!important;top:112px}
@media(max-width:650px){.hero-art{position:relative!important;top:auto;align-self:stretch}}
.preview,.workspace-dock,.explorer{background-color:#1f1d19}
.preview{display:flex;gap:24px;align-items:center;flex-wrap:wrap;color:#e7dfce;padding:14px 22px}.status-item{display:flex;align-items:center;gap:10px;font-size:12px}.status-item .ui-symbol{width:22px;height:22px}.preview .intro-collapse{margin-left:auto;display:flex;align-items:center;gap:8px}
.workspace-dock [role=tab]{border-radius:9px;padding:14px 18px;min-height:72px;border:2px solid transparent;transition:background .18s,border-color .18s,box-shadow .18s}.workspace-dock [role=tab][aria-selected=true]{border-color:#69c5e2;box-shadow:inset 0 0 24px #2983a52b,0 0 12px #55bfe222;background:#10252c}.dock-copy{display:flex;flex-direction:column;align-items:flex-start;gap:5px}.dock-copy strong{font-size:14px}.dock-copy small{font-size:11px;color:#b5babb;font-weight:400}.ui-symbol{width:30px;height:30px;object-fit:contain;flex-shrink:0}.workspace-dock [data-workspace=tools]:hover,.workspace-dock [data-workspace=tools][aria-selected=true]{border-color:#8fb58c;background:#19291e;box-shadow:inset 0 0 24px #80b77720}.workspace-dock [data-workspace=heroes]:hover,.workspace-dock [data-workspace=heroes][aria-selected=true]{border-color:#b697cc;background:#261d31;box-shadow:inset 0 0 24px #b589d120}.workspace-dock [data-workspace=maths]:hover,.workspace-dock [data-workspace=maths][aria-selected=true]{border-color:#d8a453;background:#30261a;box-shadow:inset 0 0 24px #c9974720}
.game-tools,.hero-workspace{padding:30px}.tool-choice-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin:28px 0 8px}.tool-choice{display:flex;flex-direction:column;align-items:flex-start;text-align:left;gap:20px;padding:30px;border-radius:10px;border:1px solid #618667;background:linear-gradient(130deg,#25352a,#12181b);color:#c5d9c6;cursor:pointer}.tool-choice strong{font-size:23px}.tool-choice span{color:#c0c4c4;line-height:1.6}.tool-choice small{margin-top:15px}.tool-team{border-color:#9370af;background:linear-gradient(130deg,#32263e,#12181b);color:#c9addf}.tool-planner{border-color:#b88a62;background:linear-gradient(130deg,#453125,#191715);color:#e4ba91}.tool-choice:hover{filter:brightness(1.13)}
.viewer-search{width:min(100%,560px);margin:28px auto 32px}.viewer-search>label{display:block;margin-bottom:10px;font-size:12px;color:#d6c6ab}.viewer-search input{width:100%;min-height:48px;border:1px solid #927346;border-radius:8px;background:#12181b;color:#f0e9dc;padding:12px 16px}.hero-search-results{z-index:30}.hero-empty{padding:60px 20px;text-align:center;color:#a9adae;border-top:1px solid #605035}
.hero-frame{position:relative;display:grid;grid-template-columns:minmax(0,1.2fr) minmax(280px,1fr);grid-template-rows:auto 1fr;border:1px solid #a38347;border-radius:12px;overflow:hidden;background:#12181b}.hero-frame[hidden]{display:none}.hero-tabs{grid-column:1;padding:18px 22px 0;display:flex;gap:7px;flex-wrap:wrap;z-index:2}.hero-subtab{--accent:#6bbfe2;display:flex;align-items:center;gap:7px;border:1px solid #3c474a;border-bottom:2px solid var(--accent);border-radius:7px;background:#12181b;color:#dbdedb;padding:11px;cursor:pointer;font-size:12px}.hero-subtab .ui-symbol{width:23px;height:23px}.accent-purple{--accent:#b88cd0}.accent-yellow{--accent:#e3c25d}.accent-orange{--accent:#d39d54}.hero-subtab[aria-selected=true]{border-color:var(--accent);background:linear-gradient(135deg,#28383f,#12181b);box-shadow:inset 0 0 18px #74b9d018}.hero-reference-body{grid-column:1;padding:25px;min-width:0;color:#dce0dc}.hero-reference-body h3{font-family:Georgia,serif;font-size:29px;color:#f1e8d5;margin:15px 0}.hero-reference-body h4{color:#ddc492;font-size:15px}.hero-reference-body p{line-height:1.65}.hero-divider{display:block;width:100%;height:22px;object-fit:contain;margin:20px 0}.hero-meta,.hero-footnote,.hero-source{font-size:12px;color:#aeb7b6}.faction-chip{display:inline-flex;align-items:center;gap:7px;margin-right:15px;font-size:12px;color:#b7cddd}.faction-symbol{height:32px;width:32px;object-fit:contain}
.hero-stats{display:grid;grid-template-columns:1fr 1fr;gap:0 24px}.hero-stats>div{display:flex;justify-content:space-between;gap:9px;border-bottom:1px solid #ffffff0d;padding:10px 0;align-items:center;min-width:0}.hero-stats dt{display:flex;align-items:center;gap:8px;font-size:12px;color:#d1c6ad}.hero-stats dd{margin:0;font-size:13px;font-variant-numeric:tabular-nums;color:#e7ecea}.attribute-symbol{width:21px;height:21px;object-fit:contain}.hero-art{grid-column:2;grid-row:1/span 2;position:relative;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;padding:28px 18px;background-size:cover;background-position:center;min-width:0;border-left:1px solid #a3834740}.hero-art h3{font-family:Georgia,serif;font-size:clamp(25px,3vw,38px);color:#f3ecdc;text-align:center;text-shadow:0 2px 8px #000;margin:10px 0}.hero-full-art{width:100%;height:560px;max-height:65vh;object-fit:contain;object-position:center bottom;filter:drop-shadow(0 12px 12px #0008)}.hero-subtitle{font-family:Georgia,serif;color:#e0d5b3;font-size:17px;text-align:center}.hero-tags{font-size:12px;color:#d1d9d1;text-align:center;line-height:1.7;max-width:330px}.hero-skill{border-bottom:1px solid #a383473f;padding:22px 0}.skill-heading{display:flex;align-items:center;gap:14px}.skill-heading h4{margin:0 0 7px}.skill-heading small{color:#aaaeb0;font-size:11px;text-transform:capitalize}.skill-symbol{width:56px;height:56px;object-fit:contain;border:1px solid #9e814b;border-radius:7px}.skill-text{white-space:pre-line;font-size:14px}.skill-upgrades{display:grid;grid-template-columns:65px 1fr;font-size:12px;gap:10px;padding:15px;background:#1f1d19;border-radius:7px}.skill-upgrades dt{color:#ceb688}.skill-upgrades dd{margin:0;line-height:1.5}.rage-details{font-size:11px;color:#b6c1bf}.hero-awakening{display:flex;gap:18px;align-items:flex-start;padding:20px 0;border-bottom:1px solid #a383473f}.awakening-number{font-family:Georgia,serif;border:1px solid #92713d;border-radius:50%;padding:11px;color:#e1c068}.hero-awakening p{margin:0}.kit-term{padding:0;border:0;border-bottom:1px dotted currentColor;background:none;color:#82bddd;font:inherit;cursor:pointer}.term-debuff{color:#df9290}.round-orange{color:#dfb074}.round-purple{color:#bd98db}.round-blue{color:#79bbdf}.term-dialog{max-width:480px;background:#12181b;color:#e3e6e2;padding:30px;border:1px solid #ac8c50;border-radius:12px;line-height:1.7}.term-dialog::backdrop{background:#0009}.view-hero-link{margin-top:10px}
@media(max-width:1000px){.hero-stats{grid-template-columns:1fr}.hero-frame{grid-template-columns:minmax(0,1fr) minmax(220px,.8fr)}.hero-full-art{height:440px}.dock-copy small{display:none}.workspace-dock [role=tab]{padding:10px;gap:8px}.preview{gap:14px}}
@media(max-width:650px){.game-tools,.hero-workspace{padding:20px}.tool-choice-grid{grid-template-columns:1fr}.hero-frame{display:flex;flex-direction:column}.hero-art{order:1;border-left:0;border-bottom:1px solid #a3834740}.hero-tabs{order:2;padding:18px 15px 0}.hero-reference-body{order:3;padding:20px}.hero-full-art{height:290px;max-height:none}.hero-stats{grid-template-columns:1fr 1fr;gap:0 16px}.hero-subtab{padding:9px;font-size:11px}.hero-subtab .ui-symbol{width:18px;height:18px}.workspace-dock .ui-symbol{width:24px;height:24px}.dock-copy strong{font-size:11px}.preview .intro-collapse{margin-left:0}}

/* A wide reference spread: readable left sheet, central silhouette, right identity.
   The four sub-tabs and search retain their existing visual treatment. */
.shell{max-width:1540px;width:100%;box-sizing:border-box;padding-inline:40px}
.hero-workspace{padding:30px 24px 24px}
.hero-frame{isolation:isolate;overflow:clip;grid-template-columns:minmax(0,42fr) minmax(0,29fr) minmax(0,29fr);grid-template-rows:auto 1fr;min-height:690px;background-color:#12181b;background-size:cover;background-position:center;border-radius:10px;box-shadow:0 14px 35px #0004,inset 0 0 0 3px #12181b80}
.hero-frame::before{content:'';position:absolute;inset:0;z-index:0;pointer-events:none;background:linear-gradient(90deg,#101619fa 0%,#101619f2 30%,#101619a6 43%,#10161915 57%,#10161970 71%,#101619c7 100%),linear-gradient(0deg,#0b1012b3,transparent 45%)}
.hero-frame::after{content:'';position:absolute;inset:0;z-index:2;pointer-events:none;background:linear-gradient(90deg,#101619b0 0%,#10161990 34%,transparent 46%,transparent 71%,#10161970 86%)}
.hero-tabs{grid-column:1;grid-row:1;padding:22px 24px 0;position:relative;z-index:3}
.hero-reference-body{grid-column:1;grid-row:2;padding:8px 26px 26px;position:relative;z-index:3}
.hero-reference-body h3,.hero-profile-side h3{font-family:'Cinzel',serif;font-weight:700;letter-spacing:.015em;text-shadow:0 2px 3px #0006}
.hero-reference-body h3{font-size:22px;margin:0 0 14px;color:#edda9c}
.hero-reference-body h4,.hero-profile-side h4{font-family:'Cinzel',serif;font-size:16px;font-weight:700;color:#d9bb62;letter-spacing:.045em;margin:0 0 16px}
.hero-reference-body p{font-family:'Libre Baskerville',serif;font-size:14px;line-height:1.85;color:#e2e0d6}
.hero-reference-body .hero-footnote{font-family:inherit;font-size:12px;line-height:1.6;color:#b4bcb8;margin-top:20px}
.hero-divider{position:relative;display:flex;justify-content:center;align-items:center;height:24px;width:100%;margin:18px 0 22px}
.hero-divider::before{content:'';position:absolute;left:0;right:0;top:11px;height:2px;background:linear-gradient(90deg,#b8904726,#c8a353 15%,#e2bd67 50%,#c8a353 85%,#b8904726);box-shadow:none}
.hero-divider-ornament{position:relative;display:block;width:190px;max-width:70%;height:24px;object-fit:contain;filter:drop-shadow(0 1px 2px #000)}
.hero-stats{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:0 22px;margin:0}
.hero-stats>div{padding:11px 0;gap:7px;border-color:#d9bb6240;align-items:center}
.hero-stats dt{font-size:13px;font-weight:750;color:#d9bb62;line-height:1.45;gap:8px}
.hero-stats dd{font-size:14px;font-weight:650;white-space:nowrap;color:#f3eee2}
.attribute-symbol{width:23px;height:23px;flex:0 0 23px}
.hero-art{grid-column:2;grid-row:1/span 2;position:sticky!important;top:105px;align-self:start;z-index:1;height:650px;max-height:calc(100dvh - 130px);min-height:420px;padding:22px 0 8px;display:flex;align-items:center;justify-content:center;background:none!important;border:0;pointer-events:none;overflow:visible}
.hero-full-art{width:148%;max-width:none;height:100%;max-height:none;object-fit:contain;object-position:center bottom;flex-shrink:0;filter:drop-shadow(0 18px 17px #0009)}
.hero-frame[data-hero=oren] .hero-full-art{transform:translateX(-8%);width:165%}
.hero-frame[data-hero=ezareth] .hero-full-art{width:165%}
.hero-profile-side{grid-column:3;grid-row:1/span 2;position:sticky;top:120px;align-self:start;z-index:3;padding:38px 26px 34px 18px;min-width:0;color:#f3ecda;text-shadow:0 1px 3px #000}
.hero-profile-kicker{font-size:10px;letter-spacing:.2em;font-weight:700;color:#dac88f;margin:0 0 12px}
.hero-profile-side h3{font-size:clamp(25px,2.6vw,39px);line-height:1.2;text-wrap:balance;overflow-wrap:anywhere;margin:0;text-transform:uppercase}
.hero-subtitle{font-family:'Libre Baskerville',serif;font-size:17px;text-align:left;color:#e5d6a6;line-height:1.6;margin:12px 0 0}
.hero-factions{display:grid;gap:16px}
.faction-chip{display:flex;gap:15px;align-items:center;margin:0;font-size:15px;font-weight:700;line-height:1.45;color:#e3eadf}
.faction-symbol{width:76px;height:76px;flex:0 0 76px;filter:drop-shadow(0 4px 5px #0007)}
.hero-profile-facts{margin:0;display:grid;gap:18px}
.hero-profile-facts>div{display:flex;justify-content:space-between;gap:14px;align-items:baseline}
.hero-profile-facts dt{color:#d9bb62;font-weight:700;font-size:14px}
.hero-profile-facts dd{margin:0;text-align:right;font-size:15px;font-weight:650;line-height:1.5}
.hero-kit-tags{display:flex;gap:9px;flex-wrap:wrap}
.hero-kit-tags span{border:1px solid #c1a86550;background:#12181b88;border-radius:5px;padding:7px 10px;font-size:12px;line-height:1.45;color:#e4e7dd}
.hero-source{display:inline-block;font-size:12px;line-height:1.6;margin-top:20px}
.skill-heading h4{font-family:'Cinzel',serif;font-size:17px;font-weight:700}
.skill-heading small{font-size:12px;color:#c0c6bf;line-height:1.5}
.hero-reference-body .skill-text{font-size:14px;line-height:1.9}
.skill-upgrades{font-size:13px;padding:17px;background:#12181bab;border:1px solid #ac915f30;line-height:1.65}
.skill-upgrades dt{font-weight:700;color:#d9bb62}
.skill-upgrade-disclosure{margin-top:16px;border:1px solid #ac915f30;border-radius:7px;background:#12181bab;overflow:hidden}
.skill-upgrade-disclosure>summary{padding:12px 16px;color:#aaa99d;font-size:12px;font-weight:600;cursor:pointer;transition:color .16s,background .16s}
.skill-upgrade-disclosure>summary:hover,.skill-upgrade-disclosure>summary:focus-visible{color:#e2c780;background:#d9bb6209}
.skill-upgrade-disclosure>summary:focus-visible{outline:2px solid #d9bb62;outline-offset:-3px}
.skill-upgrade-disclosure[open]>summary{color:#d9bb62;border-bottom:1px solid #ac915f30}
.skill-upgrade-disclosure>.skill-upgrades{margin:0;border:0;border-radius:0;background:transparent}
.hero-skill,.hero-awakening{border-bottom-color:#c6a15c80}
.hero-reference-body .rage-details{font-family:inherit;font-size:12px;color:#bccfc7}
.awakening-number{font-family:'Cinzel',serif;font-weight:700;flex-shrink:0}
@media(min-width:1650px){.shell{max-width:1640px}.hero-art{height:720px}.hero-frame{min-height:760px}.hero-stats dt{font-size:14px}.hero-stats dd{font-size:15px}.hero-reference-body p{font-size:15px}}
@media(max-width:1190px) and (min-width:801px){
 .shell{padding-inline:24px}.hero-workspace{padding-inline:18px}
 .hero-frame{grid-template-columns:minmax(0,53fr) minmax(0,47fr)}
 .hero-tabs{padding-inline:20px}.hero-reference-body{padding-inline:20px}
 .hero-art{grid-column:2;grid-row:1/span 2;height:490px;max-height:none;min-height:0;position:relative!important;top:auto;align-self:start}
 .hero-full-art{width:100%}.hero-frame[data-hero=oren] .hero-full-art,.hero-frame[data-hero=ezareth] .hero-full-art{width:110%}
 .hero-profile-side{grid-column:2;grid-row:1/span 2;position:relative;top:auto;align-self:start;margin-top:490px;padding:16px 24px 30px}
 .hero-frame::before{background:linear-gradient(90deg,#101619fa 0%,#101619eb 44%,#10161945 70%,#1016199c 100%)}
 .hero-stats{gap:0 15px}.hero-stats dt{font-size:12px}.hero-stats dd{font-size:13px}.hero-profile-side h3{font-size:30px}
}
@media(max-width:800px){
 .shell{padding-inline:16px}.hero-workspace{padding:24px 14px 16px}
 .hero-frame{display:flex;flex-direction:column;min-height:0;background-position:65% top}
 .hero-frame::before{background:linear-gradient(0deg,#101619fc 25%,#101619a0 65%,#10161930 100%)}
 .hero-frame::after{display:none}
 .hero-tabs{order:0;padding:18px 16px 0;z-index:4}
 .hero-art{order:1;position:relative!important;top:auto;height:380px;max-height:none;min-height:0;width:100%;padding:18px 0 0;align-self:stretch;overflow:hidden}
 .hero-full-art{width:100%;height:100%}.hero-frame[data-hero=oren] .hero-full-art,.hero-frame[data-hero=ezareth] .hero-full-art{width:110%}
 .hero-profile-side{order:2;position:relative;top:auto;margin:0;padding:20px 24px 0;align-self:stretch}
 .hero-profile-heading{max-width:100%}.hero-profile-side h3{font-size:30px}.hero-factions{grid-template-columns:repeat(auto-fit,minmax(190px,1fr))}.faction-symbol{width:64px;height:64px;flex-basis:64px}
 .hero-profile-facts{display:flex;flex-wrap:wrap;gap:14px 28px}.hero-profile-facts>div{gap:10px}.hero-reference-body{order:3;padding:4px 24px 28px}
 .hero-reference-body h3{font-size:22px}.hero-reference-body p{font-size:14px}
}
@media(max-width:420px){.hero-stats{grid-template-columns:1fr}.hero-art{height:320px}.hero-profile-side,.hero-reference-body{padding-inline:18px}.hero-stats dt,.hero-stats dd{font-size:14px}.hero-reference-body .skill-text{font-size:13px}}

/* Readable secondary type, not miniature interface labels. */
.dock-copy strong{font-family:'Cinzel',serif;font-size:15px;font-weight:700;line-height:1.35}
.dock-copy small{font-family:'Libre Baskerville',serif;font-size:13px;font-weight:400;line-height:1.65;color:#d1cbbd}
.hero-reference-body .hero-footnote,.hero-profile-side .hero-footnote{font-family:'Libre Baskerville',serif;font-size:14px;line-height:1.8;color:#c7c8bb}
.skill-heading small,.skill-upgrade-disclosure>summary{font-family:'Libre Baskerville',serif;font-size:12px;line-height:1.75;color:#c7c8bb}
.hero-profile-kicker{font-size:12px}
.hero-frame[data-tab=skills] .hero-reference-body{display:contents}
.skills-introduction{grid-column:1;grid-row:2;padding:8px 26px 30px;position:relative;z-index:3;min-width:0}
.hero-frame[data-tab=skills] .hero-art{position:relative!important;top:auto;height:650px;max-height:none;min-height:0}
.hero-frame[data-tab=skills] .hero-profile-side{position:relative;top:auto;margin-top:0}
.hero-frame[data-tab=skills] .hero-source{grid-column:1/-1;grid-row:4;padding:0 28px 28px;margin:0;z-index:3}
.hero-frame[data-tab=skills] .hero-profile-heading{display:flex;flex-wrap:wrap;gap:0 12px;align-items:center}
.hero-frame[data-tab=skills] .hero-profile-kicker{width:100%}
.hero-frame[data-tab=skills] .hero-profile-heading h3{flex:1 1 190px}
.hero-frame[data-tab=skills] .hero-subtitle{width:100%;order:3}
.skill-faction-badges{display:flex;gap:6px;flex:0 0 auto;margin:8px 0}
.skill-faction-symbol{width:34px;height:34px;object-fit:contain;filter:drop-shadow(0 2px 2px #0006)}
.hero-talent p,.talent-dialog p{font-family:'Libre Baskerville',serif;font-size:14px;line-height:1.85;color:#e2e0d6;white-space:pre-line}
.talent-symbol{width:54px;height:54px;object-fit:contain;border:1px solid #ac915f70;border-radius:7px;margin:0 0 8px}
.no-talent-symbol{display:block;width:92px;height:92px;object-fit:contain;margin:22px auto}
.talent-read-more{border:0;background:none;color:#dfc478;font-family:'Libre Baskerville',serif;font-size:13px;font-weight:700;padding:6px 0;cursor:pointer;text-decoration:underline;text-underline-offset:4px}
.skill-resources,.skill-standout{margin:20px 0}
.skill-resource-row{display:flex;align-items:center;gap:12px;padding:10px 0;border-bottom:1px solid #d9bb6230;font-size:15px;color:#e3dfcd}
.skill-resource-row strong{margin-left:auto;color:#e8d28d;font-size:18px;font-variant-numeric:tabular-nums}
.resource-symbol{width:36px;height:36px;object-fit:contain}
.standout-heading{display:flex;align-items:center;gap:16px;margin:20px 0}
.standout-heading h4{margin:0;font-size:17px}
.standout-icon{position:relative;flex:0 0 78px;width:78px;height:78px;filter:drop-shadow(0 0 5px #e2bb6145)}
.standout-skill-image{position:absolute;inset:10px;width:58px;height:58px;object-fit:contain}
.standout-gold-frame{position:absolute;inset:0;width:100%;height:100%;object-fit:contain}
.hero-skills-grid{grid-column:1/-1;grid-row:3;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;padding:28px;position:relative;z-index:3;background:linear-gradient(#12181be8,#12181bf7);border-top:1px solid #c6a15c80}
.hero-skills-grid .hero-skill{min-width:0;margin:0;padding:24px;border:1px solid #b6995866;border-radius:8px;background:#12181bba;align-self:stretch}
.hero-skills-grid .skill-text{font-size:15px;line-height:1.85}
.talent-dialog{width:min(720px,calc(100% - 32px));max-height:85dvh;overflow-y:auto;box-sizing:border-box;background:#12181b;color:#eee5d3;border:1px solid #bc995b;border-radius:12px;padding:32px;box-shadow:0 24px 80px #0007}
.talent-dialog::backdrop{background:#000a}
.talent-modal-heading{display:flex;gap:16px;align-items:center}
.talent-modal-heading h3{font-family:'Cinzel',serif;font-size:23px;color:#e5cb87;margin:0}
.talent-explanation{padding:20px;margin:20px 0;border:1px solid #b6995866;border-radius:8px;background:#1f1d19}
.talent-explanation h4{font-family:'Cinzel',serif;color:#d9bb62;margin:0}
.talent-explanation[hidden]{display:none}
.kit-term{font-weight:700}
.term-dialog .term-explanation-text{font-family:'Libre Baskerville',serif;font-size:14px;line-height:1.85;white-space:pre-line;padding:20px;background:#1f1d19;border:1px solid #b6995866;border-radius:8px}
.term-dialog h3{font-family:'Cinzel',serif;font-size:21px;color:#d9bb62}
.hero-effects-panel{--effect-accent:#86c3df;--effect-border:#5688a3;--effect-surface:#132833;margin-top:28px;padding:16px;border:1px solid var(--effect-border);border-radius:9px;background:linear-gradient(135deg,var(--effect-surface),#12181be8);box-shadow:inset 0 0 22px #74b9d008}
.hero-effects-panel[data-effect-kind=debuff]{--effect-accent:#e5a09a;--effect-border:#a16560;--effect-surface:#342021}
.hero-effects-tabs{display:flex;justify-content:center;gap:8px;margin-bottom:16px}
.hero-effects-tab{font-family:'Cinzel',serif;font-weight:700;font-size:14px;padding:9px 15px;background:#12181b;border:1px solid #486778;border-radius:6px;color:#86c3df;cursor:pointer}
.hero-effects-tab[data-kind=debuff]{color:#e5a09a;border-color:#835951}
.hero-effects-tab[aria-selected=true]{background:var(--effect-surface);border-color:var(--effect-accent);box-shadow:inset 0 -2px var(--effect-accent)}
.hero-effects-tab:focus-visible,.hero-effect-row:focus-visible{outline:2px solid var(--effect-accent);outline-offset:3px}
.hero-effects-list{display:grid;gap:6px;max-height:280px;overflow-y:auto;scrollbar-width:thin;scrollbar-color:var(--effect-border) #12181b;padding:3px}
.hero-effect-row{display:flex;align-items:center;gap:11px;padding:9px 7px;border:1px solid transparent;border-radius:5px;background:none;text-align:left;color:var(--effect-accent);font:600 14px/1.5 'Libre Baskerville',serif;cursor:pointer;width:100%}
.hero-effect-row:hover{background:#ffffff08;border-color:var(--effect-border)}
.hero-effect-symbol,.hero-effect-fallback{width:32px;height:32px;flex:0 0 32px;object-fit:contain}
.hero-effect-fallback{display:grid;place-items:center;border:1px solid var(--effect-border);border-radius:5px;font:700 23px/1 sans-serif}
.hero-profile-side .hero-effects-note,.hero-profile-side .hero-effects-empty{font-family:'Libre Baskerville',serif;font-size:12px;line-height:1.75;color:#c1c4bb;margin:14px 0 0}
@media(max-width:1100px) and (min-width:801px){
 .hero-frame[data-tab=skills]{grid-template-columns:repeat(2,minmax(0,1fr))}
 .hero-frame[data-tab=skills] .hero-tabs{grid-column:1/-1;grid-row:1}
 .hero-frame[data-tab=skills] .hero-art{grid-column:1/-1;grid-row:2;height:330px;padding:16px 0 0}
 .hero-frame[data-tab=skills] .hero-full-art{width:100%}
 .skills-introduction{grid-row:3;padding:12px 24px 30px}
 .hero-frame[data-tab=skills] .hero-profile-side{grid-column:2;grid-row:3;padding:32px 24px 30px}
 .hero-skills-grid{grid-row:4;padding:24px;gap:20px}
 .hero-frame[data-tab=skills] .hero-source{grid-row:5}
}
@media(max-width:800px){
 .hero-frame[data-tab=skills] .hero-art{height:360px}
 .skills-introduction{order:3;padding:4px 24px 20px}
 .hero-frame[data-tab=skills] .hero-profile-side{order:4;padding:20px 24px 28px;background:#12181b9c;border-top:1px solid #c6a15c80}
 .hero-skills-grid{order:5;grid-template-columns:1fr;padding:20px;gap:18px}
 .hero-frame[data-tab=skills] .hero-source{order:6;padding:12px 24px 24px}
 .hero-skills-grid .hero-skill{padding:20px}
 .dock-copy strong{font-size:12px}.talent-dialog{padding:24px}
}