:root{--blue:#2388ee;--deep:#13457e;--sky:#e9f7ff;--line:#cbe5f6;--gold:#ffbd2e;--green:#39c98b;--purple:#6c63ef}*{box-sizing:border-box}body{margin:0;min-height:100vh;background:radial-gradient(circle at 30% 10%,#fff 0 13%,transparent 36%),linear-gradient(135deg,#dff6ff,#b8ddff 58%,#dcd6ff);font-family:"Arial","Tahoma",sans-serif;color:#12375f}.desktop-rail{position:fixed;right:0;top:0;bottom:0;width:205px;padding:18px 14px;background:linear-gradient(180deg,#66acf2,#81c2fa);border-left:1px solid #cce7ff;z-index:5}.rail-brand{display:flex;justify-content:center;margin-bottom:12px}.rail-brand img{width:132px;height:auto}.desktop-rail nav{display:grid;gap:7px}.desktop-rail nav a{display:flex;align-items:center;gap:12px;min-height:58px;padding:8px 14px;border-radius:19px;color:#12375f;text-decoration:none}.desktop-rail nav img{width:42px;height:42px;object-fit:contain}.desktop-rail nav a.active{background:#fff;box-shadow:0 8px 0 #b4e0ef,0 13px 24px #357bb43d;color:#087bc5}.league-shell{width:calc(100% - 205px);min-height:100vh;padding:18px 28px 48px}.league-topbar{max-width:1040px;margin:auto;display:flex;align-items:center;justify-content:space-between;padding:14px 22px;border:2px solid #fff9;border-radius:28px;background:linear-gradient(135deg,#44cbe7,#6579ed);color:#fff;box-shadow:0 16px 34px #367eb43b;text-align:center}.league-topbar h1{margin:2px 0;font-size:clamp(24px,3vw,43px);text-shadow:0 3px 0 #235b9b}.league-topbar p,.league-topbar span{margin:0;font-weight:800}.icon-link{display:grid;place-items:center;width:62px;height:62px;border-radius:20px;background:#fff;box-shadow:0 7px 0 #bce6e5}.icon-link img{width:48px;height:48px;object-fit:contain}.league-card{position:relative;max-width:820px;margin:24px auto 0;padding:26px 34px 34px;background:#fff;border:2px solid #d8ebf7;border-radius:30px;box-shadow:0 22px 54px #2e72a42e}.league-emblem{display:grid;place-items:center;width:126px;height:126px;margin:-12px auto 8px;border-radius:38px;background:linear-gradient(145deg,#eab56b,#965b25);border:7px solid #ffe2a3;box-shadow:inset 0 7px 9px #fff5,0 13px 0 #79461e,0 22px 28px #6a452d36}.league-emblem span{font-size:70px;filter:drop-shadow(0 5px 3px #4e2d24aa)}.league-heading{text-align:center}.tier-label{color:#96713e;font-weight:900}.league-heading h2{margin:4px 0 6px;font-size:34px}.league-heading p{margin:0;color:#597087;font-weight:800}.league-heading strong{display:inline-block;margin-top:6px;color:#f59f00;font-size:20px}.league-summary{display:flex;justify-content:center;gap:12px;flex-wrap:wrap;margin:18px 0}.league-summary span{padding:10px 15px;border-radius:15px;background:#edf7ff;color:#23649b;font-weight:900}.leaderboard-status{text-align:center;padding:22px;color:#668098;font-weight:800}.leaderboard-list{list-style:none;margin:0;padding:0;display:grid;gap:7px}.rank-row{display:grid;grid-template-columns:48px 58px 1fr auto;align-items:center;gap:10px;min-height:68px;padding:8px 15px;border-radius:18px;border:2px solid transparent}.rank-row.is-me{background:#e7f3ff;border-color:#78caff;box-shadow:0 5px 0 #bddff5}.rank-row.is-promoted:not(.is-me){background:#fbfdff}.rank-number{font-size:20px;font-weight:1000;color:#4aa90f;text-align:center}.rank-row:nth-child(1) .rank-number,.rank-row:nth-child(2) .rank-number,.rank-row:nth-child(3) .rank-number{font-size:0}.rank-row:nth-child(1) .rank-number:after{content:"🥇";font-size:31px}.rank-row:nth-child(2) .rank-number:after{content:"🥈";font-size:31px}.rank-row:nth-child(3) .rank-number:after{content:"🥉";font-size:31px}.rank-avatar{width:52px;height:52px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(145deg,#8d6af1,#e382f7);color:#fff;font-size:24px;font-weight:1000;overflow:hidden;border:3px solid #fff;box-shadow:0 4px 10px #365c8a33}.rank-avatar img{width:100%;height:100%;object-fit:cover}.rank-name{font-weight:1000;font-size:18px}.rank-name small{display:block;color:#7a8fa5;font-size:12px;margin-top:3px}.rank-xp{direction:ltr;font-weight:1000;color:#247fc0;font-size:17px}.promotion-divider{display:flex;align-items:center;gap:12px;margin:11px 0;color:#44a80f;font-weight:1000}.promotion-divider:before,.promotion-divider:after{content:"";height:2px;background:#9ddc73;flex:1}.my-rank-card{margin-top:14px;padding:15px 18px;border-radius:18px;background:#eef1f5;border:2px solid #d9e0e7}.sign-in-card{text-align:center;padding:28px}.sign-in-card button{border:0;border-radius:16px;padding:14px 22px;background:#347cf4;color:#fff;font-size:18px;font-weight:900;cursor:pointer}@media(max-width:760px){.desktop-rail{position:static;width:100%;height:auto;padding:8px;overflow-x:auto}.rail-brand{display:none}.desktop-rail nav{display:flex;min-width:max-content}.desktop-rail nav a{min-width:72px;min-height:64px;padding:5px;display:grid;justify-items:center;gap:0;font-size:11px}.desktop-rail nav img{width:34px;height:34px}.league-shell{width:100%;padding:10px 10px 30px}.league-topbar{padding:10px}.league-topbar p,.league-topbar span{display:none}.icon-link{width:48px;height:48px}.icon-link img{width:38px;height:38px}.league-card{padding:22px 10px;border-radius:24px}.league-emblem{width:105px;height:105px}.league-emblem span{font-size:57px}.rank-row{grid-template-columns:38px 48px 1fr auto;padding:7px 5px}.rank-avatar{width:46px;height:46px}.rank-name{font-size:15px}.rank-xp{font-size:14px}}