/* The archive belongs to one hero; bronze frames, stone and classic red controls. */
.hero-codex{position:absolute;inset:0;padding:45px 60px;background:linear-gradient(100deg,#080b10eb,#17130bf5),url('/assets/ui/blizzard/background-rock.png');color:#e5d1a7;font:24px/1.45 var(--f-num,Arial);overflow:hidden}
.hero-codex *{box-sizing:border-box}.hero-codex [hidden]{display:none!important}.hero-codex button{cursor:pointer}.hero-codex button:focus-visible,.hero-codex input:focus-visible,.hero-codex select:focus-visible{outline:2px solid #ffe094;outline-offset:4px}
.hero-codex-header{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #9d7c4155;padding-bottom:25px;height:150px}.hero-codex-kicker{font:17px var(--f-num,Arial);letter-spacing:4px;color:#ba9b62;text-transform:uppercase}.hero-codex-header h1{font:55px/1.2 var(--f-title,Georgia);color:#f5d58b;margin:9px 0}.hero-codex-header p{color:#b6a58b;font-size:23px;margin:0}.hero-codex .sp-wowbtn{--h:58px;min-width:190px;font-size:25px}
.hero-codex-layout{position:absolute;inset:225px 60px 50px;display:grid;grid-template-columns:270px minmax(0,1fr) 470px;gap:28px}.hero-codex-sidebar{display:flex;flex-direction:column;border-right:1px solid #8e733840;padding-right:25px;min-height:0}.hero-codex-profile{text-align:center;margin-bottom:32px}.hero-codex-profile img{display:block;width:92px;height:92px;border:3px ridge #bd9a53;margin:0 auto 15px;box-shadow:0 0 30px #d7aa4820}.hero-codex-profile b{display:block;font:32px var(--f-title,Georgia);color:#f0cf85;overflow-wrap:anywhere}.hero-codex-profile span{display:block;font-size:21px;color:#b6a389;margin-top:8px}
.hero-codex-tabs{display:flex;flex-direction:column;gap:13px}.hero-codex-tabs button{display:flex;gap:14px;align-items:center;width:100%;min-height:76px;padding:13px 10px;border:1px solid #79603c;background:linear-gradient(#272116,#120e09);font:23px var(--f-num,Arial);color:#cfba92;text-align:left}.hero-codex-tabs button[aria-pressed=true]{border-color:#d9b463;color:#ffe39a;background:linear-gradient(90deg,#683b12,#2e1e0c);box-shadow:inset 3px 0 #e3bb64}.hero-codex-tabs img{width:38px;height:38px}.hero-codex-progress{margin-top:auto;font-size:18px;color:#bfa87b}.hero-codex-progress>div{height:8px;background:#080605;border:1px solid #594827}.hero-codex-progress i{display:block;height:100%;background:linear-gradient(90deg,#72532b,#d7b770)}
.hero-codex-collection{display:flex;flex-direction:column;min-width:0;min-height:0}.hero-codex-filters{display:flex;flex-wrap:wrap;align-items:center;gap:15px;margin-bottom:23px}.hero-codex-filters input[type=search]{flex:1;min-width:250px;height:60px;padding:12px 18px;background:#080b10;border:1px solid #8e713e;color:#efdbb1;font:23px var(--f-num,Arial)}.hero-codex-filters label{display:flex;align-items:center;gap:10px;font-size:19px;color:#c8b38e;cursor:pointer}.hero-codex-filters input[type=checkbox]{width:22px;height:22px;accent-color:#b18a39}.hero-codex-filters select{width:100%;padding:10px 16px;background:#171209;border:1px solid #8e713e;color:#efd69f;font:22px var(--f-num,Arial)}
.hero-codex-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-auto-rows:minmax(126px,1fr);gap:15px;flex:1;min-height:0;overflow-y:auto;align-content:start;padding:3px;scrollbar-color:#8d713a #111}.hero-codex-entry{display:flex;align-items:center;gap:17px;padding:20px 16px;border:1px solid #76603b;background:linear-gradient(135deg,#26231b,#12110e);text-align:left;color:#e2cda2;min-width:0}.hero-codex-entry>img{width:62px;height:62px;border:2px ridge #a38850;flex-shrink:0}.hero-codex-entry>span{min-width:0}.hero-codex-entry b{display:block;font:24px/1.25 var(--f-num,Arial);overflow-wrap:anywhere}.hero-codex-entry small{display:block;font-size:17px;margin-top:9px;color:#b2a388}.hero-codex-entry em{display:block;font:15px var(--f-num,Arial);color:#b59c68;margin-top:6px}.hero-codex-entry.is-unknown{opacity:.48}.hero-codex-entry:hover,.hero-codex-entry[aria-pressed=true]{border-color:#e3c275;background:linear-gradient(135deg,#3f321b,#21170b);box-shadow:inset 0 0 0 2px #d2af5425}.hero-codex-entry[aria-pressed=true]{opacity:1}.hero-codex-pager{display:flex;align-items:center;justify-content:center;gap:35px;margin-top:25px;height:60px;flex-shrink:0;font-size:22px}.hero-codex .sp-wowbtn:disabled{opacity:.35;cursor:default;filter:grayscale(1)}
.hero-codex-detail{padding:25px 30px;border:3px ridge #947545;background:radial-gradient(ellipse at 50% 25%,#67532430,transparent 60%),linear-gradient(#17140f,#090b0e);box-shadow:inset 0 0 0 5px #211b10,0 10px 35px #0006;text-align:center;overflow-y:auto;scrollbar-color:#8e7338 #111}.hero-codex-art{display:flex;justify-content:center;margin:22px auto}.hero-codex-art .spc{flex-shrink:0;cursor:default}.hero-codex-emblem{width:160px;height:160px;display:grid;place-items:center;border:3px ridge #c49c51;background:#080a10;box-shadow:0 0 45px #c49c5125;margin:25px 0}.hero-codex-emblem img{width:128px;height:128px}.hero-codex-detail h2{font:34px/1.2 var(--f-title,Georgia);margin:18px 0 12px;color:#eacf8f}.hero-codex-label{font-size:19px;color:#b5a17b}.hero-codex-description{font-size:22px;line-height:1.55;margin:22px 0;color:#d1c2a7}.hero-codex-note{font-size:19px;color:#bcd095;border-top:1px solid #a38b4d40;padding-top:18px}.hero-codex-set{text-align:left;border-top:1px solid #a38b4d40;margin-top:24px;font-size:18px;color:#c8b898}.hero-codex-set h3{font:26px var(--f-title,Georgia);color:#d8adf4}.hero-codex-set b,.hero-codex-set span{display:block;margin-top:8px}.hero-codex-set b{color:#dcbd83;font-weight:400}.hero-codex-empty{padding-top:80px}.hero-codex-empty img{width:90px;height:90px}.hero-codex-noresults{grid-column:1/-1;text-align:center;align-self:center;color:#c4ae86}
.sp-portrait .hero-codex{padding:40px;overflow-y:auto}.sp-portrait .hero-codex-header{height:auto;gap:20px;padding-bottom:30px}.sp-portrait .hero-codex-header h1{font-size:50px}.sp-portrait .hero-codex-layout{position:relative;inset:auto;margin-top:35px;display:grid;grid-template-columns:1fr;gap:35px}.sp-portrait .hero-codex-sidebar{border:0;padding:0}.sp-portrait .hero-codex-profile{display:none}.sp-portrait .hero-codex-tabs{display:grid;grid-template-columns:1fr 1fr}.sp-portrait .hero-codex-tabs button{font-size:28px;min-height:90px}.sp-portrait .hero-codex-progress{display:none}.sp-portrait .hero-codex-grid{min-height:650px}.sp-portrait .hero-codex-entry b{font-size:28px}.sp-portrait .hero-codex-entry small{font-size:23px}.sp-portrait .hero-codex-entry em{font-size:20px}.sp-portrait .hero-codex .sp-wowbtn{--h:80px;font-size:28px}.sp-portrait .hero-codex-detail{overflow:visible}.sp-portrait .hero-codex-description{font-size:28px}