.champions-page{position:relative;isolation:isolate;min-height:100dvh;background:#090414;color:#f5f1ff}
.champions-page::before{content:'';position:fixed;inset:0;z-index:-1;pointer-events:none;background:linear-gradient(#09041430,#09041480),url('slup-login-background.png') center / cover no-repeat}
.champions-header{position:relative;z-index:20;min-height:62px;padding:0 4%;display:flex;justify-content:space-between;align-items:center;gap:24px;background:#0b0418;border-bottom:1px solid #6c269d70}
.champions-brand{display:flex;align-items:center;gap:20px}.champions-brand .slup-brand img{width:132px;height:53px}.champions-brand>span{color:#b7a4dc;font-size:13px;white-space:nowrap}
.champions-live{display:flex;align-items:center;gap:8px;font-size:13px;font-weight:750;background:#173114;padding:7px 11px;border-radius:5px;color:var(--accent);border-left:1px solid #754897}
.champions-live i{width:9px;height:9px;border-radius:50%;background:var(--accent);box-shadow:0 0 10px #a0fa0c70}
.champions-navigation{display:flex;align-items:center;gap:30px}.champions-live-link{font-size:14px;color:var(--text)}
.champions-navigation .community-nav{margin:0;gap:30px}.champions-navigation .community-menu{gap:28px}.champions-navigation .community-menu a{font-size:14px;padding:21px 0}
.champions-navigation .community-menu a[aria-current=page]::after{bottom:0}.champions-navigation .account-menu summary{background:transparent}
.champions-content{width:100%;max-width:1800px;margin:auto;padding:0}
.champions-arena{position:relative;min-height:444px;padding:34px 4% 0;isolation:isolate}
.champions-intro{position:absolute;top:34px;left:4%;max-width:47%}.champions-intro>p:first-child{font-family:ui-monospace,monospace;letter-spacing:.19em;font-size:13px;color:#c3abf1;margin:0 0 8px}
.champions-intro h1{font-size:clamp(40px,4.4vw,74px);font-weight:850;letter-spacing:-.055em;line-height:1.05;margin:0 0 8px;white-space:nowrap}
.champions-intro h1 span{color:var(--accent)}.champions-subtitle{font-size:18px;color:#cbbce7;line-height:1.4;max-width:330px}
.champions-period{position:absolute;right:4%;top:30px;display:flex;border:1px solid #623292;border-radius:7px;background:#0b041dc9;overflow:hidden}
.champions-period a{padding:9px 23px;min-width:118px;text-align:center;color:#c4b4e6;font-size:13px}
.champions-period a[aria-current=page]{color:var(--accent);background:#18201a;border-radius:6px;box-shadow:inset 0 0 0 1px var(--accent),0 0 14px #a0fa0c1c}
.champions-winners{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));align-items:end;max-width:1050px;margin:0 auto;padding-top:20px;min-height:390px}
.champion-winner{grid-row:1;min-width:0;text-align:center}.champion-winner.podium-rank-1{grid-column:2;z-index:2}.champion-winner.podium-rank-2{grid-column:1}.champion-winner.podium-rank-3{grid-column:3}
.champion-profile{position:relative;display:block;width:max-content;max-width:100%;margin:0 auto 12px;color:#f5f1ff;padding:0 10px}
.champion-profile img{width:88px;height:88px;display:block;margin:0 auto 7px;object-fit:cover;border:3px solid #ca39ff;border-radius:50%;box-shadow:0 0 12px #b909ff70;padding:3px;background:#160a28}
.podium-rank-1 .champion-profile img{width:112px;height:112px;border-width:4px}.podium-rank-3 .champion-profile img{width:100px;height:100px}
.champion-profile h2{font-size:19px;font-weight:750;margin:0 0 4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:230px}
.champion-profile p{font-size:17px;line-height:1.25;margin:0 0 4px;font-variant-numeric:tabular-nums}.champion-profile p>span{color:#ff4f94;font-size:23px;vertical-align:-1px;margin-right:4px;text-shadow:0 0 8px #ff168b60}
.champion-profile small{font-size:14px;color:#c1a8ef}.champion-profile:hover h2{color:var(--accent)}
.champion-crown{position:absolute;bottom:calc(100% - 2px);left:50%;transform:translateX(-50%) rotate(-8deg);font-size:49px;line-height:1;color:var(--accent);text-shadow:0 0 15px #a0fa0c80}
.champion-crown svg{display:block;width:1em;height:1em;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;filter:drop-shadow(0 0 6px #a0fa0c80)}
.champion-plinth{height:86px;position:relative;overflow:hidden;border:1px solid #9b32e8;border-radius:9px 9px 2px 2px;background:linear-gradient(100deg,#461075 0%,#210a3f 12%,#100720 60%,#36075e 98%);box-shadow:inset 0 6px 15px #ac40ff66,inset 3px 0 10px #9c38f78a,0 9px 16px #8800ff30;display:grid;place-items:center}
.podium-rank-1 .champion-plinth{height:160px}.champion-plinth strong{font-size:82px;line-height:1;font-weight:850;color:#571786;text-shadow:1px 1px 0 #973eda,-1px -1px 0 #bf63ff,0 4px 8px #0008}
.podium-rank-1 .champion-plinth strong{font-size:132px}
.champion-slime{position:absolute;inset:0 0 auto;height:7px;background:linear-gradient(#caff8c,#8afb00);box-shadow:0 0 9px #a0fa0c90;display:flex;justify-content:space-around;align-items:flex-start}
.champion-slime i{width:11px;height:22px;border-radius:0 0 9px 9px;background:linear-gradient(90deg,#68ba00,#abff13 55%,#64b000);box-shadow:inset 2px 0 2px #e0ffac66}
.champion-slime i:nth-child(3n){height:9px;width:22px}.champion-slime i:nth-child(4n+1){height:41px;width:15px}.champion-slime i:nth-child(5n){height:29px;width:9px}
.champions-legends{position:relative;padding:4px 4% 24px}.champions-legends>h2{font-size:25px;letter-spacing:-.025em;margin:0 0 10px}
.champions-table-wrap{overflow-x:auto;border:1px solid #593386;border-radius:6px;background:#11091dce}
.legends-table{width:100%;table-layout:fixed;border-collapse:collapse;text-align:left;font-size:13px}
.legends-table th{font-weight:500;letter-spacing:.05em;font-size:11px;text-transform:uppercase;color:#b69eda;padding:10px 15px}
.legends-table td{padding:3px 15px;border-top:1px solid #64378430;border-bottom:0;vertical-align:middle;color:#d2c2ee;font-variant-numeric:tabular-nums;max-width:none}
.legends-table th:first-child,.legends-table td:first-child{width:9%;text-align:center}.legends-table th:nth-child(2){width:25%}.legends-table th:nth-child(3){width:43%}.legends-table th:nth-child(4){width:11%}.legends-table th:last-child{width:12%}
.legends-table td:nth-child(2) a{display:flex;align-items:center;gap:22px;color:#f5efff;font-weight:650;min-width:0}.legends-table td:nth-child(2) a span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.legends-table img{flex:none;width:31px;height:31px;object-fit:cover;border-radius:50%;border:1px solid #b34df0}.champion-best-prompt{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.legends-table td:last-child{white-space:nowrap;color:#eee7fc}.champion-like{font-size:23px;color:var(--accent);vertical-align:-2px;margin-right:8px;text-shadow:0 0 6px #a0fa0c55}
.legends-table tbody tr:first-child{background:#43127455}.legends-table tbody tr:hover{background:#43127488}.legends-table a:hover{color:var(--accent)!important}
.champions-table-footer{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-top:12px}.champions-table-footer>p{font-size:13px;color:#bfa7e8}
.champions-table-footer nav{display:flex;gap:10px}.champions-table-footer nav>a,.page-disabled{display:flex;align-items:center;justify-content:center;gap:20px;min-width:110px;padding:8px 14px;border:1px solid #593386;border-radius:6px;font-size:17px;background:#0a0418;color:#cbbce7}
.champions-table-footer nav span{font-size:13px}.page-disabled{opacity:.4}.champions-table-footer nav .next-page{border-color:#a411ff;background:linear-gradient(#370366,#1b0435);color:#fff}
.champions-period-note{padding:0 4% 22px;color:#a993c6;font-size:12px}.champions-empty{padding:190px 0 70px;text-align:center}.champions-empty h2{font-size:28px;margin:0 0 12px}.champions-empty p{margin:0 0 20px;color:#bda5dc}
.champions-page :focus-visible{outline:2px solid var(--accent);outline-offset:3px}
@media(max-width:1200px){.champions-brand>span{display:none}.champions-header{gap:15px}.champions-navigation,.champions-navigation .community-nav{gap:20px}.champions-intro{max-width:44%}.champions-intro h1{font-size:clamp(34px,4vw,48px)}.champions-subtitle{font-size:16px;max-width:330px}.champions-winners{max-width:850px;padding-top:55px}.champions-arena{min-height:475px}.champions-period a{min-width:95px;padding:9px 13px}}
@media(max-width:900px){.champions-brand{gap:10px}.champions-live{display:none}.champions-navigation .community-nav{gap:16px}.champions-navigation .community-menu{gap:16px}.champions-header .slup-brand img{width:110px}.champions-navigation .account-menu summary>span:first-of-type{max-width:85px}.champions-intro{position:static;max-width:none}.champions-period{top:110px}.champions-intro h1{font-size:48px}.champions-subtitle{max-width:none}.champions-winners{padding-top:80px;min-height:0}.champions-arena{padding-bottom:26px}.champions-legends{padding-top:8px}}
@media(max-width:760px){
 .champions-header{flex-wrap:wrap;gap:0;padding:4px 20px 0}.champions-brand{height:48px}.champions-header .slup-brand img{height:45px}
 .champions-navigation{width:100%;gap:20px;min-width:0}.champions-navigation .community-nav{display:contents}.champions-navigation .community-menu{display:flex;grid-column:auto;border:0;padding:0;gap:20px}.champions-navigation .community-menu a{font-size:13px;padding:13px 0}.champions-live-link{font-size:13px}
 .champions-navigation .account-menu,.champions-navigation .account-links{position:absolute;top:10px;right:20px}.champions-navigation .account-menu summary{font-size:12px}.champions-navigation .account-menu img{display:none}.champions-navigation .account-links{font-size:11px;gap:9px}.champions-navigation .community-join{padding:7px 9px}
 .champions-arena{padding:28px 20px 22px}.champions-intro h1{font-size:clamp(34px,7vw,48px);white-space:normal}.champions-intro>p:first-child{font-size:10px}.champions-subtitle{font-size:14px;max-width:300px}
 .champions-period{position:static;width:max-content;margin:18px 0 0}.champions-period a{font-size:12px;padding:8px 14px}
 .champions-winners{padding-top:66px;margin:0 -6px}.champion-profile{padding:0 4px;margin-bottom:10px}.champion-profile img{width:60px;height:60px;border-width:2px;padding:2px}.podium-rank-1 .champion-profile img{width:76px;height:76px;border-width:3px}.podium-rank-3 .champion-profile img{width:65px;height:65px}
 .champion-profile h2{font-size:13px;max-width:110px}.champion-profile p{font-size:12px}.champion-profile p>span{font-size:15px;margin:0}.champion-profile small{font-size:11px}.champion-crown{font-size:38px}
 .champion-plinth{height:60px}.podium-rank-1 .champion-plinth{height:100px}.champion-plinth strong{font-size:53px}.podium-rank-1 .champion-plinth strong{font-size:84px}.champion-slime i{width:6px!important;height:13px}.champion-slime i:nth-child(4n+1){height:26px;width:8px!important}
 .champions-legends{padding:0 20px 24px}.champions-legends>h2{font-size:22px}.legends-table{min-width:720px}.legends-table td{padding:5px 10px}.legends-table td:nth-child(2) a{gap:10px}
 .champions-table-footer{flex-wrap:wrap;gap:12px}.champions-table-footer nav{margin-left:auto}.champions-table-footer nav>a,.page-disabled{min-width:88px;padding:8px 12px;gap:12px}
 .champions-empty{padding:50px 0}.champions-empty h2{font-size:24px}
}
@media(max-width:360px){.champions-header{padding-inline:14px}.champions-navigation,.champions-navigation .community-menu{gap:14px}.champions-navigation .community-menu a{font-size:12px}.champions-arena{padding-inline:14px}.champion-profile h2{max-width:87px;font-size:12px}.champion-profile small{font-size:10px}.champions-legends{padding-inline:14px}}

/* Podium slime grows from the rim, releases a drop, then draws back. */
.champion-slime i{position:relative;flex-shrink:0;background:none;box-shadow:none;--podium-speed:5.5s;--podium-delay:-1.2s}
.champion-slime i::after,.champion-slime i::before{content:"";position:absolute;pointer-events:none;background:linear-gradient(90deg,#68ba00,#abff13 55%,#64b000);box-shadow:inset 2px 0 2px #e0ffac66;animation-duration:var(--podium-speed);animation-delay:var(--podium-delay);animation-iteration-count:infinite}
.champion-slime i::after{inset:0;border-radius:0 0 999px 999px;transform-origin:50% 0;animation-name:slup-title-drip;animation-timing-function:cubic-bezier(.52,.04,.2,1)}
.champion-slime i::before{top:95%;left:0;width:100%;aspect-ratio:1;border-radius:50%;opacity:0;animation-name:slup-podium-drop;animation-timing-function:ease-in}
.champion-slime i:nth-child(2n){--podium-speed:6.4s;--podium-delay:-4.3s}
.champion-slime i:nth-child(3n){--podium-speed:5.7s;--podium-delay:-2.8s}
.champion-slime i:nth-child(4n){--podium-speed:7s;--podium-delay:-5.1s}
.champion-slime i:nth-child(5n){--podium-speed:6s;--podium-delay:-3.4s}
.podium-rank-2 .champion-slime i{--podium-delay:-2.1s}
.podium-rank-3 .champion-slime i{--podium-delay:-3.7s}
@keyframes slup-podium-drop{0%,72%{opacity:0;transform:translateY(0) scale(.35)}75%{opacity:1;transform:translateY(0) scale(.72)}90%{opacity:.8;transform:translateY(32px) scale(.82)}100%{opacity:0;transform:translateY(60px) scale(.45)}}
@media(prefers-reduced-motion:reduce){.champion-slime i::before{display:none}.champion-slime i::after{animation:none;transform:none}}