/* Match the existing League gold/navy chrome; ratings describe dodge assistance. */
.difficulty-stars{display:inline-flex;align-items:center;gap:3px;flex-shrink:0;vertical-align:middle}
.difficulty-stars svg{display:block;width:14px;height:14px;stroke-width:1.2;stroke-linejoin:round}
.difficulty-stars .filled{fill:#e6c477;stroke:#f5dda2}
.difficulty-stars .empty{fill:#102431;stroke:#64737c}
#menu .champion-portrait{display:block;position:relative;line-height:0!important}
#menu .champion-portrait>.difficulty-stars{position:absolute;bottom:1px;left:1px;right:1px;justify-content:center;gap:1px;padding:3px 1px;background:linear-gradient(transparent,#00101af5 25%);pointer-events:none}
#menu .champion-portrait .difficulty-stars svg{width:clamp(9px,calc(13 * var(--u)),15px);height:clamp(9px,calc(13 * var(--u)),15px)}
#menu .champion-panel{height:calc(166 * var(--u) + 22px)!important}
#menu .hero-info{bottom:calc(145 * var(--u) + 22px)!important}
#menu .champion-order{display:flex;justify-content:space-between;gap:10px;margin:0 3px 8px;color:#b7c6cd;font:600 10px/14px Spiegel,sans-serif;letter-spacing:1px;white-space:nowrap}
#menu .champion-order b{color:#c8aa6e;padding:0 6px}
#menu #champions{height:calc(100% - 22px)!important}
#menu .champion-difficulty{max-width:440px;margin:5px 0 15px;padding:9px 12px;border-left:2px solid #bda264;background:linear-gradient(90deg,#00101ad6,#00101a5c 80%,transparent);text-shadow:0 1px 3px #000}
.dodge-rating-heading{display:flex;align-items:center;flex-wrap:wrap;column-gap:10px;row-gap:5px}
.dodge-rating-heading>span:first-child{font:600 10px/1.3 Spiegel,sans-serif;letter-spacing:1.3px;color:#b5c6cd}
.dodge-rating-heading strong{font:500 15px/1 Beaufort,serif;color:#f0d59b}
#menu .champion-difficulty p{display:block;margin:6px 0 0;color:#e0e6e5;font:13px/1.4 Spiegel,sans-serif;text-transform:none;letter-spacing:0}
#modalCard .difficulty-explainer{color:#aebfc8;font:14px/1.5 Spiegel,sans-serif;margin:0 0 18px}
#modalCard .catalogue-champ .difficulty-stars{display:flex;justify-content:center;margin:5px 0 1px}
#modalCard .catalogue-champ .difficulty-stars svg{width:13px;height:13px}
@media(max-width:900px){
 #menu .hero-info{bottom:auto!important}
 #menu .champion-panel{height:160px!important}
 #menu .champion-difficulty{max-width:370px;margin-bottom:12px;padding:8px 10px}
}
@media(max-width:540px){
 #menu .champion-difficulty p{font-size:12px}
 #menu .champion-order{font-size:9px;letter-spacing:.7px}
 .dodge-rating-heading{column-gap:8px}
 .dodge-rating-heading>span:first-child{font-size:9px}
}