/* /leaderboards — CS2 шилдэг тоглогчид */
.lb-hero{position:relative}
.lb-hero::before{content:"";position:absolute;inset:-120px 0 auto;height:520px;z-index:-1;pointer-events:none;
  background:radial-gradient(600px 300px at 20% 30%,rgba(255,194,61,.14),transparent 70%),radial-gradient(520px 280px at 85% 10%,rgba(123,125,128,.16),transparent 70%)}
.lb-top{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;flex-wrap:wrap}
.lb-sum{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:24px}
.lb-sum>div{position:relative;overflow:hidden;display:flex;align-items:center;gap:12px;padding:16px 18px;border-radius:20px;background:var(--card);border:1px solid var(--line);backdrop-filter:blur(14px);min-width:0}
.lb-sum>div::after{content:"";position:absolute;right:-30px;top:-30px;width:100px;height:100px;border-radius:50%;background:var(--c);opacity:.12;filter:blur(22px)}
.lb-sum .ic{display:grid;place-items:center;width:44px;height:44px;flex:none;border-radius:14px;color:var(--c);background:color-mix(in srgb,var(--c) 14%,transparent)}
.lb-sum .ic svg{width:22px;height:22px}
.lb-sum img{width:44px;height:44px;flex:none;border-radius:14px;object-fit:cover}
.lb-sum small{display:block;font-size:12px;color:var(--muted,#9aa)}
.lb-sum b{display:block;font-size:19px;font-weight:900;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-variant-numeric:tabular-nums}
.lb-steam{display:inline-flex;align-items:center;gap:10px;padding:10px 16px 10px 12px;border-radius:14px;background:linear-gradient(135deg,#1b2838,#2a475e);border:1px solid rgba(102,192,244,.35);color:#fff;font-weight:800;font-size:14px;text-decoration:none;transition:.25s}
.lb-steam:hover{transform:translateY(-2px);box-shadow:0 14px 30px -14px #66c0f4}
.lb-steam svg{width:20px;height:20px;color:#66c0f4}
.lb-user{display:inline-flex;align-items:center;gap:10px;padding:6px 6px 6px 6px;border-radius:14px;background:var(--card);border:1px solid var(--line)}
.lb-user img{width:34px;height:34px;border-radius:10px}
.lb-user b{font-size:14px;max-width:160px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.lb-user a{padding:7px 10px;border-radius:10px;font-size:12px;color:var(--muted,#9aa);text-decoration:none}.lb-user a:hover{background:rgba(255,255,255,.06);color:#fff}

/* хяналтууд */
.lb-ctl{display:flex;flex-wrap:wrap;align-items:center;gap:10px;margin-bottom:18px}
.lb-tabs{display:flex;gap:4px;padding:4px;border-radius:16px;background:var(--card);border:1px solid var(--line);overflow-x:auto;scrollbar-width:none}
.lb-tabs::-webkit-scrollbar{display:none}
.lb-tabs button,.lb-seg button{display:inline-flex;align-items:center;gap:7px;padding:9px 14px;border:0;border-radius:12px;background:none;color:var(--muted,#9aa);font:inherit;font-weight:800;font-size:13px;cursor:pointer;white-space:nowrap;transition:.2s}
.lb-tabs button svg{width:15px;height:15px}
.lb-tabs button:hover,.lb-seg button:hover{color:#fff}
.lb-tabs button.on{background:var(--lime);color:#0A0A0A;box-shadow:0 8px 22px -10px var(--lime)}
.lb-seg{display:flex;gap:2px;padding:4px;border-radius:14px;background:var(--card);border:1px solid var(--line)}
.lb-seg button{padding:7px 11px;font-size:12.5px}
.lb-seg button.on{background:rgba(255,255,255,.1);color:#fff}
.lb-sel{padding:10px 12px;border-radius:14px;background:var(--card);border:1px solid var(--line);color:#fff;font:inherit;font-weight:700;font-size:13px}
.lb-sel option{background:#0B0D10}
.lb-q{flex:1;min-width:180px;display:flex;align-items:center;gap:8px;padding:0 12px;border-radius:14px;background:var(--card);border:1px solid var(--line)}
.lb-q svg{width:16px;height:16px;color:var(--muted,#9aa)}
.lb-q input{flex:1;min-width:0;padding:10px 0;border:0;background:none;color:#fff;font:inherit;font-size:14px;outline:none}

/* подиум */
.lb-pod{display:grid;grid-template-columns:1fr 1.15fr 1fr;align-items:end;gap:14px;margin:6px 0 22px}
.lb-pc{--c:#C0C7D6;position:relative;isolation:isolate;overflow:hidden;display:flex;flex-direction:column;align-items:center;text-align:center;gap:6px;padding:22px 16px 18px;border-radius:26px;
  background:linear-gradient(180deg,color-mix(in srgb,var(--c) 16%,transparent),var(--bg2) 70%);border:1px solid color-mix(in srgb,var(--c) 35%,var(--line));text-decoration:none;color:inherit;
  animation:lbUp .7s cubic-bezier(.2,.8,.2,1) both;transition:transform .3s}
.lb-pc:hover{transform:translateY(-4px)}
.lb-pc.p1{--c:#FFC23D;padding-top:30px;animation-delay:.1s;box-shadow:0 30px 60px -30px rgba(255,194,61,.55)}
.lb-pc.p1::before{content:"";position:absolute;inset:0;border-radius:inherit;padding:1px;z-index:-1;background:conic-gradient(from var(--lba,0deg),transparent 0 60%,var(--c),transparent 90%);
  -webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;animation:lbSpin 5s linear infinite}
.lb-pc.p2{--c:#C0C7D6;animation-delay:.2s}.lb-pc.p3{--c:#E39B5B;animation-delay:.3s}
.lb-av{position:relative;width:74px;height:74px;border-radius:22px;background:rgba(255,255,255,.06) center/cover;box-shadow:0 0 0 3px var(--bg2),0 0 0 5px var(--c)}
.p1 .lb-av{width:92px;height:92px;border-radius:26px}
.lb-medal{position:absolute;right:-8px;bottom:-8px;display:grid;place-items:center;width:28px;height:28px;border-radius:50%;background:var(--c);color:#0A0A0A;font-weight:900;font-size:14px;box-shadow:0 0 0 3px var(--bg2)}
.lb-pc .nm{margin-top:10px;font-size:16px;font-weight:800;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.lb-pc .val{font-size:28px;font-weight:900;line-height:1;font-variant-numeric:tabular-nums;background:linear-gradient(120deg,#fff,var(--c));-webkit-background-clip:text;background-clip:text;color:transparent}
.p1 .val{font-size:36px}
.lb-pc .lbl{font-size:11.5px;color:var(--muted,#9aa);text-transform:uppercase;letter-spacing:.1em;font-weight:700}
.lb-pc .mini{display:flex;gap:10px;font-size:12px;color:var(--muted,#9aa);margin-top:4px}.lb-pc .mini b{color:#fff}

/* хүснэгт */
.lb-list{border-radius:24px;background:var(--bg2);border:1px solid var(--line);overflow:hidden}
.lb-row{display:grid;grid-template-columns:56px minmax(0,2.4fr) repeat(6,minmax(54px,1fr));align-items:center;gap:8px;padding:10px 18px;border-top:1px solid rgba(255,255,255,.05);color:inherit;text-decoration:none;font-variant-numeric:tabular-nums;transition:background .2s}
.lb-row:first-child{border-top:0}
.lb-row.hd{padding:12px 18px;font-size:11px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:var(--muted,#9aa);background:rgba(255,255,255,.02)}
.lb-row:not(.hd):hover{background:rgba(255,255,255,.035)}
.lb-row.me{background:rgba(198,255,61,.07);box-shadow:inset 3px 0 0 var(--lime)}
.lb-row>span{text-align:right;font-size:14px}
.lb-row>span.on{color:var(--lime);font-weight:900}
.lb-pos{font-weight:900;font-size:15px;color:var(--muted,#9aa)}
.lb-pl{display:flex;align-items:center;gap:12px;min-width:0}
.lb-pl i{width:38px;height:38px;flex:none;border-radius:12px;background:rgba(255,255,255,.06) center/cover}
.lb-pl b{font-size:14.5px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.lb-pl small{display:block;font-size:11.5px;color:var(--muted,#9aa)}
.lb-hsbar{display:inline-block;width:34px;height:4px;margin-left:6px;vertical-align:3px;border-radius:9px;background:rgba(255,255,255,.08);overflow:hidden}
.lb-hsbar i{display:block;height:100%;width:var(--p);background:linear-gradient(90deg,var(--pink),var(--lime))}
.lb-pg{display:flex;justify-content:center;gap:6px;margin-top:16px}
.lb-pg button{min-width:40px;padding:9px 12px;border-radius:12px;border:1px solid var(--line);background:var(--card);color:#fff;font:inherit;font-weight:800;cursor:pointer}
.lb-pg button.on{background:var(--lime);color:#0A0A0A;border-color:transparent}
.lb-pg button:disabled{opacity:.35;cursor:default}
.lb-empty{display:flex;flex-direction:column;align-items:center;text-align:center;gap:10px;padding:54px 20px}
.lb-empty .ic{display:grid;place-items:center;width:64px;height:64px;border-radius:20px;background:linear-gradient(135deg,var(--violet),var(--pink));box-shadow:0 18px 40px -16px var(--pink)}
.lb-empty .ic svg{width:30px;height:30px;color:#fff}
.lb-empty b{font-size:20px}.lb-empty p{margin:0;color:var(--muted,#9aa);max-width:420px}
.lb-sk{height:58px;border-top:1px solid rgba(255,255,255,.05);background:linear-gradient(100deg,transparent 30%,rgba(255,255,255,.04) 50%,transparent 70%) 0/300% 100%;animation:lbSk 1.4s linear infinite}
.lb-note{margin-top:14px;font-size:12.5px;color:var(--muted,#9aa);text-align:center}
@property --lba{syntax:"<angle>";inherits:false;initial-value:0deg}
@keyframes lbSpin{to{--lba:360deg}}
@keyframes lbUp{from{opacity:0;transform:translateY(24px) scale(.96)}}
@keyframes lbSk{to{background-position:-300% 0}}
@media (max-width:900px){.lb-row{grid-template-columns:44px minmax(0,1fr) repeat(3,62px)}.lb-row .x{display:none}}
@media (max-width:640px){.lb-sum{grid-template-columns:1fr;gap:8px}.lb-sum>div{padding:12px 14px}
  .lb-pod{gap:8px}.lb-pc{padding:16px 8px 14px;border-radius:20px}.lb-av{width:54px;height:54px;border-radius:16px}.p1 .lb-av{width:66px;height:66px}.lb-pc .val{font-size:22px}.p1 .val{font-size:26px}.lb-pc .mini{display:none}.lb-pc .nm{font-size:13.5px}
  .lb-row{grid-template-columns:34px minmax(0,1fr) 58px 48px;padding:10px 12px;gap:6px}.lb-row .x,.lb-row .x2{display:none}.lb-pl i{width:32px;height:32px}.lb-ctl{gap:8px}.lb-q{min-width:100%}}
@media (prefers-reduced-motion:reduce){.lb-pc,.lb-pc.p1::before,.lb-sk{animation:none}}
.lb-pl{text-align:left}
.lb-av,.lb-pl i{display:grid;place-items:center;font-style:normal;font-weight:900;color:rgba(255,255,255,.55)}
.lb-av{font-size:30px}.lb-pl i{font-size:15px}
@media (max-width:640px){.lb-sum{grid-template-columns:1fr 1fr}.lb-sum>div:first-child{grid-column:1/-1}.lb-sum .ic{width:38px;height:38px}.lb-sum b{font-size:16px}}
.lb-row>.lb-pl{text-align:left}

/* v4 2026: кинетик гарчиг, map hero, амьд тоолуур, holo #1, мөрний spotlight, зэрэглэл. Анимацтай blur хориотой, --a/--b бүү ашигла */
@property --lban{syntax:'<angle>';inherits:false;initial-value:0deg}@keyframes lbspin{to{--lban:360deg}}@keyframes lbword{from{opacity:0;transform:translateY(.5em) rotate(2deg)}}@keyframes lbrow{from{opacity:0;transform:translateY(12px)}}@keyframes lbdot{50%{box-shadow:0 0 0 7px rgba(61,220,151,0)}}
.lb-hero{position:relative;overflow:hidden;isolation:isolate}.lb-hero::before{content:"";position:absolute;inset:0;z-index:-2;background:url(/_t/nova/img/maps/de_mirage.webp) center 35%/cover;opacity:.3}.lb-hero::after{content:"";position:absolute;inset:0;z-index:-1;background:radial-gradient(55% 85% at 86% 8%,rgba(255,194,61,.2),transparent 62%),radial-gradient(55% 80% at 6% 92%,rgba(123,125,128,.24),transparent 60%),linear-gradient(180deg,rgba(5,7,10,.45),var(--bg) 97%)}
.lb-kin{display:flex;flex-wrap:wrap;gap:0 .26em}.lb-kin span{display:inline-block;animation:lbword .85s var(--spring) both;animation-delay:calc(var(--d)*140ms)}.lb-gold{background:linear-gradient(100deg,#FFE9A8,#FFC23D 34%,#FF7A3D 68%,#FFE9A8);-webkit-background-clip:text;background-clip:text;color:transparent}
.lb-live{display:inline-flex;align-items:center;gap:8px;margin-top:6px;padding:5px 12px;border:1px solid var(--line2);border-radius:99px;background:rgba(11,13,16,.6);font-size:13px;color:var(--muted);opacity:0;transition:opacity .4s}.lb-live.on{opacity:1}.lb-live b{color:var(--text);font-family:var(--fd)}.lb-live i{width:8px;height:8px;border-radius:50%;background:#3DDC97;box-shadow:0 0 0 0 rgba(61,220,151,.7);animation:lbdot 1.8s infinite}
.lb-pc.p1{isolation:isolate;overflow:hidden;border-color:transparent}.lb-pc.p1::before{content:"";position:absolute;z-index:-2;inset:-60%;background:conic-gradient(from var(--lban),#FFC23D,#FF3B5C,#FFB84D,#22D3EE,#FFC23D);animation:lbspin 6s linear infinite}.lb-pc.p1::after{content:"";position:absolute;z-index:-1;inset:2px;border-radius:inherit;background:#0C0E11}
.lb-pc{transition:transform .35s var(--ease)}.lb-pc:hover{transform:translateY(-5px)}
.lb-row:not(.hd){--mx:50%;position:relative;animation:lbrow .5s var(--ease) both;animation-delay:calc(var(--i,0)*45ms);background-image:radial-gradient(220px 90px at var(--mx) 50%,rgba(255,255,255,.07),transparent 70%);background-repeat:no-repeat;transition:transform .2s var(--ease)}.lb-row:not(.hd):hover{transform:translateX(4px)}
.lb-tiers{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:10px;list-style:none;margin:0;padding:0}.lb-tiers li{padding:14px 8px;text-align:center;border:1px solid var(--line);border-radius:18px;background:var(--card);transition:transform .3s var(--spring),border-color .2s}.lb-tiers li:hover{transform:translateY(-5px) scale(1.03);border-color:var(--line2)}.lb-tiers img{display:block;width:64px;height:64px;margin:0 auto 6px;filter:drop-shadow(0 8px 14px rgba(0,0,0,.5))}.lb-tiers b{display:block;font:800 14px var(--fd)}.lb-tiers small{color:var(--muted);font-size:12px}
.gi{display:inline-block;width:1.15em;height:1.15em;fill:currentColor;vertical-align:-.2em}.lb-cr{margin:14px 0 0;font-size:12px;color:var(--dim)}.lb-cr a{color:var(--muted)}
@media (max-width:1024px){.lb-q input,.lb-sel{font-size:16px}}
@media (max-width:760px){.lb-tiers{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media (prefers-reduced-motion:reduce){.lb-kin span,.lb-row:not(.hd),.lb-pc.p1::before,.lb-live i{animation:none}}html.calm .lb-pc.p1::before,html.calm .lb-live i{animation:none}

.lb-free{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;text-align:center;color:var(--muted);text-decoration:none;border-style:dashed}.lb-free b{color:var(--text);font:800 16px var(--fd)}.lb-fic{font:900 34px var(--fd);color:var(--dim)}