/* Hall of Fame spotlights the current first-place character of each competitive ranking. */
.nr-fame{--hof-accent:var(--nr-cyan,var(--theme-color-58c8ffff,#58c8ff));--hof-accent-line:var(--theme-color-58c8ff4d,rgba(88,200,255,.3));display:flex;flex-direction:column;gap:22px;min-width:0}.nr-fame .hof-hero{min-height:225px;padding:34px 38px;border-color:var(--hof-accent-line);background:linear-gradient(90deg,var(--theme-color-030a13fa,rgba(3,10,19,.98)),var(--theme-color-04111fde,rgba(4,17,31,.87)) 55%,var(--theme-color-030b156b,rgba(3,11,21,.42))),url('../../img/zenda-rankings-hero-v2.webp') 68% center/cover no-repeat}
.nr-fame .hof-eyebrow{display:inline-flex;align-items:center;gap:8px;color:var(--hof-accent);font-size:10px;font-weight:900;letter-spacing:.15em}.hof-hero h1{font-size:36px!important;margin:12px 0!important}.hof-hero p{max-width:580px;line-height:1.7}.nr-fame .hof-hero-note{display:block;margin-top:12px;color:var(--theme-color-8ea8bcff,#8ea8bc);font-size:10px;letter-spacing:0;font-weight:400}.hof-hero-crest{display:flex;flex-shrink:0;flex-direction:column;align-items:center;justify-content:center;gap:9px;width:110px;height:120px;margin-left:24px!important;border:1px solid var(--theme-color-58c8ff42,rgba(88,200,255,.26));border-radius:50% 50% 40% 40%;background:radial-gradient(circle at 50% 20%,var(--theme-color-58c8ff1a,rgba(88,200,255,.1)),transparent 70%);box-shadow:0 0 35px var(--theme-color-58c8ffd,rgba(88,200,255,.05)),inset 0 0 30px var(--theme-color-58c8ffa,rgba(88,200,255,.04))}.hof-hero-crest i{color:var(--hof-accent);font-size:40px;filter:drop-shadow(0 0 14px var(--theme-color-58c8ff33,rgba(88,200,255,.2)))}.nr-fame .hof-hero-crest span{color:var(--hof-accent);font:800 19px var(--font-display,"Sora",sans-serif);letter-spacing:.1em}
.hof-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.hof-stats>div{display:grid;grid-template-columns:36px auto 1fr;align-items:center;gap:11px;padding:15px 18px;border:1px solid var(--nr-line);border-radius:8px;background:linear-gradient(150deg,var(--theme-color-0b1b2cff,#0b1b2c),var(--theme-color-06101bff,#06101b))}.hof-stats i{display:grid;place-items:center;width:36px;height:36px;border-radius:7px;background:var(--theme-color-58c8ff12,rgba(88,200,255,.07));color:var(--hof-accent);font-size:16px}.hof-stats strong{color:var(--theme-color-eef8ffff,#eef8ff);font:800 23px var(--font-mono,monospace)}.hof-stats span{color:var(--theme-color-abc0d2ff,#abc0d2);font-size:10px;line-height:1.4}
.hof-section-heading{display:flex;align-items:center;justify-content:space-between;gap:14px;margin:5px 0 17px}.hof-section-heading h2{margin:0;color:var(--theme-color-eaf6ffff,#eaf6ff);font:800 15px var(--font-display,"Sora",sans-serif)}.hof-section-heading>span{color:var(--theme-color-89a5baff,#89a5ba);font-size:9px}.hof-section-heading>span>i{color:var(--hof-accent);margin-right:5px}
.hof-podium{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:17px;align-items:start;padding-top:15px}.hof-podium-1{grid-template-columns:minmax(0,400px);justify-content:center}.hof-podium-2{grid-template-columns:repeat(2,minmax(0,1fr));max-width:800px;margin:0 auto}.nr-fame .hof-champion{display:flex;flex-direction:column;min-width:0;overflow:hidden;border:1px solid var(--nr-line);border-radius:11px;background:linear-gradient(165deg,var(--theme-color-0b2034ff,#0b2034),var(--theme-color-06111eff,#06111e));box-shadow:0 16px 35px var(--theme-color-0000003d,rgba(0,0,0,.24));transition:transform .18s ease,border-color .18s ease}.nr-fame .hof-champion:hover{transform:translateY(-3px);border-color:var(--theme-color-53c2ff66,rgba(83,194,255,.4))}.nr-fame .hof-spotlight{border-color:var(--hof-accent-line)}.nr-fame .hof-spotlight:hover{border-color:var(--theme-color-58c8ff99,rgba(88,200,255,.6))}.nr-fame .hof-featured{transform:translateY(-12px);border-color:var(--theme-color-58c8ff80,rgba(88,200,255,.5));box-shadow:0 18px 42px var(--theme-color-0000004d,rgba(0,0,0,.3)),0 0 28px var(--theme-color-58c8ffa,rgba(88,200,255,.04))}.nr-fame .hof-featured:hover{transform:translateY(-15px)}
.hof-champion-category{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:13px 15px;border-bottom:1px solid var(--nr-line);background:var(--theme-color-01070d33,rgba(1,7,13,.2))}.hof-champion-category>span:first-child{display:flex;align-items:center;gap:7px;min-width:0;overflow-wrap:anywhere;color:var(--theme-color-b8d8eeff,#b8d8ee);font-size:10px;font-weight:800}.hof-champion-category>span>i{color:var(--hof-accent);font-size:11px}.hof-first{display:inline-grid;place-items:center;flex-shrink:0;min-width:30px;height:25px;border:1px solid var(--hof-accent-line);border-radius:5px;background:var(--theme-color-58c8ff12,rgba(88,200,255,.07));color:var(--hof-accent);font:800 10px var(--font-mono,monospace)}
.nr-fame .hof-champion-art{position:relative;min-height:195px;background:radial-gradient(ellipse at 50% 40%,var(--theme-color-168cff33,rgba(22,140,255,.2)),transparent 66%),var(--theme-color-040d17ff,#040d17)}.nr-fame .hof-spotlight .hof-champion-art{min-height:220px;background:radial-gradient(ellipse at 50% 35%,var(--theme-color-58c8ff29,rgba(88,200,255,.16)),transparent 67%),var(--theme-color-040d17ff,#040d17)}.nr-fame .hof-champion-art:after{background:linear-gradient(180deg,transparent 55%,var(--theme-color-091b2cff,#091b2c) 100%)}.nr-fame .hof-champion-art .nr-champion-avatar{width:100%;height:100%;inset:0;object-fit:cover;object-position:center 20%;opacity:.92}.hof-crown{display:grid;place-items:center;position:absolute;z-index:2;top:12px;right:12px;width:36px;height:36px;border:1px solid var(--hof-accent-line);border-radius:50%;background:var(--theme-color-050c14bf,rgba(5,12,20,.75));color:var(--hof-accent);font-size:15px;box-shadow:0 0 18px var(--theme-color-58c8ff14,rgba(88,200,255,.08))}
.nr-fame .hof-champion-body{position:relative;z-index:1;display:flex;align-items:center;flex:1;padding:5px 18px 18px;text-align:center}.nr-fame .hof-champion-label{color:var(--hof-accent);font-size:8px;font-weight:900;letter-spacing:.12em;text-transform:uppercase}.nr-fame .hof-champion-body h2{margin:9px 0 5px;max-width:100%;overflow-wrap:anywhere;font:800 21px var(--font-display,"Sora",sans-serif)}.nr-fame .hof-spotlight .hof-champion-body h2{font-size:24px}.nr-fame .hof-champion-body h2 a{color:var(--theme-color-f4f9ffff,#f4f9ff)}.nr-fame .hof-class{margin:0;color:var(--theme-color-9bb2c5ff,#9bb2c5);font-size:10px}.nr-fame .nr-champion-guild{display:inline-flex;justify-content:center;align-items:center;max-width:100%;margin-top:12px;color:var(--theme-color-a9c5d9ff,#a9c5d9);font-size:10px;overflow-wrap:anywhere}.nr-fame .nr-champion-guild img{width:25px!important;height:25px!important;image-rendering:pixelated}.nr-fame .hof-ranking-link{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;margin-top:16px;padding:11px 8px;border:1px solid var(--nr-line);border-radius:6px;background:var(--theme-color-168cffd,rgba(22,140,255,.05));color:var(--nr-cyan);font-size:9px;font-weight:800;text-transform:uppercase}.nr-fame .hof-ranking-link:hover{border-color:var(--theme-color-53c2ff66,rgba(83,194,255,.4));background:var(--theme-color-168cff1f,rgba(22,140,255,.12));text-decoration:none}.nr-fame .hof-spotlight .hof-ranking-link{border-color:var(--hof-accent-line);background:var(--theme-color-58c8ffa,rgba(88,200,255,.04));color:var(--hof-accent)}.nr-fame .hof-champion a:focus-visible{outline:2px solid var(--nr-cyan);outline-offset:4px}
.nr-fame .hof-roster{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.hof-roster .hof-champion-art{min-height:170px}.hof-roster .hof-champion-body h2{font-size:19px}
@media(min-width:900px){.hof-podium-3 .hof-featured{order:2}.hof-podium-3 .hof-champion:nth-child(2){order:1}.hof-podium-3 .hof-champion:nth-child(3){order:3}}
@media(max-width:1050px){.hof-stats>div{grid-template-columns:32px 1fr;gap:7px 10px}.hof-stats>div>i{grid-row:1/3}.hof-stats>div>span{grid-column:2}.hof-podium{gap:12px}.nr-fame .hof-spotlight .hof-champion-art{min-height:185px}.nr-fame .hof-spotlight .hof-champion-body h2{font-size:20px}.nr-fame .hof-roster{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:760px){.nr-fame .hof-hero{padding:27px 24px;min-height:200px}.hof-hero h1{font-size:29px!important}.hof-hero-crest{display:none}.hof-podium{grid-template-columns:1fr;max-width:470px;margin:0 auto;padding-top:0}.nr-fame .hof-featured,.nr-fame .hof-featured:hover{transform:none}.nr-fame .hof-spotlight .hof-champion-art{min-height:240px}.hof-stats{gap:8px}.hof-stats>div{padding:12px;grid-template-columns:1fr;text-align:center}.hof-stats>div>i{grid-row:auto;margin:0 auto}.hof-stats>div>span{grid-column:1}.hof-stats strong{font-size:20px}.hof-stats span{font-size:9px}.hof-section-heading{flex-wrap:wrap}.hof-section-heading h2{font-size:14px}}
@media(max-width:520px){.nr-fame .hof-roster{grid-template-columns:1fr}.nr-fame .hof-hero{padding:24px 20px}.hof-hero h1{font-size:25px!important}.nr-fame .hof-spotlight .hof-champion-art{min-height:220px}.hof-stats>div{padding:11px 7px}.hof-stats span{font-size:8px}.hof-roster .hof-champion-art{min-height:210px}}
@media(prefers-reduced-motion:reduce){.nr-fame .hof-champion{transition:none}.nr-fame .hof-featured,.nr-fame .hof-champion:hover,.nr-fame .hof-featured:hover{transform:none}}

/* Keep character portraits compact and let the champion details lead each card. */
.nr-fame .hof-champion{display:grid;grid-template-columns:76px minmax(0,1fr);grid-template-rows:auto minmax(0,1fr);align-items:stretch}
.nr-fame .hof-champion-category{grid-column:1/-1;grid-row:1}
.nr-fame .hof-champion-art{grid-column:1;grid-row:2;align-self:start;width:56px;height:56px;min-height:0!important;margin:14px 0 14px 14px;overflow:hidden;border:1px solid var(--theme-color-86b4d238,rgba(134,180,210,.22));border-radius:9px;background:radial-gradient(circle at 50% 30%,var(--theme-color-168cff38,rgba(22,140,255,.22)),transparent 70%),var(--theme-color-040d17ff,#040d17);box-shadow:0 5px 14px var(--theme-color-0000003d,rgba(0,0,0,.24))}
.nr-fame .hof-spotlight .hof-champion-art{min-height:0!important;border-color:var(--hof-accent-line);background:radial-gradient(circle at 50% 30%,var(--theme-color-58c8ff24,rgba(88,200,255,.14)),transparent 70%),var(--theme-color-040d17ff,#040d17)}
.nr-fame .hof-champion-art:after{background:none}
.nr-fame .hof-champion-art .nr-champion-avatar{width:100%;height:100%;inset:0;object-fit:cover;object-position:center 15%;opacity:1}
.nr-fame .hof-crown{top:4px;right:4px;width:19px;height:19px;border-radius:6px;background:var(--theme-color-050c14d1,rgba(5,12,20,.82));font-size:9px;box-shadow:0 2px 8px var(--theme-color-0000004d,rgba(0,0,0,.3))}
.nr-fame .hof-champion-body{grid-column:2;grid-row:2;min-width:0;justify-content:center;align-items:flex-start;padding:11px 14px 13px 9px;text-align:left}
.nr-fame .hof-champion-label{font-size:7px;letter-spacing:.1em}
.nr-fame .hof-champion-body h2{margin:5px 0 2px;font-size:17px;line-height:1.2}
.nr-fame .hof-spotlight .hof-champion-body h2{font-size:19px}
.nr-fame .hof-champion-body .hof-class{font-size:9px}
.nr-fame .nr-champion-guild{justify-content:flex-start;margin-top:7px;font-size:9px}
.nr-fame .nr-champion-guild img{width:20px!important;height:20px!important}
.nr-fame .hof-ranking-link{width:auto;align-self:flex-start;justify-content:flex-start;margin-top:10px;padding:8px 10px;font-size:8px}
.nr-fame .hof-roster .hof-champion-art{min-height:0!important}
.nr-fame .hof-roster .hof-champion-body h2{font-size:16px}
@media(max-width:760px){.nr-fame .hof-champion{grid-template-columns:72px minmax(0,1fr)}.nr-fame .hof-champion-art{margin:13px 0 13px 12px}}
@media(max-width:520px){.nr-fame .hof-champion{grid-template-columns:68px minmax(0,1fr)}.nr-fame .hof-champion-art{width:52px;height:52px;margin:13px 0 13px 10px}.nr-fame .hof-champion-body{padding-right:11px}.nr-fame .hof-champion-body h2{font-size:16px}.nr-fame .hof-spotlight .hof-champion-body h2{font-size:18px}}

/* Filter the artwork separately so text, overlays and crest use palette colors directly. */
.nr-fame .hof-hero{background:var(--theme-color-030a13ff,#030a13)}
.nr-fame .hof-hero:before{content:"";position:absolute;inset:0;z-index:0;pointer-events:none;background:url('../../img/zenda-rankings-hero-v2.webp') 68% center/cover no-repeat;filter:var(--theme-logo-filter,none)}
.nr-fame .hof-hero-crest{border-color:var(--theme-color-58c8ff8c,rgba(88,200,255,.55));background:radial-gradient(circle at 50% 20%,var(--theme-color-58c8ff4d,rgba(88,200,255,.3)),var(--theme-color-04111dc7,rgba(4,17,29,.78)) 74%);box-shadow:0 0 0 4px var(--theme-color-58c8ff12,rgba(88,200,255,.07)),0 0 38px var(--theme-color-58c8ff40,rgba(88,200,255,.25)),inset 0 0 30px var(--theme-color-58c8ff24,rgba(88,200,255,.14));backdrop-filter:blur(2px)}
