.ranked-screen{max-width:1180px}.season-hero{position:relative;overflow:hidden;display:grid;grid-template-columns:1fr 240px 150px;align-items:center;gap:20px;min-height:220px;padding:25px 32px;border-radius:30px;background:radial-gradient(circle at 65% 50%,color-mix(in srgb,var(--league),transparent 62%),transparent 24%),linear-gradient(120deg,#101638,#30235f 65%,#111638);color:#fff;box-shadow:0 10px 0 #0a0f2c}.season-hero:after{content:'';position:absolute;inset:0;background:linear-gradient(100deg,transparent 55%,#ffffff08);pointer-events:none}.season-copy{position:relative;z-index:2}.season-copy h1{margin:4px 0;font:900 clamp(38px,5vw,65px)/.88 'Baloo 2';color:var(--league);text-transform:uppercase}.season-copy p{color:#b9c0e0}.season-countdown{overflow:hidden;width:min(430px,90%);height:8px;border-radius:5px;background:#ffffff18}.season-countdown i{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--league),#b7ff45)}.league-emblem{position:relative;z-index:2;display:grid;place-items:center;align-content:center;height:180px}.league-emblem>span{position:relative;z-index:2;display:grid;place-items:center;width:105px;height:105px;border:5px solid var(--league);border-radius:50%;background:#111638;color:var(--league);font:900 45px 'Baloo 2';box-shadow:0 0 35px color-mix(in srgb,var(--league),transparent 45%),inset 0 0 20px #ffffff12}.league-emblem>b{position:relative;z-index:2;margin-top:8px;font-size:12px;text-transform:uppercase}.emblem-rays{position:absolute;width:190px;height:190px;background:repeating-conic-gradient(color-mix(in srgb,var(--league),transparent 78%) 0 7deg,transparent 7deg 16deg);animation:rankSpin 18s linear infinite}.season-standing{position:relative;z-index:2;display:grid;text-align:center;padding:15px;border:1px solid #ffffff22;border-radius:19px;background:#090e2b99}.season-standing small,.season-standing span{font-size:8px;color:#aeb6d8}.season-standing strong{font:900 42px 'Baloo 2';color:#b7ff45}@keyframes rankSpin{to{transform:rotate(360deg)}}
.rank-summary{display:grid;grid-template-columns:repeat(4,1fr);gap:11px;margin:18px 0}.rank-summary>div{display:flex;align-items:center;justify-content:space-between;padding:12px 15px;border:1px solid #dfe3ef;border-radius:15px;background:#fff;box-shadow:0 5px 0 #d2d7e5}.rank-summary small{font-size:8px;font-weight:1000;color:#8790aa}.rank-summary b{font:900 18px 'Baloo 2'}.league-progress{padding:17px 20px}.league-title{display:flex;align-items:center;gap:12px}.league-title h2{margin:0}.league-title small{font-size:8px;color:#828ba5}.league-mini{display:grid;place-items:center;width:48px;height:48px;border:4px solid var(--c);border-radius:50%;color:var(--c);font-weight:1000}.next-league{display:grid;margin-left:auto;text-align:right}.next-league b{font-size:11px}.league-track{position:relative;height:17px;margin-top:14px;border-radius:10px;background:#e5e8f1}.league-track i{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#30cad0,#8de719)}.league-track span{position:absolute;top:-4px;left:calc(var(--p,0)*1%);display:none}.league-progress>p{margin:7px 0 0;color:#747e9c;font-size:9px}
.milestone-section{margin:25px 0}.milestone-rail{position:relative;display:grid;grid-template-columns:repeat(6,1fr);gap:8px;padding-top:20px}.rail-line{position:absolute;left:7%;right:7%;top:39px;height:8px;border-radius:5px;background:#dfe3ec}.rail-line i{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#2ccbd0,#8ee719)}.season-milestone{position:relative;z-index:1;display:grid;justify-items:center;text-align:center;padding:0 5px 12px;border-radius:16px;color:#8b93a8}.milestone-node{display:grid;place-items:center;width:45px;height:45px;margin-bottom:7px;border:5px solid #eef0f6;border-radius:50%;background:#b8bfce;color:#fff;box-shadow:0 3px 0 #8991a3}.season-milestone.unlocked .milestone-node{background:#8ce718;color:#1d3600;box-shadow:0 3px 0 #559f00,0 0 18px #8ce71855}.season-milestone.claimed .milestone-node{background:#252d53;color:#b7ff45;box-shadow:0 3px 0 #111638}.season-milestone small{font-size:8px;font-weight:1000}.season-milestone h3{min-height:31px;margin:4px 0;font-size:11px}.season-milestone strong{min-height:22px;font-size:8px}.season-milestone button{width:100%;margin-top:6px;padding:7px 5px;font-size:8px}
.ranked-grid{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(300px,.75fr);gap:16px}.leaderboard,.season-profile{padding:17px}.leaderboard-head{display:flex;align-items:center;justify-content:space-between}.leaderboard-head h2{margin:2px 0}.leaderboard-head>span{font-size:8px;font-weight:1000;color:#8590a9}.leader-row{display:grid;grid-template-columns:38px 35px 1fr auto;align-items:center;gap:9px;padding:8px 10px;border-top:1px solid #e8ebf2}.leader-row.you{border:2px solid #9ae839;border-radius:13px;background:#efffdd}.leader-row>b{text-align:center;font-size:12px}.leader-row .avatar{width:31px;height:31px}.leader-row>div{display:grid}.leader-row strong{font-size:11px}.leader-row small{font-size:7px;color:#8590a8}.leader-row em{font-size:10px;font-style:normal;font-weight:1000}.leader-separator{padding:7px;text-align:center;color:#8a93aa;font-size:7px;font-weight:1000;letter-spacing:1px}.season-profile{text-align:center}.profile-emblem{display:grid;place-items:center;width:84px;height:84px;margin:13px auto 7px;border:5px solid var(--c);border-radius:50%;color:var(--c);font:900 35px 'Baloo 2';box-shadow:0 0 24px color-mix(in srgb,var(--c),transparent 55%)}.season-profile h2{margin:4px}.season-profile>code{font-size:8px;color:#7e87a1}.season-record{display:grid;grid-template-columns:repeat(3,1fr);gap:5px;margin:13px 0}.season-record span{display:grid;padding:8px;border-radius:11px;background:#edf0f7;font-size:7px}.season-record b{font-size:15px}.season-profile .activity-list{text-align:left}
@media(max-width:900px){.season-hero{grid-template-columns:1fr 170px}.season-standing{display:none}.rank-summary{grid-template-columns:repeat(2,1fr)}.milestone-rail{overflow-x:auto;grid-template-columns:repeat(6,130px)}.ranked-grid{grid-template-columns:1fr}.league-emblem{height:150px}.league-emblem>span{width:85px;height:85px}}

.rank-icon,.rank-emblem-image{display:block;width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 5px 7px #05082066)}
.league-emblem>span,.league-mini,.profile-emblem{overflow:visible;border:0;background:transparent;box-shadow:none}
.league-emblem>span{width:112px;height:112px}.league-mini{width:52px;height:52px}.profile-emblem{width:92px;height:92px}
.rank-path{position:relative;display:grid;grid-template-columns:repeat(7,minmax(110px,1fr));gap:9px;margin-top:17px;padding:18px;overflow-x:auto}
.rank-path:before{content:'';position:absolute;left:6%;right:6%;top:61px;height:7px;border-radius:7px;background:#dfe3ec}
.rank-path-node{position:relative;z-index:1;display:grid;justify-items:center;gap:3px;min-width:105px;padding:4px 7px 10px;color:#929aaf;text-align:center}
.rank-path-node img{width:72px;height:72px;filter:grayscale(1) opacity(.48)}.rank-path-node b{font-size:10px}.rank-path-node small{font-size:8px}
.rank-path-node.reached{color:#252d4f}.rank-path-node.reached img{filter:drop-shadow(0 5px 8px color-mix(in srgb,var(--rank),transparent 55%))}.rank-path-node.current{border-radius:15px;background:color-mix(in srgb,var(--rank),white 80%);box-shadow:inset 0 0 0 2px var(--rank)}
.leader-rank-icon{width:35px;height:35px;object-fit:contain}.rank-history-row,.season-history-row{display:flex;align-items:center;gap:9px;padding:9px 4px;border-top:1px solid #e7eaf2;text-align:left}.rank-history-row>i{font-style:normal;font-weight:1000}.rank-history-row.won>i{color:#62bf10}.rank-history-row.lost>i{color:#ef426f}.rank-history-row>span,.season-history-row>span{display:grid;flex:1}.rank-history-row small,.season-history-row small{font-size:7px;color:#8790aa}.rank-history-row>em{font-size:8px;font-style:normal;font-weight:900}.season-history-row strong{font-size:8px}.season-history-row button{padding:6px 8px;font-size:7px}
.ranked-result{display:flex;align-items:center;justify-content:center;gap:13px;margin:12px auto;padding:12px 17px;border-radius:17px;background:#111638;color:#fff}.ranked-result>img{width:72px;height:72px}.ranked-result>div{display:grid;text-align:left}.ranked-result b{font:900 27px 'Baloo 2';color:#b7ff45}.ranked-result strong{font-size:15px}.ranked-result small{font-size:9px;color:#b9c0e0}.rank-celebration{margin:8px -10px;padding:9px;border:2px solid #b7ff45;border-radius:15px;background:#efffd7;animation:rankCelebration .8s cubic-bezier(.2,1.6,.4,1)}.rank-celebration span{display:block;font-size:9px;font-weight:1000;color:#4b8610;letter-spacing:2px}.rank-celebration b{font:900 24px 'Baloo 2';color:#4c279b}@keyframes rankCelebration{0%{opacity:0;transform:scale(.55) rotate(-5deg)}55%{transform:scale(1.08) rotate(2deg)}100%{opacity:1;transform:none}}
@media(max-width:650px){.rank-path{grid-template-columns:repeat(7,105px);padding:14px 10px}.rank-path-node img{width:62px;height:62px}.league-title{align-items:flex-start;flex-wrap:wrap}.next-league{width:100%;margin-left:64px;text-align:left}.ranked-result>img{width:58px;height:58px}}

.matchmaking-layer{position:fixed;z-index:1200;inset:0;display:grid;place-items:center;padding:18px;background:radial-gradient(circle at 50% 35%,#6c32df66,transparent 32%),#090d28f2;backdrop-filter:blur(13px)}
.matchmaking-card{position:relative;display:grid;justify-items:center;width:min(430px,100%);padding:24px 27px 21px;overflow:hidden;border:2px solid #ffffff2b;border-radius:29px;background:linear-gradient(155deg,#172050,#0e1335 70%);color:#fff;text-align:center;box-shadow:0 12px 0 #05081d,0 0 70px #6d38df55}.matchmaking-card:before{content:'';position:absolute;inset:-100%;background:conic-gradient(transparent,#70f2ff18,transparent 28%);animation:matchmakingSweep 3.2s linear infinite}.matchmaking-card>*{position:relative;z-index:1}.matchmaking-card h2{margin:5px 0 3px;font:900 clamp(25px,6vw,39px)/.95 'Baloo 2';color:#c9ff43}.matchmaking-card p{max-width:340px;margin:4px 0 13px;color:#c5cbed;font-size:10px}.matchmaking-card>small{max-width:350px;margin:10px 0;color:#98a3cb;font-size:8px}.matchmaking-scan{position:relative;display:grid;place-items:center;width:150px;height:135px}.matchmaking-scan>i,.matchmaking-radar{position:absolute;width:112px;height:112px;border:2px solid #6eefff55;border-radius:50%;box-shadow:0 0 22px #61efff40}.matchmaking-scan>i{animation:matchmakingPulse 1.5s ease-out infinite}.matchmaking-radar{width:142px;height:142px;border-style:dashed;animation:rankSpin 8s linear infinite}.matchmaking-gloob{position:relative;z-index:2;width:105px;height:105px}.matchmaking-gloob .gloob{transform:scale(.82)}.matchmaking-clock{display:flex;align-items:end;gap:7px}.matchmaking-clock strong{font:900 48px/.8 'Baloo 2';color:#70efff}.matchmaking-clock span{font-size:8px;font-weight:1000;letter-spacing:1.3px}.matchmaking-progress{width:100%;height:9px;margin:11px 0;border-radius:8px;background:#ffffff18;overflow:hidden}.matchmaking-progress i{display:block;width:0;height:100%;border-radius:inherit;background:linear-gradient(90deg,#64efff,#c9ff43);transition:width .35s ease}.matchmaking-meta{display:flex;align-items:center;justify-content:space-between;width:100%;padding:8px 11px;border:1px solid #ffffff1e;border-radius:13px;background:#090d2990}.matchmaking-meta span{display:flex;align-items:center;gap:7px}.matchmaking-rank{width:33px;height:33px}.matchmaking-meta b{font-size:10px}.matchmaking-meta em{font-size:9px;font-style:normal;font-weight:900;color:#c9ff43}.matchmaking-cancel{margin-top:3px;padding:9px 15px;color:#dbe1ff;border-color:#ffffff30;background:#ffffff0c}.matchmaking-card.match-found{animation:matchFound .7s cubic-bezier(.2,1.6,.4,1)}.matchmaking-card.elite-found{border-color:#ffcf47;box-shadow:0 12px 0 #05081d,0 0 85px #ff9e326b}.matchmaking-card.elite-found h2{color:#ffcf47}.matchmaking-card.player-found{border-color:#70efff}
@keyframes matchmakingSweep{to{transform:rotate(360deg)}}@keyframes matchmakingPulse{0%{opacity:.85;transform:scale(.65)}100%{opacity:0;transform:scale(1.55)}}@keyframes matchFound{0%{transform:scale(.9)}55%{transform:scale(1.035)}100%{transform:none}}
.matchmaking-card .matchmaking-cancel{border:2px solid #6672a6;background:#171f49;color:#fff;box-shadow:0 4px 0 #070b23}
@media(max-height:590px){.matchmaking-card{grid-template-columns:145px 1fr;padding:14px 20px;text-align:left}.matchmaking-scan{grid-row:1/8;width:135px}.matchmaking-card .eyebrow,.matchmaking-card h2,.matchmaking-card p,.matchmaking-clock,.matchmaking-progress,.matchmaking-meta,.matchmaking-card>small,.matchmaking-cancel{grid-column:2}.matchmaking-card h2{font-size:24px}.matchmaking-card p,.matchmaking-card>small{margin:2px 0}.matchmaking-scan{height:150px}}