/* ⚠ ساخته می‌شود: python tools/build_info_pages.py */
#league{min-height:100vh}
#league{--scale:1;--touch:88px;--dock-h:192px;--ink:#102E50;--muted:#63798B;--accent:#1687ED;--accent-text:white;--focus:#1266D9;--primary-icon-filter:brightness(0) invert(1)}
#league *{box-sizing:border-box}
#league{margin:0;background:#FAF6ED;color:var(--ink);font-family:Vazirmatn,sans-serif;overflow-x:hidden}
#league h1,#league h2,#league h3,#league p{margin:0}
#league img{display:block}
#league button{font:inherit;border:0;background-color:transparent;color:inherit;cursor:pointer;-webkit-tap-highlight-color:transparent}
#league button:disabled{cursor:default}
#league button:focus-visible{outline:3px solid var(--focus);outline-offset:3px}
#league button:active:not(:disabled){transform:scale(.982)}
#league [hidden]{display:none!important}
#league .skin{background-size:100% 100%;background-repeat:no-repeat;background-position:center}
#league .app{width:853px;zoom:var(--scale);margin:0 auto;min-height:1844px;padding:30px 34px calc(var(--dock-h) + 20px);background:url(../assets/ui/league/league-bg.webp) center top/853px 1844px repeat-y}
#league .page-header{display:grid;grid-template-columns:max(96px,var(--touch)) minmax(0,1fr) 128px;align-items:center;gap:14px;min-height:154px;margin-bottom:18px}
#league .back{width:96px;height:96px;min-width:var(--touch);min-height:var(--touch)}
#league .back img{width:49px;height:49px;margin:auto}
#league .page-header h1{font-size:69px;line-height:1.25;white-space:nowrap}
#league .logo{width:128px;height:128px;border-radius:25px;object-fit:cover}
#league .intro-card{height:370px;background-image:url(../assets/ui/league/surfaces/intro-normal.webp);padding:26px 30px 29px;position:relative;margin-bottom:14px}
#league .intro-main{display:grid;grid-template-columns:248px minmax(0,1fr);align-items:center;gap:24px;height:250px}
#league .intro-badge{position:relative;width:240px;height:240px;display:flex;justify-content:center;align-items:center}
#league .intro-badge #lgBadge{position:relative;width:220px;height:220px;object-fit:contain;z-index:1}
#league .badge-glow{position:absolute;inset:-24px;width:288px;height:288px}
#league .intro-copy{min-width:0}
#league .eyebrow{font-size:25px;color:var(--muted);font-weight:700}
#league .intro-copy h2{font-size:43px;line-height:1.5}
#league .intro-copy strong{display:block;font-size:44px;line-height:1.7;white-space:nowrap}
#league .intro-copy p{font-size:29px;line-height:1.7;color:var(--muted);font-weight:700}
#league .progress-line{display:flex;gap:17px;align-items:center;justify-content:space-between;font-size:26px;font-weight:700;color:var(--muted);height:50px;margin-top:6px}
#league .progress{position:relative;height:36px;flex:1;background:url(../assets/ui/league/surfaces/progress-rail.webp) center/100% 100%;overflow:hidden;border-radius:18px;direction:ltr}
#league .progress>div{height:36px;position:absolute;right:0;top:0;background-size:100% 100%;background-repeat:no-repeat;background-image:var(--progress-img)}
#league .stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:4px;margin-bottom:20px}
#league .stat{min-height:126px;display:flex;align-items:center;justify-content:center;gap:18px;padding:12px;background-image:url(../assets/ui/league/surfaces/stat-normal.webp)}
#league .stat img{width:51px;height:51px}
#league .stat strong{display:block;font-size:43px;line-height:1.2}
#league .stat span{font-size:25px;color:var(--muted);font-weight:700}
#league .section-heading{padding:16px 22px;min-height:86px;font-size:39px;line-height:1.6;background:var(--heading-img) center/100% 100% no-repeat;margin-bottom:12px;display:flex;align-items:center;justify-content:space-between;gap:12px}
#league .section-heading>span{font-size:25px;color:var(--muted)}
#league .ladder{position:relative;margin-bottom:24px}
#league .connector{position:absolute;width:22px;right:87px;top:92px;bottom:92px;z-index:0;background:url(../assets/ui/league/surfaces/connector-rail.webp) center/100% 100% no-repeat}
#league .connector.fill{background-image:var(--connector-img);bottom:auto}
#league .tier{height:184px;position:relative;display:grid;grid-template-columns:154px minmax(0,1fr) 208px;gap:13px;align-items:center;padding:16px 28px;margin-bottom:16px;background-size:100% 100%;z-index:1}
#league .tier:last-child{margin-bottom:0}
#league .tier .tier-badge{width:121px;height:121px;position:relative;display:flex;justify-content:center;align-items:center}
#league .tier-badge img{width:112px;height:112px;object-fit:contain}
#league .tier.master .tier-badge img{width:128px;height:128px}
#league .tier-badge .tier-glow{position:absolute;inset:-8px;width:138px;height:138px;opacity:.5;z-index:-1}
#league .tier h3{font-size:36px;line-height:1.6;white-space:nowrap}
#league .tier.master h3{font-size:39px}
#league .tier p{font-size:26px;line-height:1.5;color:var(--muted);font-weight:700}
#league .tier-status{display:flex;align-items:center;justify-content:center;gap:7px;font-size:25px;color:var(--muted);font-weight:700}
#league .tier-status img{width:37px;height:37px}
#league .tier-status.current{height:64px;font-size:25px;color:var(--ink);background-size:100% 100%;background-image:var(--current-chip-img)}
#league .tier.future .tier-badge{opacity:.6}
#league .tier.future h3,#league .tier.future p{color:#7B8790}
#league .rules{margin:4px 0 22px}
#league .rules-toggle{width:785px;min-height:var(--touch);height:112px;display:flex;align-items:center;justify-content:space-between;padding:20px 28px;font-size:32px;font-weight:700;background-image:url(../assets/ui/league/surfaces/rules-toggle-normal.webp)}
#league .rules-toggle img{width:43px;height:43px}
#league .rules-toggle[aria-expanded=true] img{transform:rotate(180deg)}
#league .rules-body{background:url(../assets/ui/league/surfaces/rules-normal.webp) center/100% 100%;padding:18px 30px 28px;margin-top:4px}
#league .rule-grid{display:grid;grid-template-columns:126px repeat(4,minmax(0,1fr));gap:0}
#league .rule-cell{min-height:70px;display:flex;align-items:center;justify-content:center;font-size:28px;font-weight:700;border-bottom:1px solid #CCD3D050}
#league .rule-cell.head{color:var(--muted);font-size:24px}
#league .rule-cell img{width:44px;height:44px}
#league .rule-cell.rank{gap:3px}
#league .rule-cell.rank span{font-size:22px}
#league .rule-note{font-size:25px;line-height:1.8;margin-top:18px;text-align:center;color:var(--muted)}
#league .history-head,#league .history-row{display:grid;grid-template-columns:128px 150px 200px minmax(0,1fr);align-items:center;gap:7px;text-align:center;padding:6px 16px}
#league .history-head{height:92px;background-image:url(../assets/ui/league/surfaces/history-head-normal.webp);font-size:26px;color:var(--muted);font-weight:700}
#league .history-row{min-height:112px;background-image:url(../assets/ui/league/surfaces/history-row-normal.webp);font-size:30px;font-weight:700;margin-bottom:5px}
#league .history-row.win{background-image:url(../assets/ui/league/surfaces/history-win-normal.webp)}
#league .history-rank{position:relative;display:flex;align-items:center;justify-content:center;width:76px;height:76px;margin:auto}
#league .history-rank img{position:absolute;inset:0;width:76px;height:76px}
#league .history-rank strong{position:relative;z-index:1;font-size:29px}
#league .history-rank.first strong{color:white}
#league .history-n{font-size:26px;color:var(--muted)}
#league .delta{display:flex;align-items:center;justify-content:center;gap:9px;font-size:29px}
#league .delta img{width:29px;height:29px}
#league .delta.positive{color:#43866D}
#league .delta.negative{color:#B65C6A}
#league .delta.zero{color:var(--muted)}
#league .empty{min-height:280px;background:url(../assets/ui/league/surfaces/empty-normal.webp) center/100% 100%;display:flex;justify-content:center;align-items:center;gap:25px;padding:28px;font-size:29px;color:var(--muted);font-weight:700}
#league .empty-art{position:relative;width:150px;height:175px;flex:none}
#league .empty-art img{position:absolute;width:107px;height:147px;object-fit:contain;opacity:.65}
#league .empty-art img:first-child{transform:rotate(-12deg);left:5px;top:3px}
#league .empty-art img:last-child{transform:rotate(10deg);right:0;top:15px}
#league .online{width:785px;min-height:var(--touch);height:112px;margin-top:18px;display:flex;align-items:center;justify-content:center;gap:18px;font-size:29px;font-weight:700;color:var(--muted);background-image:url(../assets/ui/league/surfaces/online-disabled.webp)}
#league .online img{width:39px;height:39px}
#league .dock{position:fixed;bottom:0;left:calc((100vw - 853px * var(--scale))/2);width:853px;zoom:var(--scale);padding:24px 34px max(34px,env(safe-area-inset-bottom));background:url(../assets/ui/league/surfaces/bottom-fade.webp) center/100% 100% no-repeat;z-index:20;display:flex;flex-direction:column;gap:10px}
#league .dock button{width:785px;min-height:var(--touch);font-size:49px;font-weight:700;display:flex;justify-content:center;align-items:center;gap:22px}
#league .primary{height:128px;color:var(--accent-text);background-image:var(--primary-img)}
#league .primary img{width:62px;height:62px;filter:var(--primary-icon-filter)}
#league .dock p{font-size:22px;text-align:center;line-height:1.5}
#league .dock p:empty{display:none}


#league .dock{z-index:40}