/* POGAMES leaderboard - game ke "Weekly leaderboard" modal jaisa card. Sirf leaderboard page par load hota hai. */
.pg-lb-page{display:flex;justify-content:center}
.pg-lb-card{--lb-soft:#242132;--lb-line:#332f4b;--lb-text:#f5f3ff;--lb-muted:#a9a5c2;--lb-accent:#b9a7ff;--lb-hot:#ff7189;--lb-gold:#ffd783;width:100%;max-width:760px;padding:22px 22px 20px;border:1px solid #2c2943;border-radius:24px;background:linear-gradient(180deg,#1f1d2e 0%,#171522 100%);box-shadow:0 24px 60px #00000059;color:var(--lb-text)}
body.pogames[data-theme=light] .pg-lb-card{--lb-soft:#f4f1fd;--lb-line:#ded9ef;--lb-text:#1d1b2b;--lb-muted:#57536e;--lb-accent:#5b3bc0;--lb-hot:#c02c46;--lb-gold:#8a5b00;background:#fff;border-color:#ded9ef;box-shadow:0 18px 44px #2b235214}

.pg-lb-head{display:flex;align-items:center;gap:12px;flex-wrap:wrap}
.pg-lb-head h1{flex:1 1 auto;min-width:0;margin:0;font-size:clamp(23px,3.4vw,30px);letter-spacing:-.6px;color:var(--lb-text)}
.pg-lb-chip{display:inline-flex;align-items:center;gap:7px;min-height:36px;padding:6px 13px;border-radius:999px;background:var(--lb-soft);color:var(--lb-muted);font-size:14px;font-weight:800;white-space:nowrap}
.pg-lb-close{display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;margin-left:-4px;border-radius:50%;color:var(--lb-text);transition:background .15s,color .15s}
.pg-lb-close:hover,.pg-lb-close:focus-visible{background:var(--lb-soft);color:var(--lb-text)}

.pg-lb-tabs{display:flex;gap:10px;margin:18px 0;overflow-x:auto;scrollbar-width:none}
.pg-lb-tabs::-webkit-scrollbar{display:none}
.pg-lb-tab{flex:1 1 0;max-width:220px;display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:12px 22px;border-radius:999px;background:var(--lb-soft);color:var(--lb-text);font-size:16px;font-weight:800;white-space:nowrap;transition:background .15s,color .15s,transform .15s}
.pg-lb-tab:hover{color:var(--lb-text);transform:translateY(-1px)}
.pg-lb-tab[aria-current=page]{background:linear-gradient(135deg,#8f6cf0,#7a4fe0);color:#fff;box-shadow:0 10px 24px #7a4fe04d}
body.pogames[data-theme=light] .pg-lb-tab[aria-current=page]{background:linear-gradient(135deg,#6d47d9,#5b34c4);box-shadow:0 10px 22px #5b34c43d}

.pg-lb-how{margin:0 0 18px;border-radius:16px;background:var(--lb-soft)}
.pg-lb-how summary{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:54px;padding:14px 18px;font-size:16px;font-weight:800;list-style:none}
.pg-lb-how summary::-webkit-details-marker{display:none}
.pg-lb-how summary svg{flex:0 0 20px;color:var(--lb-muted);transition:transform .18s}
.pg-lb-how[open] summary svg{transform:rotate(180deg)}
.pg-lb-how ul{margin:0;padding:0 18px 16px 34px;color:var(--lb-muted);font-size:14.5px;line-height:1.55}
.pg-lb-how li{margin:6px 0}
.pg-lb-how strong{color:var(--lb-text);font-weight:800}

.pg-lb-tiers{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:0 0 16px;padding:0;list-style:none}
.pg-lb-tier{display:flex;flex-direction:column;align-items:center;gap:4px;padding:14px 8px 12px;border:1px solid var(--lb-line);border-radius:16px;background:var(--lb-soft);text-align:center;min-width:0}
.pg-lb-tier-name{font-size:15px;font-weight:800;line-height:1.2}
.pg-lb-tier-sub{font-size:12px;line-height:1.3;color:var(--lb-muted)}

.pg-lb-shield{--sh1:#cdbdfb;--sh2:#7a5fd0;--shtxt:#1b1230;display:inline-grid;place-items:center;width:54px;height:60px;background:linear-gradient(180deg,var(--sh1),var(--sh2));clip-path:polygon(50% 0,100% 15%,100% 58%,50% 100%,0 58%,0 15%);color:var(--shtxt);font-size:20px;font-weight:900;line-height:1;text-shadow:0 1px 0 #ffffff55}
.pg-lb-shield.is-conquer{--sh1:#ffd76b;--sh2:#b6760b;--shtxt:#2a1d05}
.pg-lb-shield.is-gold{--sh1:#f3c65e;--sh2:#a06a10;--shtxt:#2a1d05}
.pg-lb-shield.is-silver{--sh1:#e3e9f7;--sh2:#7d8aa4;--shtxt:#1d2231}
.pg-lb-shield.is-rookie{--sh1:#cfc6f2;--sh2:#7c6cb0;--shtxt:#201833}
body.pogames[data-theme=light] .pg-lb-shield.is-silver{--sh2:#93a0b8}
body.pogames[data-theme=light] .pg-lb-shield.is-gold{--sh1:#f6d27c;--sh2:#a8730f;--shtxt:#2a1d05}

.pg-lb-me{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;padding:2px 4px 6px}
.pg-lb-me>div{display:flex;flex-direction:column;gap:3px;min-width:0}
.pg-lb-me-right{align-items:flex-end;text-align:right}
.pg-lb-me-label{font-size:15px;font-weight:800}
.pg-lb-me-value{font-size:22px;font-weight:900;letter-spacing:-.4px;line-height:1.25;color:var(--lb-hot)}
.pg-lb-me-value small{font-size:14px;font-weight:700;color:var(--lb-muted);letter-spacing:0}
.pg-lb-me-value.is-set{color:var(--lb-accent)}
.pg-lb-me-value.is-score.is-set{color:var(--lb-gold)}
.pg-lb-hint{margin:0 0 14px;color:var(--lb-muted);font-size:13.5px;line-height:1.5}
.pg-lb-hint a{color:var(--lb-accent);font-weight:800;text-decoration:underline}
.pg-lb-hint strong{color:var(--lb-text)}
.pg-lb-alert{margin:0 0 14px;padding:11px 14px;border:1px solid #ff718940;border-radius:12px;background:#ff71891a;color:var(--lb-hot);font-size:13.5px;line-height:1.45}
body.pogames[data-theme=light] .pg-lb-alert{border-color:#c02c4633;background:#c02c460f}

.pg-lb-podium{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;align-items:end;margin:6px 0 10px;padding:0;list-style:none}
.pg-lb-pod{position:relative;display:flex;flex-direction:column;align-items:center;gap:6px;min-width:0;padding:14px 8px 12px;border:1px solid var(--lb-line);border-radius:16px;background:var(--lb-soft);text-align:center}
.pg-lb-pod.is-1{grid-column:2;grid-row:1;margin-top:-10px;padding-top:18px;border-color:#a8811f;background:linear-gradient(180deg,#453512,#241c0e);box-shadow:0 16px 34px #00000045}
.pg-lb-pod.is-2{grid-column:1;grid-row:1;border-color:#6d5c94;background:linear-gradient(180deg,#302846,#1f1a2c)}
.pg-lb-pod.is-3{grid-column:3;grid-row:1;border-color:#8a5730;background:linear-gradient(180deg,#38271c,#221812)}
body.pogames[data-theme=light] .pg-lb-pod.is-1{border-color:#e2b84a;background:linear-gradient(180deg,#fff4d6,#ffe7ac);box-shadow:0 14px 30px #8a5b001f}
body.pogames[data-theme=light] .pg-lb-pod.is-2{border-color:#c3cbe0;background:linear-gradient(180deg,#f7f9ff,#e8edf8)}
body.pogames[data-theme=light] .pg-lb-pod.is-3{border-color:#e0b18b;background:linear-gradient(180deg,#fff5ec,#f7e3d2)}
.pg-lb-pod.is-1 .pg-lb-shield{--sh1:#ffd76b;--sh2:#b6760b;--shtxt:#2a1d05}
.pg-lb-pod.is-2 .pg-lb-shield{--sh1:#e6ecf8;--sh2:#7d8aa4;--shtxt:#1d2231}
.pg-lb-pod.is-3 .pg-lb-shield{--sh1:#f0b183;--sh2:#a1572a;--shtxt:#2c1305}
.pg-lb-pod .pg-lb-shield{width:44px;height:49px;margin-top:-16px;font-size:18px}
.pg-lb-pod-name{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:15px;font-weight:800}
.pg-lb-pod-score{font-size:14px;font-weight:800;color:var(--lb-gold)}
.pg-lb-pod.is-1 .pg-lb-pod-score{color:#ffd76b}

.pg-lb-av{display:inline-grid;place-items:center;flex:0 0 auto;width:56px;height:56px;border:3px solid #ffffff2e;border-radius:50%;background:linear-gradient(135deg,#d3c2ff,#8f6cf0);color:#191426;font-size:22px;font-weight:900;line-height:1}
.pg-lb-pod.is-1 .pg-lb-av{width:70px;height:70px;font-size:27px;border-color:#ffd76b80}
.pg-lb-pod.is-2 .pg-lb-av{border-color:#c9d3ea66}
.pg-lb-pod.is-3 .pg-lb-av{border-color:#e9a06a66}
.pg-lb-av.is-sm{width:38px;height:38px;border-width:2px;font-size:16px}
.pg-lb-av.lb-av-0{background:linear-gradient(135deg,#ffd36e,#f08a3c)}
.pg-lb-av.lb-av-1{background:linear-gradient(135deg,#a1f5c4,#42c8a0)}
.pg-lb-av.lb-av-2{background:linear-gradient(135deg,#b9d4ff,#6d8cf0)}
.pg-lb-av.lb-av-3{background:linear-gradient(135deg,#ffb6d5,#e065a4)}
.pg-lb-av.lb-av-4{background:linear-gradient(135deg,#ffe08a,#c9a13a)}
.pg-lb-av.lb-av-5{background:linear-gradient(135deg,#d3c2ff,#8f6cf0)}

.pg-lb-rows{margin:2px 0 0;padding:0;list-style:none}
.pg-lb-rows li{display:grid;grid-template-columns:26px 38px minmax(0,1fr) 26px 52px;align-items:center;gap:12px;padding:10px 6px;border-bottom:1px solid var(--lb-line)}
.pg-lb-rows li:last-child{border-bottom:0}
.pg-lb-rank{font-size:17px;font-weight:900;color:var(--lb-accent)}
.pg-lb-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:15px;font-weight:800}
.pg-lb-rows .pg-lb-shield{width:26px;height:29px;font-size:12px}
.pg-lb-score{font-size:15px;font-weight:900;text-align:right}

.pg-lb-empty{padding:38px 20px;border:1px solid var(--lb-line);border-radius:18px;background:var(--lb-soft);text-align:center}
.pg-lb-empty .pg-lb-shield{width:62px;height:69px;margin:0 auto 14px;font-size:23px}
.pg-lb-empty h2{margin:0 0 8px;font-size:20px;color:var(--lb-text)}
.pg-lb-empty p{max-width:430px;margin:0 auto 18px;color:var(--lb-muted);font-size:14.5px;line-height:1.5}
.pg-lb-note{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;margin:14px 2px 0;color:var(--lb-muted);font-size:12.5px}

@media (max-width:640px){
    .pg-lb-card{padding:16px 14px 16px;border-radius:20px}
    .pg-lb-head h1{flex-basis:100%}
    .pg-lb-chip{order:2;font-size:13px;min-height:34px}
    .pg-lb-close{order:3;margin-left:auto}
    .pg-lb-tab{min-height:44px;padding:10px 16px;font-size:15px}
    .pg-lb-hint,.pg-lb-how ul{font-size:13.5px}
    .pg-lb-tier{padding:12px 6px 10px}
    .pg-lb-tier .pg-lb-shield{width:46px;height:51px;font-size:17px}
    .pg-lb-tier-name{font-size:13.5px}
    .pg-lb-tier-sub{font-size:11px}
    .pg-lb-me-value{font-size:19px}
    .pg-lb-pod{padding:12px 6px 10px}
    .pg-lb-pod.is-1{padding-top:16px;margin-top:-6px}
    .pg-lb-pod .pg-lb-av{width:48px;height:48px;font-size:19px}
    .pg-lb-pod.is-1 .pg-lb-av{width:60px;height:60px;font-size:23px}
    .pg-lb-pod .pg-lb-shield{width:38px;height:42px;font-size:16px;margin-top:-14px}
    .pg-lb-pod-name{font-size:13px}
    .pg-lb-rows li{grid-template-columns:22px 34px minmax(0,1fr) 24px 44px;gap:9px;padding:9px 2px}
    .pg-lb-rows .pg-lb-av{width:34px;height:34px;font-size:14px}
    .pg-lb-rank{font-size:15px}
    .pg-lb-name{font-size:14px}
}
@media (prefers-reduced-motion:reduce){
    .pg-lb-tab,.pg-lb-close,.pg-lb-how summary svg{transition:none}
}