.plb{--plb-a:#4fea9f;--plb-a-rgb:79,234,159;--plb-gold:#ffcf4d;--plb-silver:#c9d3e6;--plb-bronze:#e8a36b;--plb-r:18px;--plb-ri:14px;--plb-card:linear-gradient(1deg,#1d1d24 30%,#24242c 100%);--plb-soft:rgba(255,255,255,.035);--plb-line:rgba(255,255,255,.07);--plb-muted:#8f91a6;container:plb/inline-size;position:relative;display:flex;flex-direction:column;gap:16px;margin:0 0 20px;color:#eceef5;font-family:inherit}
.plb *,.plb *::before,.plb *::after,.plb-modal *,.plb-modal *::before,.plb-modal *::after{box-sizing:border-box}
.plb [hidden],.plb-modal[hidden]{display:none!important}

.plb-hero{position:relative;z-index:20;display:flex;flex-direction:column;gap:18px;padding:20px;overflow:visible;border:1px solid var(--plb-line);border-radius:var(--plb-r);background:var(--plb-card);box-shadow:0 18px 40px -28px rgba(0,0,0,.8)}
.plb-hero__glow{position:absolute;z-index:0;inset:0;overflow:hidden;border-radius:inherit;pointer-events:none;background:radial-gradient(60% 140% at 100% 0,rgba(var(--plb-a-rgb),.13),transparent 60%),radial-gradient(40% 90% at 0 100%,rgba(90,180,255,.07),transparent 70%)}
.plb-hero__top,.plb-hero__tools{position:relative;z-index:1}
.plb-hero__top{display:flex;flex-wrap:wrap;align-items:center;gap:14px;min-width:0}
.plb-hero__icon{flex:0 0 auto;display:inline-flex;align-items:center;justify-content:center;width:48px;height:48px;border-radius:14px;background:rgba(var(--plb-a-rgb),.14);color:var(--plb-a);font-size:24px;box-shadow:inset 0 0 0 1px rgba(var(--plb-a-rgb),.22)}
.plb-hero__titles{flex:1 1 220px;display:flex;flex-direction:column;gap:3px;min-width:0}
.plb-hero__titles b{color:#fff;font-size:20px;font-weight:800;line-height:1.2}
.plb-hero__titles small{color:var(--plb-muted);font-size:13px;font-weight:600}
.plb-hero__chips{flex:0 1 auto;display:flex;flex-wrap:wrap;gap:8px}
.plb-chip{display:inline-flex;align-items:center;gap:7px;height:34px;padding:0 13px;border:1px solid var(--plb-line);border-radius:11px;background:rgba(10,10,14,.35);color:var(--plb-muted);font-size:12.5px;font-weight:700;white-space:nowrap}
.plb-chip i{color:var(--plb-a);font-size:16px}
.plb-chip b{color:#fff;font-size:14px;font-weight:800;font-variant-numeric:tabular-nums}
.plb-chip em{font-style:normal}
.plb-hero__tools{display:grid;grid-template-columns:minmax(0,300px) minmax(0,1fr);align-items:end;gap:12px;padding-top:16px;border-top:1px solid var(--plb-line)}
.plb-field{display:flex;flex-direction:column;gap:7px;min-width:0}
.plb-field__label{padding-left:4px;color:var(--plb-muted);font-size:11px;font-weight:800;letter-spacing:.07em;text-transform:uppercase}
.plb-hero__server{position:relative;min-width:0}
.plb-hero__server .pb-server-dropdown{display:flex;width:100%;margin:0}
.plb-hero__server .pb-server-dropdown__menu{z-index:60}
.plb-search{position:relative;display:flex;align-items:center;gap:9px;min-width:0;height:48px;margin:0;padding:0 6px 0 14px;border:1px solid var(--plb-line);border-radius:13px;background:rgba(10,10,14,.35);cursor:text;transition:border-color .2s ease,box-shadow .2s ease}
.plb-search:focus-within{border-color:rgba(var(--plb-a-rgb),.5);box-shadow:0 0 0 4px rgba(var(--plb-a-rgb),.08)}
.plb-search>i{flex:0 0 auto;color:var(--plb-muted);font-size:19px}
.plb .plb-search input{position:static;flex:1 1 auto;width:auto;min-width:0;height:100%;max-width:none;margin:0;padding:0;border:0;border-radius:0;outline:0;background:transparent;box-shadow:none;color:#fff;font-family:inherit;font-size:14px;font-weight:600;line-height:normal;transform:none;opacity:1}
.plb .plb-search input::placeholder{color:#6f7186;opacity:1}
.plb-search__clear{flex:0 0 auto;display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;margin:0;padding:0;border:0;border-radius:9px;background:var(--plb-soft);color:var(--plb-muted);font-size:18px;cursor:pointer}
.plb-search__clear:hover{color:#fff;background:rgba(255,255,255,.08)}
.plb-search__me{flex:0 0 auto;display:inline-flex;align-items:center;gap:6px;height:36px;margin:0;padding:0 12px;border:1px solid rgba(var(--plb-a-rgb),.3);border-radius:10px;background:rgba(var(--plb-a-rgb),.1);color:var(--plb-a);font-family:inherit;font-size:12.5px;font-weight:800;white-space:nowrap;cursor:pointer;transition:background .2s ease,border-color .2s ease}
.plb-search__me i{font-size:17px}
.plb-search__me:hover{border-color:rgba(var(--plb-a-rgb),.55);background:rgba(var(--plb-a-rgb),.18)}

.plb-records{display:flex;flex-direction:column;gap:12px}
.plb-records__head{display:flex;align-items:center;gap:10px;padding:0 2px}
.plb-records__badge{flex:0 0 auto;display:inline-flex;align-items:center;justify-content:center;width:30px;height:30px;border-radius:10px;background:rgba(255,207,77,.14);color:var(--plb-gold);font-size:16px;box-shadow:inset 0 0 0 1px rgba(255,207,77,.25)}
.plb-records__head b{color:#fff;font-size:15px;font-weight:800;white-space:nowrap}
.plb-records__line{flex:1 1 auto;height:1px;background:linear-gradient(90deg,var(--plb-line),transparent)}
.plb-records__head small{color:var(--plb-muted);font-size:12px;font-weight:600;white-space:nowrap}
.plb-records__grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}
.plb-rec{--plb-k:var(--plb-a);--plb-k-rgb:var(--plb-a-rgb);position:relative;isolation:isolate;display:flex;flex-direction:column;align-items:stretch;gap:12px;min-width:0;margin:0;padding:14px;overflow:hidden;border:1px solid var(--plb-line);border-radius:var(--plb-ri);background:var(--plb-card);color:#fff;font-family:inherit;text-align:left;cursor:pointer;transition:transform .3s cubic-bezier(.2,.8,.2,1),border-color .3s ease,box-shadow .3s ease;animation:plbIn .45s cubic-bezier(.2,.8,.2,1) both}
.plb-rec::before{content:"";position:absolute;z-index:-1;inset:0;background:radial-gradient(120% 90% at 100% 0,rgba(var(--plb-k-rgb),.16),transparent 60%);transition:opacity .3s ease}
.plb-rec::after{content:"";position:absolute;left:14px;right:14px;top:0;height:2px;border-radius:0 0 4px 4px;background:linear-gradient(90deg,transparent,var(--plb-k),transparent);opacity:.7}
.plb-rec:hover{transform:translateY(-4px);border-color:rgba(var(--plb-k-rgb),.45);box-shadow:0 18px 34px -20px rgba(var(--plb-k-rgb),.6)}
.plb-rec--kd{--plb-k:#5ab4ff;--plb-k-rgb:90,180,255;animation-delay:.05s}
.plb-rec--hs{--plb-k:#ff6b6b;--plb-k-rgb:255,107,107;animation-delay:.1s}
.plb-rec--time{--plb-k:#c084fc;--plb-k-rgb:192,132,252;animation-delay:.15s}
.plb-rec__bg{position:absolute;z-index:-1;right:-14px;bottom:-18px;color:rgba(var(--plb-k-rgb),.07);font-size:96px;line-height:1;transform:rotate(-12deg);transition:transform .5s cubic-bezier(.2,.8,.2,1),color .3s ease}
.plb-rec:hover .plb-rec__bg{transform:rotate(0) scale(1.08);color:rgba(var(--plb-k-rgb),.12)}
.plb-rec__top{display:flex;align-items:center;gap:9px;min-width:0}
.plb-rec__icon{flex:0 0 auto;display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:10px;background:rgba(var(--plb-k-rgb),.15);color:var(--plb-k);font-size:17px}
.plb-rec__top small{overflow:hidden;color:#c9cbe0;font-size:12px;font-weight:700;line-height:1.25}
.plb-rec__value{display:flex;align-items:baseline;flex-wrap:wrap;gap:4px 7px}
.plb-rec__value b{color:#fff;font-size:26px;font-weight:900;line-height:1;letter-spacing:-.01em;font-variant-numeric:tabular-nums;text-shadow:0 0 22px rgba(var(--plb-k-rgb),.35)}
.plb-rec__value em{color:var(--plb-muted);font-size:11.5px;font-style:normal;font-weight:700}
.plb-rec__who{display:flex;align-items:center;gap:6px;min-width:0;padding:7px 9px;border-radius:10px;background:rgba(10,10,14,.4);border:1px solid rgba(255,255,255,.05)}
.plb-rec__who>i:first-child{flex:0 0 auto;color:var(--plb-gold);font-size:14px}
.plb-rec__who span{flex:1 1 auto;min-width:0;overflow:hidden;color:#fff;font-size:12.5px;font-weight:800;white-space:nowrap;text-overflow:ellipsis}
.plb-rec__go{flex:0 0 auto;color:var(--plb-k);font-size:17px;opacity:.5;transition:transform .25s ease,opacity .25s ease}
.plb-rec:hover .plb-rec__go{opacity:1;transform:translateX(3px)}

.plb-board{position:relative;transition:opacity .2s ease}
.plb-board.is-loading{opacity:.45;pointer-events:none}
.plb-board__inner{display:flex;flex-direction:column;gap:16px}

.plb-podium{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));align-items:end;gap:12px}
.plb-podium--n1{grid-template-columns:minmax(0,360px);justify-content:center}
.plb-podium--n2{grid-template-columns:repeat(2,minmax(0,1fr))}
.plb-pod{--plb-m:var(--plb-a);--plb-m-rgb:var(--plb-a-rgb);position:relative;isolation:isolate;display:flex;flex-direction:column;align-items:center;gap:10px;min-width:0;padding:22px 16px 16px;overflow:hidden;border:1px solid rgba(var(--plb-m-rgb),.28);border-radius:var(--plb-r);background:#18181e;color:#fff;text-align:center;cursor:pointer;outline:0;transition:transform .3s cubic-bezier(.2,.8,.2,1),box-shadow .3s ease,border-color .3s ease;animation:plbIn .5s cubic-bezier(.2,.8,.2,1) both}
.plb-pod--1{--plb-m:var(--plb-gold);--plb-m-rgb:255,207,77;order:2;padding-top:34px;box-shadow:0 24px 50px -26px rgba(255,207,77,.45)}
.plb-pod--2{--plb-m:var(--plb-silver);--plb-m-rgb:201,211,230;order:1;animation-delay:.08s}
.plb-pod--3{--plb-m:var(--plb-bronze);--plb-m-rgb:232,163,107;order:3;animation-delay:.14s}
.plb-podium--n1 .plb-pod,.plb-podium--n2 .plb-pod{order:0}
.plb-pod:hover,.plb-pod:focus-visible{transform:translateY(-5px);border-color:rgba(var(--plb-m-rgb),.6);box-shadow:0 26px 50px -22px rgba(var(--plb-m-rgb),.45)}
.plb-pod__cover{position:absolute;z-index:-3;inset:0 0 auto;height:62%;overflow:hidden}
.plb-pod__cover .mst-adm-bg,.plb-modal__cover .mst-adm-bg,.plb-pod__cover .plb-cover-default,.plb-modal__cover .plb-cover-default{position:absolute;inset:0;width:100%;height:100%;background-position:center;background-size:cover;object-fit:cover;transition:transform .8s cubic-bezier(.2,.7,.2,1)}
.plb-pod__cover .mst-adm-bg-overlay,.plb-modal__cover .mst-adm-bg-overlay{display:none}
.plb-cover-default{background:radial-gradient(80% 120% at 50% 0,rgba(var(--plb-m-rgb,var(--plb-a-rgb)),.35),transparent 70%),linear-gradient(135deg,#2a2a35,#1b1b22)}
.plb-pod:hover .plb-pod__cover .mst-adm-bg{transform:scale(1.06)}
.plb-pod__shade{position:absolute;z-index:-2;inset:0;background:linear-gradient(180deg,rgba(24,24,30,.25) 0%,rgba(24,24,30,.8) 42%,#18181e 64%),radial-gradient(90% 60% at 50% 100%,rgba(var(--plb-m-rgb),.14),transparent 70%)}
.plb-pod__medal{position:absolute;top:12px;left:12px;display:inline-flex;align-items:center;gap:5px;height:30px;padding:0 10px;border-radius:10px;background:rgba(var(--plb-m-rgb),.16);border:1px solid rgba(var(--plb-m-rgb),.4);color:var(--plb-m);font-size:13px;font-weight:900;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}
.plb-pod__medal i{font-size:16px}
.plb-pod--1 .plb-pod__medal{box-shadow:0 0 18px rgba(255,207,77,.35)}
.plb-pod__ava{position:relative;display:inline-flex;padding:4px;border-radius:22px;background:linear-gradient(140deg,rgba(var(--plb-m-rgb),.9),rgba(var(--plb-m-rgb),.15));box-shadow:0 12px 26px -8px rgba(0,0,0,.6)}
.plb-pod--1 .plb-pod__ava::after{content:"";position:absolute;inset:-6px;border-radius:26px;border:1px solid rgba(255,207,77,.35);animation:plbPulse 2.4s ease-in-out infinite;pointer-events:none}
@keyframes plbPulse{50%{inset:-10px;opacity:0}}
.plb-pod__ava .plb-ava{width:74px;height:74px;border-radius:18px;font-size:30px}
.plb-pod__who{display:flex;flex-direction:column;align-items:center;gap:5px;max-width:100%;min-width:0}
.plb-pod__who .plb-name{max-width:100%;font-size:16px}
.plb-pod__stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;width:100%}
.plb-pod__stat{display:flex;flex-direction:column;gap:2px;min-width:0;padding:8px 4px;border-radius:11px;background:rgba(255,255,255,.04)}
.plb-pod__stat b{overflow:hidden;color:#fff;font-size:15px;font-weight:800;white-space:nowrap;text-overflow:ellipsis;font-variant-numeric:tabular-nums}
.plb-pod__stat small{color:var(--plb-muted);font-size:10.5px;font-weight:700;letter-spacing:.03em;text-transform:uppercase}

.plb-ava{display:inline-flex;align-items:center;justify-content:center;flex:0 0 auto;width:42px;height:42px;overflow:hidden;border-radius:12px;background:#22222b;color:#fff;font-weight:800;line-height:1}
.plb-ava--letter{background:linear-gradient(140deg,hsl(var(--plb-h),62%,52%),hsl(calc(var(--plb-h) + 40),58%,34%));font-size:18px;text-shadow:0 1px 4px rgba(0,0,0,.35)}
.plb-ava--user{width:auto!important;height:auto!important;overflow:visible;background:none;border-radius:0}

.plb-name{display:inline-flex;align-items:center;gap:5px;min-width:0;overflow:hidden;color:#fff;font-size:14px;font-weight:800;white-space:nowrap;text-overflow:ellipsis;text-decoration:none!important}
.plb-name i{flex:0 0 auto;color:var(--plb-a);font-size:15px}
a.plb-name:hover{filter:brightness(1.15)}
.plb-rank{display:inline-flex;align-items:center;gap:5px;max-width:100%;height:22px;padding:0 8px 0 6px;overflow:hidden;border-radius:7px;background:rgba(255,255,255,.06);color:#c9cbe0;font-size:11.5px;font-weight:700;white-space:nowrap;text-overflow:ellipsis}
.plb-rank img{flex:0 0 auto;display:block;width:auto;height:16px;max-width:30px;object-fit:contain;filter:drop-shadow(0 1px 3px rgba(0,0,0,.5))}

.plb-skill{--plb-s:#a9abbd;--plb-s-rgb:169,171,189;display:inline-flex;align-items:center;gap:5px;height:28px;padding:0 10px;border:1px solid rgba(var(--plb-s-rgb),.3);border-radius:9px;background:rgba(var(--plb-s-rgb),.1);color:var(--plb-s);font-size:12px;font-weight:800;white-space:nowrap}
.plb-skill i{font-size:14px}
.plb-skill em{font-style:normal;letter-spacing:.02em}
.plb-skill b{color:#fff;font-weight:800;font-variant-numeric:tabular-nums}
.plb-skill em+b{padding-left:6px;border-left:1px solid rgba(var(--plb-s-rgb),.3)}
.plb-skill--success{--plb-s:#4ade80;--plb-s-rgb:74,222,128}
.plb-skill--primary{--plb-s:#5ab4ff;--plb-s-rgb:90,180,255}
.plb-skill--warning{--plb-s:#f5a524;--plb-s-rgb:245,165,36}
.plb-skill--danger{--plb-s:#ff6b6b;--plb-s-rgb:255,107,107}
.plb-skill--lg{height:38px;padding:0 14px;border-radius:12px;font-size:14px}
.plb-skill--lg i{font-size:18px}

.plb-list{display:flex;flex-direction:column;gap:6px;padding:10px;border:1px solid var(--plb-line);border-radius:var(--plb-r);background:var(--plb-card)}
.plb-board__inner.is-search .plb-list{animation:plbIn .3s ease both}
.plb-row{display:grid;grid-template-columns:44px minmax(0,1fr) 86px 76px 62px 128px 116px;align-items:center;gap:10px;min-height:58px;padding:7px 12px 7px 8px;border:1px solid transparent;border-radius:13px;background:var(--plb-soft);color:#eceef5;font-size:13px;cursor:pointer;outline:0;transition:background .2s ease,border-color .2s ease,transform .2s ease,opacity .3s ease}
.plb-row:not(.plb-row--head):hover,.plb-row:not(.plb-row--head):focus-visible{border-color:rgba(var(--plb-a-rgb),.28);background:rgba(var(--plb-a-rgb),.05);transform:translateX(3px)}
.plb-row.is-removing{opacity:0;transform:translateX(20px)}
.plb-row--head{min-height:32px;padding-top:0;padding-bottom:0;background:none;color:var(--plb-muted);font-size:10.5px;font-weight:800;letter-spacing:.07em;text-transform:uppercase;cursor:default}
.plb-row__place{display:flex;justify-content:center}
.plb-row__place b{display:inline-flex;align-items:center;justify-content:center;min-width:32px;height:32px;padding:0 6px;border-radius:10px;background:rgba(255,255,255,.05);color:var(--plb-muted);font-size:13px;font-weight:800;font-variant-numeric:tabular-nums}
.plb-row--ten .plb-row__place b{background:rgba(var(--plb-a-rgb),.1);color:var(--plb-a)}
.plb-row--p1 .plb-row__place b{background:rgba(255,207,77,.16);color:var(--plb-gold)}
.plb-row--p2 .plb-row__place b{background:rgba(201,211,230,.14);color:var(--plb-silver)}
.plb-row--p3 .plb-row__place b{background:rgba(232,163,107,.16);color:var(--plb-bronze)}
.plb-row__player{display:flex;align-items:center;gap:11px;min-width:0}
.plb-row__ava{flex:0 0 auto;display:inline-flex}
.plb-row__who{display:flex;flex-direction:column;align-items:flex-start;gap:3px;min-width:0}
.plb-row__who .plb-rank{height:20px;font-size:10.5px}
.plb-row__who .plb-rank img{height:14px}
.plb-pod__who .plb-rank,.plb-modal__meta .plb-rank{height:26px;padding:0 10px 0 7px;font-size:12px}
.plb-pod__who .plb-rank img,.plb-modal__meta .plb-rank img{height:20px;max-width:36px}
.plb-row__num{color:#fff;font-weight:800;text-align:center;font-variant-numeric:tabular-nums}
.plb-row__num--dim{color:#b5b7c9;font-weight:700}
.plb-row--head .plb-row__num,.plb-row--head .plb-row__kd,.plb-row--head .plb-row__hs,.plb-row--head .plb-row__skill{color:var(--plb-muted);font-weight:800}
.plb-row__kd{justify-self:center;font-weight:800;font-variant-numeric:tabular-nums}
.plb-row__kd.is-up{color:#4ade80}
.plb-row__kd.is-down{color:#ff8a8a}
.plb-row__hs{display:flex;align-items:center;gap:8px;min-width:0}
.plb-row--head .plb-row__hs{justify-content:center}
.plb-row__hs em{flex:0 0 36px;color:#fff;font-size:12px;font-style:normal;font-weight:800;text-align:right;font-variant-numeric:tabular-nums}
.plb-meter{flex:1 1 auto;height:6px;overflow:hidden;border-radius:999px;background:rgba(255,255,255,.08)}
.plb-meter i{display:block;height:100%;min-width:3px;border-radius:inherit;background:linear-gradient(90deg,#ff8a5c,#ff5c7a)}
.plb-row__skill{display:flex;justify-content:flex-end}
.plb-row--head .plb-row__skill{justify-content:flex-end;padding-right:6px}
.plb-board__inner.is-no-rows .plb-list{display:none}

.plb-empty{display:flex;flex-direction:column;align-items:center;gap:6px;padding:40px 18px;border:1px dashed rgba(255,255,255,.12);border-radius:var(--plb-r);background:var(--plb-card);color:var(--plb-muted);font-size:13px;font-weight:600;text-align:center}
.plb-empty i{margin-bottom:4px;color:var(--plb-a);font-size:36px}
.plb-empty b{color:#fff;font-size:16px;font-weight:800}

.plb-pages{display:flex;justify-content:center}
.plb-pages:empty{display:none}
.plb-pages .pagination{margin:0}

@keyframes plbIn{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}

.plb-lock,.plb-lock body{overflow:hidden!important}
.plb-modal{--plb-a:#4fea9f;--plb-a-rgb:79,234,159;--plb-line:rgba(255,255,255,.07);--plb-muted:#8f91a6;--plb-gold:#ffcf4d;--plb-silver:#c9d3e6;--plb-bronze:#e8a36b;position:fixed;z-index:100050;inset:0;display:flex;align-items:center;justify-content:center;padding:16px;color:#eceef5;font-family:inherit;text-align:left;opacity:0;transition:opacity .22s ease}
.plb-modal.is-open{opacity:1}
.plb-modal__bg{position:absolute;inset:0;background:rgba(6,6,10,.76);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}
.plb-modal__win{position:relative;display:flex;flex-direction:column;width:min(780px,100%);max-height:calc(100vh - 32px);overflow:hidden;border:1px solid rgba(255,255,255,.08);border-radius:22px;background:linear-gradient(180deg,#25252e 0%,#1b1b22 100%);box-shadow:0 30px 80px rgba(0,0,0,.6);transform:translateY(14px) scale(.98);transition:transform .3s cubic-bezier(.2,.8,.2,1)}
.plb-modal.is-open .plb-modal__win{transform:none}
.plb-modal__head{position:relative;isolation:isolate;flex:0 0 auto;padding:70px 20px 18px;overflow:hidden}
.plb-modal__cover{position:absolute;z-index:-2;inset:0}
.plb-modal__cover .mst-adm-bg{filter:saturate(1.1)}
.plb-modal__shade{position:absolute;z-index:-1;inset:0;background:linear-gradient(180deg,rgba(26,26,33,.2) 0%,rgba(30,30,38,.85) 62%,#25252e 100%)}
.plb-icon{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;margin:0;padding:0;border:1px solid rgba(255,255,255,.12);border-radius:11px;background:rgba(10,10,14,.5);color:#d9dbe6;font-size:20px;cursor:pointer;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);transition:color .2s ease,border-color .2s ease}
.plb-icon:hover{border-color:rgba(var(--plb-a-rgb),.45);color:var(--plb-a)}
.plb-modal__x{position:absolute;top:14px;right:14px}
.plb-modal__id{display:flex;align-items:flex-end;gap:14px;min-width:0}
.plb-modal__ava{flex:0 0 auto;display:inline-flex;padding:4px;border-radius:22px;background:linear-gradient(140deg,rgba(var(--plb-a-rgb),.8),rgba(var(--plb-a-rgb),.1));box-shadow:0 12px 26px -8px rgba(0,0,0,.6)}
.plb-modal__ava .plb-ava{width:74px;height:74px;border-radius:18px;font-size:30px}
.plb-modal__who{flex:1 1 auto;display:flex;flex-direction:column;gap:6px;min-width:0}
.plb-modal__place{display:inline-flex;align-items:center;align-self:flex-start;gap:5px;height:24px;padding:0 9px;border-radius:8px;background:rgba(var(--plb-a-rgb),.14);color:var(--plb-a);font-size:11.5px;font-weight:800}
.plb-modal__place--1{background:rgba(255,207,77,.16);color:var(--plb-gold)}
.plb-modal__place--2{background:rgba(201,211,230,.14);color:var(--plb-silver)}
.plb-modal__place--3{background:rgba(232,163,107,.16);color:var(--plb-bronze)}
.plb-modal__name{max-width:100%;font-size:22px;line-height:1.2}
.plb-modal__name i{font-size:18px}
.plb-modal__meta{display:flex;flex-wrap:wrap;align-items:center;gap:6px}
.plb-steam{display:inline-flex;align-items:center;gap:5px;height:22px;padding:0 8px;border-radius:7px;background:rgba(255,255,255,.06);color:#c9cbe0;font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:11.5px;font-weight:600;cursor:pointer;transition:color .2s ease,background .2s ease}
.plb-steam:hover{background:rgba(var(--plb-a-rgb),.12);color:var(--plb-a)}
.plb-steam i{font-size:14px}
.plb-modal__skill{flex:0 0 auto;align-self:center}

.plb-modal__body{flex:1 1 auto;display:flex;flex-direction:column;gap:14px;padding:4px 20px 20px;overflow-y:auto;scrollbar-width:thin;scrollbar-color:rgba(255,255,255,.14) transparent}
.plb-kpis{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}
.plb-kpi{--plb-k:var(--plb-a);--plb-k-rgb:var(--plb-a-rgb);display:flex;flex-direction:column;gap:3px;min-width:0;padding:12px;border:1px solid rgba(var(--plb-k-rgb),.18);border-radius:14px;background:linear-gradient(160deg,rgba(var(--plb-k-rgb),.1),rgba(255,255,255,.02) 70%)}
.plb-kpi i{color:var(--plb-k);font-size:20px}
.plb-kpi b{overflow:hidden;color:#fff;font-size:20px;font-weight:800;white-space:nowrap;text-overflow:ellipsis;font-variant-numeric:tabular-nums}
.plb-kpi span{color:var(--plb-muted);font-size:11.5px;font-weight:700}
.plb-kpi--deaths{--plb-k:#a9abbd;--plb-k-rgb:169,171,189}
.plb-kpi--kd{--plb-k:#5ab4ff;--plb-k-rgb:90,180,255}
.plb-kpi--hs{--plb-k:#ff6b6b;--plb-k-rgb:255,107,107}

.plb-rings{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
.plb-ring{display:flex;align-items:center;gap:12px;min-width:0;padding:12px;border:1px solid var(--plb-line);border-radius:14px;background:rgba(255,255,255,.03)}
.plb-ring__dial{position:relative;flex:0 0 auto;display:inline-flex;align-items:center;justify-content:center;width:62px;height:62px;border-radius:50%;background:conic-gradient(var(--plb-c) calc(var(--plb-v) * 1%),rgba(255,255,255,.08) 0)}
.plb-ring__dial::before{content:"";position:absolute;inset:6px;border-radius:50%;background:#212129}
.plb-ring__dial b{position:relative;color:#fff;font-size:13.5px;font-weight:800;font-variant-numeric:tabular-nums}
.plb-ring__label{display:flex;flex-direction:column;gap:2px;min-width:0;color:#fff;font-size:13px;font-weight:800}
.plb-ring__label small{overflow:hidden;color:var(--plb-muted);font-size:11.5px;font-weight:600;white-space:nowrap;text-overflow:ellipsis}

.plb-groups{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
.plb-group{display:flex;flex-direction:column;gap:8px;min-width:0;padding:12px 14px;border:1px solid var(--plb-line);border-radius:14px;background:rgba(255,255,255,.03)}
.plb-group__title{display:flex;align-items:center;gap:7px;margin:0;color:#fff;font-size:13px;font-weight:800}
.plb-group__title i{color:var(--plb-a);font-size:17px}
.plb-group__list{display:flex;flex-direction:column}
.plb-kv{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:7px 0;border-bottom:1px dashed rgba(255,255,255,.07);font-size:12.5px}
.plb-kv:last-child{border-bottom:0}
.plb-kv span{color:var(--plb-muted);font-weight:600}
.plb-kv b{color:#fff;font-weight:800;text-align:right;font-variant-numeric:tabular-nums}
.plb-sides{display:flex;flex-direction:column;gap:6px;padding-top:9px}
.plb-sides__bar{display:flex;height:8px;overflow:hidden;border-radius:999px;background:rgba(255,255,255,.08)}
.plb-sides__bar i{display:block;height:100%}
.plb-sides__t{background:linear-gradient(90deg,#f5a524,#e8c46b)}
.plb-sides__ct{background:linear-gradient(90deg,#7fb6ff,#5a8dff)}
.plb-sides__legend{display:flex;justify-content:space-between;font-size:11.5px;font-weight:800}
.plb-sides__lt{color:#f5c15a}
.plb-sides__lct{color:#8bb8ff}

.plb-modal__foot{flex:0 0 auto;display:flex;flex-wrap:wrap;justify-content:flex-end;gap:8px;padding:14px 20px 18px;border-top:1px solid var(--plb-line)}
.plb-btn{display:inline-flex;align-items:center;justify-content:center;gap:7px;height:42px;margin:0;padding:0 16px;border:1px solid rgba(255,255,255,.12);border-radius:12px;background:rgba(10,10,14,.55);color:#e6e8f0;font-family:inherit;font-size:13px;font-weight:800;white-space:nowrap;cursor:pointer;transition:filter .2s ease,background .2s ease,border-color .2s ease,color .2s ease,transform .15s ease}
.plb-btn i{font-size:18px}
.plb-btn em{padding:3px 8px;border-radius:8px;background:rgba(0,0,0,.18);font-style:normal}
.plb-btn:active{transform:scale(.96)}
.plb-btn:disabled{opacity:.55;cursor:default}
.plb-btn--primary{border-color:transparent;background:linear-gradient(135deg,var(--plb-a),rgba(var(--plb-a-rgb),.75));color:#0c1410}
.plb-btn--primary:hover{filter:brightness(1.08)}
.plb-btn--danger{border-color:rgba(239,68,68,.4);background:rgba(239,68,68,.14);color:#ff8a8a}
.plb-btn--danger:hover,.plb-btn--danger.is-confirm{border-color:rgba(239,68,68,.7);background:rgba(239,68,68,.26);color:#ffd0d0}

.plb-toast{position:fixed;z-index:100100;left:50%;bottom:24px;display:inline-flex;align-items:center;gap:8px;padding:10px 16px;border:1px solid rgba(255,255,255,.1);border-radius:12px;background:#1d1d24;color:#fff;font-size:13px;font-weight:700;box-shadow:0 16px 40px rgba(0,0,0,.5);transform:translate(-50%,20px);opacity:0;transition:opacity .2s ease,transform .2s ease;pointer-events:none}
.plb-toast.is-on{opacity:1;transform:translate(-50%,0)}
.plb-toast i{color:#4ade80;font-size:18px}
.plb-toast.is-fail i{color:#ff8a8a}

@container plb (max-width: 860px){
  .plb-records__grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .plb-row{grid-template-columns:40px minmax(0,1fr) 76px 60px 110px}
  .plb-row__num--dim,.plb-row--head .plb-row__num:nth-child(4),.plb-row__hs{display:none}
  .plb-row--head .plb-row__hs{display:none}
}
@container plb (max-width: 640px){
  .plb-hero{padding:16px}
  .plb-hero__tools{grid-template-columns:minmax(0,1fr)}
  .plb-search__me span,.plb-records__head small{display:none}
  .plb-search__me{padding:0 10px}
  .plb-records__grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .plb-rec__value b{font-size:21px}
  .plb-podium,.plb-podium--n2{grid-template-columns:minmax(0,1fr);align-items:stretch}
  .plb-pod{flex-direction:row;flex-wrap:wrap;justify-content:flex-start;gap:10px 12px;padding:14px;text-align:left}
  .plb-pod--1,.plb-pod--2,.plb-pod--3{order:0;padding-top:14px}
  .plb-pod__cover{height:100%}
  .plb-pod__shade{background:linear-gradient(90deg,rgba(24,24,30,.96) 0%,rgba(24,24,30,.8) 60%,rgba(24,24,30,.55) 100%)}
  .plb-pod__medal{position:static;order:-2}
  .plb-pod__ava{order:-1;padding:3px;border-radius:16px}
  .plb-pod__ava .plb-ava{width:52px;height:52px;border-radius:13px;font-size:22px}
  .plb-pod__ava .pb-avatar-wrap{transform:scale(.75)!important;margin:-9px!important}
  .plb-pod__who{flex:1 1 0;align-items:flex-start}
  .plb-pod .plb-skill{order:5}
  .plb-pod__stats{order:4;flex:1 1 100%}
  .plb-list{padding:6px}
  .plb-row{grid-template-columns:34px minmax(0,1fr) auto auto;gap:8px;padding:7px 8px 7px 4px}
  .plb-row__kd{display:none}
  .plb-row--head .plb-row__kd{display:none}
  .plb-row__num{font-size:12.5px}
  .plb-row__skill .plb-skill em{display:none}
  .plb-row__skill .plb-skill em+b{padding-left:0;border-left:0}
  .plb-row--head .plb-row__skill{padding-right:0}
}
@media (max-width:640px){
  .plb-modal{align-items:flex-end;padding:0}
  .plb-modal__win{max-height:92vh;border-radius:22px 22px 0 0}
  .plb-modal__head{padding:60px 16px 14px}
  .plb-modal__id{flex-wrap:wrap}
  .plb-modal__ava .plb-ava{width:56px;height:56px;border-radius:14px;font-size:24px}
  .plb-modal__name{font-size:18px}
  .plb-modal__skill{flex-basis:100%}
  .plb-modal__body{padding:4px 14px 16px}
  .plb-kpis{grid-template-columns:repeat(2,minmax(0,1fr))}
  .plb-rings,.plb-groups{grid-template-columns:minmax(0,1fr)}
  .plb-modal__foot{padding:12px 14px 16px}
  .plb-modal__foot .plb-btn{flex:1 1 100%}
}
@media (prefers-reduced-motion: reduce){
  .plb *,.plb-modal *{animation:none!important;transition:none!important}
}
