/* Hero Market filter bar — style A "Hall of Heroes": class portrait cards + stat tiles (tiles: hero-sliders.css). */
.hero-market .hero-cls[data-i]{--x:calc(var(--i) * 100% / 6)}
.hero-market .hero-cls[data-i="0"]{--i:0}.hero-market .hero-cls[data-i="1"]{--i:1}.hero-market .hero-cls[data-i="2"]{--i:2}.hero-market .hero-cls[data-i="3"]{--i:3}
.hero-market .hero-cls[data-i="4"]{--i:4}.hero-market .hero-cls[data-i="5"]{--i:5}.hero-market .hero-cls[data-i="6"]{--i:6}

/* =============== A — HALL OF HEROES: portrait cards + stat tiles =============== */
.hm-A .hero-filters{padding:0!important;border:0!important;background:none!important}
.hm-A .hero-classes{display:grid!important;grid-template-columns:repeat(8,minmax(0,1fr));gap:12px!important;padding:0!important;border:0!important;background:none!important;margin-bottom:18px!important}
.hm-A .hero-cls{position:relative;height:190px!important;flex-direction:column;justify-content:flex-end!important;padding:0 0 14px!important;border-radius:16px!important;overflow:hidden;border:1px solid #ffffff17!important;
 background:radial-gradient(ellipse at 50% 35%,#1a2636,#0a1018)!important;color:#c9d2dd!important;font:900 12px BlitzDisplay,'Segoe UI',sans-serif!important;letter-spacing:.06em;text-transform:uppercase;transition:transform .25s,border-color .25s,box-shadow .25s,color .25s!important}
.hm-A .hero-cls[data-i]:before{content:'';position:absolute;inset:0 0 18px;background:url(/assets/blitz-professions-atlas.png) var(--x) 100%/700% 300% no-repeat;filter:saturate(.75) brightness(.8);transition:filter .3s,transform .4s}
.hm-A .hero-cls:not([data-i]){justify-content:center!important;padding:0!important;font:900 30px BlitzDisplay,'Segoe UI',sans-serif!important;letter-spacing:.08em;
 background:radial-gradient(circle at 50% 42%,#dca13d30,transparent 58%),repeating-linear-gradient(45deg,#ffffff05 0 10px,transparent 10px 20px),radial-gradient(ellipse at 50% 35%,#1a2636,#0a1018)!important}
.hm-A .hero-cls:not([data-i]):before{content:'◆';position:absolute;left:0;right:0;top:34px;text-align:center;font:22px 'Segoe UI Symbol',sans-serif;color:#ffd36b;text-shadow:0 0 16px #ffc94d,0 0 30px #58b4ff}
.hm-A .hero-cls:not([data-i]):after{content:'EVERY CLASS';position:absolute;inset:auto 0 16px 0;text-align:center;font:800 10px BlitzSans,'Segoe UI',sans-serif;letter-spacing:.3em;color:#8f9cad;background:none}
.hm-A .hero-cls:after{content:'';position:absolute;inset:0;background:linear-gradient(transparent 45%,#05080df0 88%);pointer-events:none}
.hm-A .hero-cls img{display:none}
.hm-A .hero-cls span,.hm-A .hero-cls{z-index:1}
.hm-A .hero-cls span{position:relative;z-index:2}
.hm-A .hero-cls:not([data-i]){font-size:15px}
.hm-A .hero-cls:not([data-i]){color:#fff!important}
.hm-A .hero-cls:hover{transform:translateY(-4px);border-color:#ffffff40!important;color:#fff!important}
.hm-A .hero-cls:hover:before{filter:saturate(1) brightness(1);transform:scale(1.05)}
.hm-A .hero-cls.active{border-color:#dca13d!important;color:#ffe39c!important;box-shadow:0 0 0 1px #dca13d,0 10px 30px #dca13d33,inset 0 -40px 50px -30px #dca13d55!important;background:radial-gradient(ellipse at 50% 35%,#2a2415,#0a1018)!important}
.hm-A .hero-cls.active:before{filter:saturate(1.1) brightness(1.08)}
.hm-A .hero-sliders{display:grid!important;grid-template-columns:repeat(4,1fr);gap:12px!important}
.hm-A .hero-slider{position:relative;padding:16px 18px 14px;border-radius:14px;border:1px solid #ffffff17;background:linear-gradient(160deg,#101826,#0a1018)}
.hm-A .hero-slider>b{text-align:left!important;font:800 11px BlitzSans,'Segoe UI',sans-serif!important;letter-spacing:.2em;color:#8f9cad!important;text-transform:uppercase;margin-bottom:34px!important}
.hm-A .hero-vals{position:absolute;top:30px;left:18px;right:18px;display:flex;justify-content:flex-start!important;gap:8px;margin:0!important;font:900 20px BlitzDisplay,'Segoe UI',sans-serif!important;color:#fff!important}
.hm-A .hero-vals span+span:before{content:'— ';color:#dca13d}
.hm-A .hero-toolbar{margin-top:18px}




.hm-A .hero-cls:not([data-i]),.hm-A .hero-cls.active:not([data-i]){color:#ffe39c!important;-webkit-text-fill-color:#ffe39c;text-shadow:0 0 18px #dca13d88;opacity:1!important;filter:none!important}

@media(max-width:1100px){.hm-A .hero-classes{grid-template-columns:repeat(4,1fr)}.hm-A .hero-sliders{grid-template-columns:repeat(2,1fr)}}
@media(max-width:560px){.hm-A .hero-toolbar{flex-wrap:wrap;gap:10px}.hm-A .hero-toggle{order:3;margin:0 auto}.hm-A .hero-sort{min-width:0!important;width:auto;margin-left:auto}.hm-A .hero-classes{grid-template-columns:repeat(2,1fr)}.hm-A .hero-cls{height:150px!important}.hm-A .hero-sliders{grid-template-columns:1fr}}