.community-champions{max-width:1240px;margin:0 auto;padding-top:6px}
.champions-intro{padding:25px 30px;background:linear-gradient(110deg,#192335dc,#131c2bd4);border:1px solid #2d3850;border-radius:12px}
.champions-intro h1{font-size:30px;margin:7px 0 9px;letter-spacing:-.7px}.champions-intro p{margin:0 0 10px;color:#c0cce0}.champions-intro small,.champions-note{color:#899bb6;font-size:12px;line-height:1.7}
.champions-filters{display:flex;align-items:end;gap:14px;margin:22px 0;padding:16px 18px;border:1px solid #2b354c;border-radius:10px;background:#141d2dde}.champions-filters label{display:flex;flex-direction:column;gap:7px;color:#8fa3c2;font-size:11px;font-weight:600;letter-spacing:.5px}.champions-filters select,.champions-filters input{font:inherit;font-size:13px;letter-spacing:0;color:#dce5f5;background:#1c2637;border:1px solid #354158;border-radius:6px;padding:10px 12px;min-width:0;width:100%;height:39px}.champions-filters select{max-width:260px}.champions-search{flex:1}.champions-summary{display:flex;justify-content:space-between;color:#90a2bd;font-size:12px;margin:0 3px 13px}
.champion-podium{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.champion-card{position:relative;display:block;min-width:0;padding:24px;border:1px solid #424766;border-radius:10px;background:linear-gradient(140deg,#30304dce,#151e30ed 75%);color:#e5ebf8;text-decoration:none;transition:border-color .2s,box-shadow .2s}.champion-card:hover{border-color:#9aafff;box-shadow:0 8px 30px #08102060}.champion-card:after{content:'';position:absolute;bottom:0;left:18px;right:18px;height:2px;border-radius:4px;background:#aaa0ec;box-shadow:0 0 13px #a290ff55}.champion-card.place-1{background:linear-gradient(140deg,#51473865,#192236ef 75%);border-color:#746448}.champion-card.place-1:after{background:#ddbe70}.champion-card.place-3{background:linear-gradient(140deg,#51344865,#182133ef 75%)}
.champion-place{color:#9aaac2;font-weight:700;font-variant-numeric:tabular-nums}.champion-card>.champion-place{position:absolute;right:22px;top:23px;font-size:28px;color:#b5b0dd}.place-1>.champion-place{color:#ead08b}.place-3>.champion-place{color:#d69da8}.champion-card-identity{display:flex;align-items:center;gap:14px;padding-right:35px}.champion-card-identity .portrait{width:58px;height:58px;border-radius:9px}.champion-card h2{font-size:21px;margin:0;overflow-wrap:anywhere}.champion-card-stats{display:grid;grid-template-columns:1fr 1fr;margin:26px 0 22px}.champion-card-stats>span+span{padding-left:18px;border-left:1px solid #8898b22e}.champion-card-stats strong{display:block;font-size:28px;letter-spacing:-.8px}.champion-card-stats small{display:block;margin-top:5px;color:#8fa1bc;font-size:11px}.champion-card-stats>span:first-child strong,.champion-win-rate{color:#9ed6dc}
.champion-regulars{border-top:1px solid #7d8aa328;padding-top:15px;display:flex;align-items:center;justify-content:space-between;gap:8px}.champion-regulars>span{font-size:10px;color:#8da0bc}.champion-regulars>div{display:flex;gap:5px}.champion-regular{position:relative;display:inline-flex}.champion-regular .portrait{width:27px;height:27px;border-radius:5px}.champion-regular [role=tooltip]{display:none;position:absolute;bottom:calc(100% + 8px);left:50%;transform:translateX(-50%);width:max-content;max-width:230px;padding:8px 10px;border:1px solid #586784;border-radius:6px;background:#101928;color:#e4edfa;font-size:12px;box-shadow:0 6px 18px #0008;z-index:2;pointer-events:none}.champion-regular:hover [role=tooltip],.champion-regular:focus [role=tooltip]{display:block}
.champion-ranking-row>.champion-row-regulars{border:0;padding:0;justify-content:flex-end;flex-direction:row;align-items:center;min-width:0;position:relative}.champion-row-regulars .champion-regular{position:static}.champion-row-regulars [role=tooltip]{left:auto;right:0;transform:none;max-width:min(260px,calc(100vw - 70px))}.champion-row-regulars>span{display:none}.champion-row-name>strong{overflow-wrap:anywhere}.champion-row-name>.portrait{flex-shrink:0}
.champion-rankings{margin-top:20px}.champion-ranking-head,.champion-ranking-row{display:grid;grid-template-columns:35px minmax(0,1fr) 100px 90px 180px;align-items:center;gap:16px;padding:13px 22px}.champion-ranking-head,.champion-player-head{font-size:11px;color:#91a3bf}.champion-ranking-row{margin-top:6px;border:1px solid #2f3b50;border-radius:7px;background:#1b2538cf;color:#dce5f5;text-decoration:none;transition:background .2s,border-color .2s}.champion-ranking-row:hover,.champion-player-row:hover{background:#29344acb;border-color:#637aab}.champion-row-name,.champion-player-name{display:flex;align-items:center;gap:12px;min-width:0}.champion-row-name .portrait{height:36px;width:36px;border-radius:6px}.champion-ranking-row>strong,.champion-ranking-head>span:nth-child(n+3){text-align:right;font-variant-numeric:tabular-nums}
.champion-detail{border:1px solid #35435d;border-radius:12px;background:#142035d9;overflow:hidden}.champion-detail>header{display:flex;align-items:center;gap:20px;padding:26px;background:linear-gradient(100deg,#7870bd28,transparent);border-bottom:1px solid #334059}.champion-detail>header .portrait{width:76px;height:76px;border-radius:10px}.champion-detail h2{font-size:28px;margin:5px 0}.champion-detail header p{font-size:13px;color:#9aacc6;margin:5px 0}.champion-player-head,.champion-player-row{display:grid;grid-template-columns:35px minmax(0,1fr) 90px 90px;gap:15px;align-items:center;padding:14px 24px}.champion-player-row{color:#e0e9f8;border-top:1px solid #2a3851;text-decoration:none;transition:background .2s}.champion-player-name .portrait{width:36px;height:36px;border-radius:6px}.champion-player-name>span{min-width:0}.champion-player-name strong{overflow-wrap:anywhere}.champion-player-name small{display:block;color:#8ea0b9;margin-top:3px}.champion-player-row>strong,.champion-player-head>span:nth-last-child(-n+2){text-align:right}.community-champions #community-results{scroll-margin-top:calc(var(--site-header-height,120px) + 18px)}.community-champions a:focus-visible,.community-champions input:focus-visible,.community-champions select:focus-visible,.champion-regular:focus-visible{outline:2px solid #aaa1f0;outline-offset:4px}.champions-note{margin:18px 3px}
@media(max-width:950px){.champion-podium{gap:10px}.champion-card{padding:18px 14px}.champion-card-identity{gap:10px}.champion-card-identity .portrait{width:43px;height:43px}.champion-card h2{font-size:17px}.champion-card>.champion-place{right:12px;font-size:23px}.champion-regulars{flex-direction:column;align-items:start}.champion-card-stats strong{font-size:23px}}
@media(max-width:650px){.champions-intro{padding:20px}.champions-filters{flex-wrap:wrap;padding:12px;gap:12px}.champions-search{order:3;flex-basis:100%}.champions-filters label:not(.champions-search){flex:1;min-width:0}.champion-podium{grid-template-columns:1fr}.champion-card{padding:20px}.champion-card-identity .portrait{width:48px;height:48px}.champion-card h2{font-size:21px}.champion-card-stats{margin:18px 0}.champion-regulars{flex-direction:row;align-items:center}.champion-ranking-head,.champion-ranking-row{grid-template-columns:20px minmax(0,1fr) 62px 42px;gap:8px;padding:12px 10px;font-size:12px}.champion-row-name{gap:8px}.champion-row-name .portrait{height:30px;width:30px}.champion-player-head,.champion-player-row{grid-template-columns:18px minmax(0,1fr) 40px 58px;gap:7px;padding:12px 10px;font-size:12px}.champion-player-name{gap:7px}.champion-player-name .portrait{width:28px;height:28px}.champion-detail>header{padding:18px;gap:12px}.champion-detail>header .portrait{width:54px;height:54px}.champion-detail h2{font-size:24px}}
@media(max-width:650px){.champion-regulars{position:relative}.champion-regular{position:static}.champion-regular [role=tooltip]{left:auto;right:0;transform:none;max-width:100%;overflow-wrap:anywhere}}
@media(prefers-reduced-motion:reduce){.champion-card,.champion-ranking-row,.champion-player-row{transition:none}}

@media(max-width:650px){.champion-regulars-heading{display:none}.champion-ranking-row>.champion-row-regulars{grid-column:2/-1;grid-row:2;justify-content:space-between}.champion-ranking-row>.champion-win-rate{grid-column:3;grid-row:1}.champion-ranking-row>.champion-row-games{grid-column:4;grid-row:1}.champion-row-regulars>span{display:block}.champion-row-regulars .portrait{width:24px;height:24px}.champion-row-regulars>div{gap:4px}}

.champion-ranking-row.low-sample{filter:grayscale(1);opacity:.48}.champion-ranking-row.low-sample:hover,.champion-ranking-row.low-sample:focus-visible,.champion-ranking-row.low-sample:focus-within{opacity:.78}