/* Progression: leaderboards (lb-), badges (bd-), premium (pm-, pg-). Black & gold; Premium adds a deep red. */
:root{--pr1:#D72638;--pr2:#5E0710;--prg:conic-gradient(from var(--pga,0deg),#FFF1B8,#F2C14E,#8A5A0B,#F2C14E,#FFF1B8,#C48A17,#FFF1B8)}
@property --pga{syntax:'<angle>';inherits:false;initial-value:0deg}
@keyframes pgspin{to{--pga:360deg}}
@keyframes pgshine{0%{transform:translateX(-120%) skewX(-20deg)}60%,100%{transform:translateX(220%) skewX(-20deg)}}
@keyframes pgin{from{opacity:0;transform:translateY(10px) scale(.96)}to{opacity:1;transform:none}}
@keyframes pgfloat{0%,100%{transform:translateY(0)}50%{transform:translateY(-6px)}}

/* ---- the animated gold frame (premium avatars) ---- */
.pg-fr{position:relative;display:inline-flex;border-radius:50%;padding:3px;background:var(--prg);animation:pgspin 3.2s linear infinite;flex:none;box-shadow:0 0 14px rgba(242,193,78,.45)}
.pg-fr .av{border:2px solid #0B0B0C}
.pg-fr .lring{background:none;padding:0}
.pg-fr.big{padding:4px;box-shadow:0 0 22px rgba(242,193,78,.55),0 0 0 1px rgba(215,38,56,.4)}
.pg-prem .me-av .lring,.pg-prem .player-scr .lring{background:var(--prg);animation:pgspin 3.2s linear infinite;box-shadow:0 0 18px rgba(242,193,78,.5)}
.pg-prem .profile-scr,.pg-prem .player-scr{background:radial-gradient(120% 220px at 50% -40px,rgba(215,38,56,.30),rgba(215,38,56,0) 70%)}
.pg-prem .profile-scr h1::after,.pg-prem .player-scr h1::after{content:'';display:inline-block;width:16px;height:16px;margin-inline-start:6px;vertical-align:-2px;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 96 96'%3E%3Cpath d='M48 3l37 21v42L48 87 11 66V24z' fill='%23F2C14E'/%3E%3Cpath d='M48 11l30 17v34L48 79 18 62V28z' fill='%23D72638'/%3E%3C/svg%3E") center/contain no-repeat}

/* ---- home chips ---- */
.pg-chips{gap:8px;overflow-x:auto;scrollbar-width:none;margin:-2px 0}
.pg-chips::-webkit-scrollbar{display:none}
.pg-chip{display:inline-flex;align-items:center;gap:7px;height:38px;padding:0 14px;border-radius:12px;background:var(--panel);border:1px solid var(--ln);font-weight:700;font-size:13px;white-space:nowrap;color:#fff}
.pg-chip svg{color:var(--gd)}
.pg-chip.pr{border-color:rgba(215,38,56,.6);background:linear-gradient(180deg,rgba(215,38,56,.28),rgba(94,7,16,.35))}

/* ---- store card ---- */
.pg-card{position:relative;display:flex;align-items:center;gap:14px;padding:14px 16px;border-radius:18px;overflow:hidden;color:#fff;
  border:1px solid rgba(242,193,78,.55);background:radial-gradient(90% 160% at 0% 50%,rgba(215,38,56,.55),rgba(94,7,16,.2) 55%,rgba(0,0,0,0) 80%),linear-gradient(180deg,#1D1517,#0E0A0B)}
[dir=rtl] .pg-card{background:radial-gradient(90% 160% at 100% 50%,rgba(215,38,56,.55),rgba(94,7,16,.2) 55%,rgba(0,0,0,0) 80%),linear-gradient(180deg,#1D1517,#0E0A0B)}
.pg-card::after{content:'';position:absolute;inset:0 auto 0 0;width:40%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.12),transparent);animation:pgshine 4.5s ease-in-out infinite;pointer-events:none}
.pg-card-art{filter:drop-shadow(0 6px 14px rgba(215,38,56,.5));animation:pgfloat 3.6s ease-in-out infinite}
.pg-card-t{font-size:19px;background:var(--gold);-webkit-background-clip:text;background-clip:text;color:transparent}
.pg-card-s{color:#E9D9DB;line-height:1.5}
.pg-card-b{align-self:flex-start}

/* ---- profile strips ---- */
.pg-pstrip{display:flex;align-items:center;gap:12px;padding:12px 14px;border-radius:16px;border:1px solid rgba(215,38,56,.55);color:#fff;
  background:linear-gradient(90deg,rgba(215,38,56,.25),rgba(94,7,16,.15) 60%,rgba(17,17,19,.9))}
.pg-pstrip.on{border-color:rgba(242,193,78,.7);background:linear-gradient(90deg,rgba(242,193,78,.22),rgba(215,38,56,.18) 55%,rgba(17,17,19,.9))}
.pg-pstrip.on b{color:var(--gd)}
.pg-pstrip .btn{height:34px;font-size:12px;padding:0 12px}
.pg-strip{display:flex;gap:8px;overflow-x:auto;scrollbar-width:none;padding:2px}
.pg-strip::-webkit-scrollbar{display:none}
.pg-sb{flex:none;width:58px;height:58px;border-radius:16px;display:flex;align-items:center;justify-content:center;background:radial-gradient(circle at 50% 40%,rgba(242,193,78,.16),rgba(0,0,0,0) 70%),var(--s1);border:1px solid #26262C;animation:pgin .4s both}
.pg-bph{flex:none;width:58px;height:58px;border-radius:16px;background:var(--s1);border:1px solid #1E1E22}
.pg-bimg{display:block;object-fit:contain;filter:drop-shadow(0 3px 6px rgba(0,0,0,.5))}
span.pg-bimg{display:flex;align-items:center;justify-content:center;color:var(--gd)}
.pg-rank{border-top:1px solid #1E1E22;padding-bottom:0}
.pg-rank svg:first-child{color:var(--gd)}
.pg-psec{margin-top:4px}

/* ---- tournaments strip ---- */
.pg-tstrip{display:flex;align-items:center;gap:10px;padding:10px 12px;border-radius:14px;border:1px solid rgba(215,38,56,.5);background:linear-gradient(90deg,rgba(215,38,56,.22),rgba(17,17,19,.6));font-size:12px;font-weight:600;line-height:1.5;color:#fff}

/* ================= leaderboard ================= */
.lb-scr{gap:12px;padding-bottom:96px}
.lb-games{display:flex;gap:8px;overflow-x:auto;scrollbar-width:none;margin:0 -14px;padding:0 14px}
.lb-games::-webkit-scrollbar{display:none}
.lb-g{flex:none;display:inline-flex;align-items:center;gap:7px;height:40px;padding:0 12px 0 8px;border-radius:12px;background:var(--s1);border:1px solid var(--ln);font-size:13px;font-weight:600;color:var(--mu)}
[dir=rtl] .lb-g{padding:0 8px 0 12px}
.lb-g .gi{border-radius:7px}
.lb-g>svg{margin-inline-start:4px}
.lb-g.on{border-color:var(--gd);color:#fff;background:linear-gradient(180deg,rgba(242,193,78,.2),rgba(242,193,78,.04))}
.lb-ends{justify-content:center;gap:6px}
.lb-pod{display:grid;grid-template-columns:1fr 1.15fr 1fr;align-items:end;gap:8px;padding-top:30px}
.pd{display:flex;flex-direction:column;align-items:center;gap:4px;min-width:0;text-align:center;color:#fff;animation:pgin .5s both}
.pd2{animation-delay:.08s}.pd3{animation-delay:.16s}
.pd>b{font-size:13px;max-width:100%}
.pd-w{font-size:11px;color:var(--mu)}
.pd-av{position:relative;display:inline-flex}
.pd-av>.av{border:3px solid #6E7585}
.pd3 .pd-av>.av{border-color:#C9783F}
.pd1 .pd-av>.av{border-color:var(--gd);box-shadow:0 0 24px rgba(242,193,78,.45)}
.pd-av>i{position:absolute;bottom:-6px;left:50%;transform:translateX(-50%);min-width:22px;height:22px;border-radius:11px;font-style:normal;font-size:12px;font-weight:800;display:flex;align-items:center;justify-content:center;color:#241800;background:linear-gradient(180deg,#F4F6FA,#9CA3B4);border:2px solid #0B0B0C}
.pd1 .pd-av>i{background:var(--gold)}
.pd3 .pd-av>i{background:linear-gradient(180deg,#FFD9B8,#C9783F)}
.pd-crown{color:var(--gd);margin-bottom:-4px;filter:drop-shadow(0 0 8px rgba(242,193,78,.7));animation:pgfloat 2.8s ease-in-out infinite}
.pd-crown svg{fill:rgba(242,193,78,.35)}
.pd-base{width:100%;margin-top:6px;border-radius:14px 14px 6px 6px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:0;
  background:linear-gradient(180deg,#2A2A30,#141417);border:1px solid #34343C;border-bottom:0;height:62px}
.pd-base b{font-size:16px}.pd-base .xs{color:var(--mu)}
.pd1 .pd-base{height:88px;border-color:rgba(242,193,78,.6);background:linear-gradient(180deg,rgba(242,193,78,.32),rgba(242,193,78,.06) 70%,#141417)}
.pd1 .pd-base b{color:var(--gd);font-size:19px}
.pd3 .pd-base{height:48px}
.pd.empty .pd-base{opacity:.4}
.lb-list{padding:2px 12px}
.lb-row{display:flex;align-items:center;gap:10px;padding:10px 0;border-bottom:1px solid #1E1E22;color:#fff;min-height:62px}
.lb-list .lb-row:last-child{border-bottom:0}
.lb-row .col.g{gap:2px}
.lb-n{width:30px;text-align:center;font-weight:700;color:var(--mu);font-size:14px;flex:none}
.lb-md{width:30px;height:30px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:800;color:#241800;flex:none;font-family:'Poppins',sans-serif}
.lb-md.m1{background:var(--gold)}.lb-md.m2{background:linear-gradient(180deg,#F4F6FA,#9CA3B4)}.lb-md.m3{background:linear-gradient(180deg,#FFD9B8,#C9783F)}
.lb-v{align-items:center;min-width:46px;gap:0}
.lb-v b{font-size:15px}
.lb-row.me{background:linear-gradient(90deg,rgba(242,193,78,.16),rgba(242,193,78,.04));margin:0 -12px;padding-inline:12px;border-radius:12px}
.lb-me{position:sticky;bottom:0;z-index:4;padding:8px 14px calc(8px + env(safe-area-inset-bottom));background:linear-gradient(180deg,rgba(5,5,6,0),rgba(5,5,6,.92) 30%)}
.lb-me .lb-row{margin:0;border:1px solid rgba(242,193,78,.6);border-radius:16px;padding:8px 12px;background:linear-gradient(90deg,rgba(242,193,78,.2),#141417 70%);box-shadow:0 8px 28px rgba(0,0,0,.6)}
.lb-me .lb-row>svg{color:var(--gd)}
.lb-empty{align-items:center;gap:10px;padding:28px 18px}
.lb-empty>svg{color:var(--gd)}
.lb-row.sk,.bd-card.sk{background:linear-gradient(90deg,#111113,#19191C,#111113);background-size:200% 100%;animation:sk 1.2s linear infinite;border-radius:14px;margin-bottom:8px;border:0}
@keyframes sk{to{background-position:-200% 0}}

/* ================= badges ================= */
.bd-head{gap:14px;align-items:center}
.bd-ring{width:64px;height:64px;border-radius:50%;flex:none;display:flex;align-items:center;justify-content:center;background:conic-gradient(var(--gd) var(--p),#2E2E35 0);position:relative}
.bd-ring::before{content:'';position:absolute;inset:5px;border-radius:50%;background:#111113}
.bd-ring b{position:relative;font-size:15px}
.bd-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}
.bd-card{display:flex;flex-direction:column;align-items:center;gap:6px;padding:12px 6px 10px;border-radius:16px;background:var(--panel);border:1px solid var(--ln);min-width:0;color:#fff;font-size:12px;animation:pgin .45s both;animation-delay:var(--d,0ms)}
.bd-card.sk{height:140px}
.bd-card>b{max-width:100%;font-size:12px}
.bd-card.own{border-color:rgba(242,193,78,.45);background:radial-gradient(circle at 50% 30%,rgba(242,193,78,.18),rgba(0,0,0,0) 62%),var(--panel)}
.bd-art{position:relative;display:inline-flex}
.bd-card.lk .pg-bimg,.bd-det.lk .pg-bimg{filter:grayscale(1) brightness(.55);opacity:.75}
.bd-lock{position:absolute;bottom:-2px;inset-inline-end:-2px;width:24px;height:24px;border-radius:50%;background:#0B0B0C;border:1px solid var(--ln);display:flex;align-items:center;justify-content:center;color:var(--mu)}
.bd-bar{width:80%;height:5px;border-radius:3px;background:#26262C;overflow:hidden;display:block}
.bd-bar i{display:block;height:100%;background:var(--gold);border-radius:3px}
.bd-bar.big{width:100%;height:8px}
.bd-det h2{font-size:20px}
.bd-art.big{animation:pgfloat 3.4s ease-in-out infinite}
.bd-det.own .bd-art.big{filter:drop-shadow(0 0 24px rgba(242,193,78,.45))}

/* ================= premium ================= */
.pm-scr{gap:14px}
.pm-hero{position:relative;overflow:hidden;border-radius:22px;padding:26px 18px 20px;display:flex;flex-direction:column;align-items:center;gap:8px;text-align:center;
  border:1px solid rgba(242,193,78,.55);background:radial-gradient(70% 90% at 50% 18%,rgba(215,38,56,.62),rgba(94,7,16,.4) 55%,rgba(10,6,7,1) 100%)}
.pm-hero::after{content:'';position:absolute;inset:0 auto 0 0;width:35%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.13),transparent);animation:pgshine 5s ease-in-out infinite;pointer-events:none}
.pm-rays{position:absolute;top:-60%;left:50%;width:520px;height:520px;margin-left:-260px;background:repeating-conic-gradient(from 0deg,rgba(242,193,78,.10) 0 8deg,rgba(0,0,0,0) 8deg 22deg);animation:pgspin 40s linear infinite;
  -webkit-mask:radial-gradient(circle,#000 20%,transparent 62%);mask:radial-gradient(circle,#000 20%,transparent 62%);border-radius:50%;transform:rotate(var(--pga))}
.pm-emb{position:relative;filter:drop-shadow(0 10px 24px rgba(215,38,56,.6));animation:pgfloat 3.6s ease-in-out infinite}
.pm-hero h1{position:relative;font-size:26px;background:var(--gold);-webkit-background-clip:text;background-clip:text;color:transparent}
.pm-tag{position:relative;color:#F1DADD;line-height:1.6;max-width:320px}
.pm-price{position:relative;display:flex;flex-direction:column;align-items:center;margin-top:4px}
.pm-price b{font-size:28px;color:#fff;font-family:'Poppins',sans-serif}
.pm-preview{gap:12px;padding:12px 14px;border-radius:16px;background:var(--panel);border:1px solid var(--ln)}
.pm-tiles{gap:10px}
.pm-tile{display:flex;flex-direction:column;align-items:center;gap:4px;text-align:center;padding:14px 8px;border-radius:16px;background:var(--panel);border:1px solid var(--ln)}
.pm-tile>svg{color:var(--gd)}
.pm-tile b{font-size:16px;color:var(--gd)}
.pm-fr-mini{width:26px;height:26px;border-radius:50%;background:var(--prg);animation:pgspin 3.2s linear infinite;position:relative}
.pm-fr-mini::after{content:'';position:absolute;inset:4px;border-radius:50%;background:#2A2F7A}
.pm-perks{list-style:none;margin:0;padding:4px 14px;border-radius:16px;background:var(--panel);border:1px solid var(--ln)}
.pm-perks li{display:flex;align-items:center;gap:10px;padding:10px 0;border-bottom:1px solid #1E1E22;font-size:13px;line-height:1.5}
.pm-perks li:last-child{border-bottom:0}
.pm-perks li svg{color:var(--gd)}
.pm-cta{height:56px;font-size:16px}
.pm-sec{justify-content:center;gap:5px}
.pm-status .row>svg{color:var(--ok)}
.pm-sh{gap:12px;padding:6px 0 12px;border-bottom:1px solid #1E1E22;margin-bottom:10px}

/* ---- redesign pass: podium stage, list card, skeletons ---- */
.lb-stage{position:relative;border-radius:22px;padding:0 10px;overflow:hidden;isolation:isolate;border:1px solid var(--hair);
  background:radial-gradient(60% 70% at 50% 18%,rgba(242,193,78,.2),rgba(242,193,78,0) 70%),var(--surf);box-shadow:inset 0 1px 0 rgba(255,236,170,.1),var(--sh2)}
.lb-stage::before{content:"";position:absolute;inset:0;z-index:-1;background:var(--suits);opacity:.55;-webkit-mask-image:linear-gradient(180deg,#000,transparent 85%);mask-image:linear-gradient(180deg,#000,transparent 85%)}
.lb-stage::after{content:"";position:absolute;left:50%;top:-40%;width:360px;height:360px;margin-left:-180px;z-index:-1;border-radius:50%;
  background:repeating-conic-gradient(rgba(242,193,78,.07) 0 8deg,rgba(242,193,78,0) 8deg 24deg);-webkit-mask:radial-gradient(circle,#000 18%,transparent 62%);mask:radial-gradient(circle,#000 18%,transparent 62%)}
.lb-stage .lb-pod{padding-top:22px}
.lb-stage .pd-base{border-radius:14px 14px 0 0}
.lb-list{background:var(--surf);box-shadow:var(--hl),var(--sh1)}
.lb-only{padding:10px 0}
.lb-g{background:var(--dark);border-color:#2E2E36;box-shadow:inset 0 1px 0 rgba(255,255,255,.07)}
.lb-g.on{box-shadow:var(--glow),inset 0 1px 0 rgba(255,236,170,.15)}
.lb-ends{height:30px;align-self:center;padding:0 12px;border-radius:15px;background:rgba(0,0,0,.35);border:1px solid #26262B}
.lb-ends svg{color:var(--gd)}
.lb-row.sk{height:62px}
.bd-card{background:var(--surf);box-shadow:var(--hl),var(--sh1)}
.bd-card.own{background:radial-gradient(circle at 50% 30%,rgba(242,193,78,.2),rgba(0,0,0,0) 62%),var(--surf);box-shadow:0 0 18px rgba(242,193,78,.08),inset 0 1px 0 rgba(255,236,170,.12),var(--sh1)}
.bd-card:active{transform:scale(.97)}
.bd-ring{box-shadow:0 0 18px rgba(242,193,78,.25)}
.pm-tile,.pm-perks,.pm-preview{background:var(--surf);box-shadow:var(--hl),var(--sh1)}
.pm-skh{height:300px;border-radius:22px}.pm-skp{height:88px;border-radius:16px}.pm-skt{height:104px;border-radius:16px}

@media (min-width:900px){
  .lb-scr,.bd-scr,.pm-scr{max-width:720px;margin:0 auto;width:100%}
  .bd-grid{grid-template-columns:repeat(4,1fr)}
  .pm-tiles{grid-template-columns:repeat(4,1fr)}
}
@media (prefers-reduced-motion:reduce){
  .pg-fr,.pg-prem .lring,.pm-rays,.pm-emb,.pd-crown,.pg-card-art,.bd-art.big,.pm-fr-mini{animation:none!important}
  .pg-card::after,.pm-hero::after{display:none}
}
/* public profile: keep the badges section right under the gifts (player.js gives its body flex:1) */
.scr-player:has(.pg-psec)>[data-body]{flex:none!important}