/* Valor 2026-09-26: живой «Ладдер» (ladder.html, v2/p-ladder.js). Префикс .pl-. Общие .v2-podium / .v2-table / .v2-chip — из v2-pages.css. */

/* атрибут hidden сильнее display у наших блоков */
.pl [hidden],.pl-podium[hidden],.pl-err[hidden],.pl-filters[hidden],.pl-raids[hidden]{display:none !important}

.pl-top{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px 24px;margin:34px 0 24px}
.pl-top .pl-tabs{margin:0}
.pl-tab--hc.on,.pl-tab--hc:hover{box-shadow:0 0 0 1px #000,0 0 0 3px #8f3a22,0 0 0 4px #000,0 0 14px rgba(217,80,60,.35) !important}

/* строка «обновлено» */
.pl-live{display:flex;align-items:center;gap:9px;font-size:14px;color:var(--muted);min-width:0}
.pl-live i{flex:0 0 auto;width:9px;height:9px;border-radius:50%;background:#c9a45c;box-shadow:0 0 8px rgba(201,164,92,.7);animation:plPulse 1.4s ease-in-out infinite}
.pl-live--ok i{background:var(--green);box-shadow:0 0 8px rgba(142,209,79,.8);animation:none}
.pl-live--warn i{background:#ffcf5a;box-shadow:0 0 8px rgba(255,207,90,.7);animation:none}
.pl-live--warn span{color:#f0d49a}
.pl-live--err i{background:var(--red);box-shadow:0 0 8px rgba(217,80,60,.8);animation:none}
@keyframes plPulse{50%{opacity:.35}}

/* нет связи */
.pl-err{display:flex;align-items:center;gap:16px;margin:0 0 30px;padding:16px 18px;color:#f3dfc0;background:linear-gradient(90deg,rgba(217,80,60,.16),rgba(217,80,60,.03));box-shadow:0 0 0 1px #000,0 0 0 2px #7a2a1d,inset 3px 0 0 #d9503c}
.pl-err>img{width:44px;height:44px;border-radius:3px;box-shadow:0 0 0 1px #000,0 0 0 2px #7a2a1d;flex:0 0 auto}
.pl-err>div{flex:1;min-width:0}
.pl-err b{display:block;font:700 18px 'Philosopher',serif;color:#ffd9a8}
.pl-err small{color:var(--muted);font-size:14px}
.pl-err .wb{flex:0 0 auto}
.pl--err [data-pl-pane]{display:none !important}

/* пьедестал */
.pl-pod{animation:plIn .5s cubic-bezier(.2,.7,.2,1) both}
.pl-pod.p1{animation-delay:.06s}.pl-pod.p3{animation-delay:.12s}
.pl-pod b{overflow-wrap:anywhere}
.pl-pod .muted{font-size:14px}
.pl-pod__v{margin-top:8px;font-size:26px;color:#ffd24a;font-variant-numeric:tabular-nums}
.pl-pod.p1 .pl-pod__v{font-size:30px}
.pl-pod small{display:block;font-size:12px;letter-spacing:.6px;text-transform:uppercase}
.pl-pod--empty{opacity:.55}
.pl-pod--empty .muted{margin-top:14px}
.pl-pod--skel{display:flex;flex-direction:column;align-items:center;gap:10px;animation:none}
@keyframes plIn{from{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}

/* скелетоны */
.pl-sk{display:block;height:13px;width:80%;border-radius:3px;background:linear-gradient(90deg,#1c1612 25%,#2e241b 50%,#1c1612 75%);background-size:200% 100%;animation:plSk 1.4s linear infinite}
.pl-sk--ico{width:56px;height:56px;border-radius:4px}
.pl-sk--w60{width:60%;height:18px}.pl-sk--w40{width:40%}
.pl-skrow td:first-child .pl-sk{width:22px}
.pl-skrow:nth-child(3n) .pl-sk{width:62%}
@keyframes plSk{to{background-position:-200% 0}}

/* панель: подвкладки и фильтры */
.pl-bar{display:flex;flex-wrap:wrap;gap:14px 16px;align-items:center;justify-content:space-between;margin-bottom:14px}
.pl-bar .pl-subs{margin:0}
.pl-filters{display:flex;gap:12px;flex:1 1 320px;max-width:520px;min-width:0}
.pl-filters .v2-select{flex:1 1 0;min-width:0;cursor:pointer}
.pl-filters .v2-input{flex:1.3 1 0;min-width:0}
.pl-note{margin:0 0 16px !important;font-size:14px;line-height:1.5}

/* таблица */
.pl-name,.pl-who,.pl-boss{overflow-wrap:anywhere}
.pl-table td.rank{white-space:nowrap}
.pl-hs{display:none}
.pl-name .v2-name{font-weight:700}
.pl-name small{display:block;font-size:13px;color:var(--muted);line-height:1.3}
.pl-hc{width:18px;height:18px;margin-left:7px;vertical-align:-3px;border-radius:3px;box-shadow:0 0 0 1px #000,0 0 0 2px rgba(217,80,60,.7),0 0 6px rgba(217,80,60,.45)}
.pl-dot{display:inline-block;width:8px;height:8px;margin-left:8px;border-radius:50%;background:var(--green);box-shadow:0 0 7px var(--green);vertical-align:1px}
.pl-cls{white-space:nowrap}
.pl-fac{white-space:nowrap}
.pl-val{color:#ffd24a;font-weight:700}
.pl-w{color:var(--green)}.pl-l{color:#ec8f86}
.pl-med{display:block;font-size:12px;color:var(--muted);white-space:nowrap}
.pl-med i{display:inline-block;width:8px;height:8px;margin:0 4px 0 8px;border-radius:50%;vertical-align:0}
.pl-med i:first-child{margin-left:0}
.pl-med i.g{background:#ffd24a}.pl-med i.s{background:#dfe6f2}.pl-med i.b{background:#e39a5a}
.pl-key{display:inline-block;padding:0 6px;font-size:12px;font-weight:700;color:#ffd24a;background:#15100d;box-shadow:0 0 0 1px #000,0 0 0 2px #4d4742;border-radius:2px}
td small{display:block;font-size:12px;color:var(--muted)}
.pl-mods{min-width:120px}
.pl-mc{display:inline-block;margin:2px 8px 2px 0;padding:1px 9px;font-size:12px;font-weight:700;border-radius:2px;color:#e8ddcc;background:#15100d;box-shadow:0 0 0 1px #000,0 0 0 2px #4d4742;vertical-align:middle}
.pl-mc--hi{color:#ffb3a5;box-shadow:0 0 0 1px #000,0 0 0 2px #8f3a22}
.pl-mc--full{color:#1a0d00;background:linear-gradient(135deg,#ffd24a,#e39a1a);box-shadow:0 0 0 1px #000,0 0 0 2px #a7874f,0 0 9px rgba(255,210,74,.5)}
.pl-mc--base{color:var(--muted);font-weight:400;font-style:italic}
.pl-mods__i{display:inline-flex;flex-wrap:wrap;gap:3px;vertical-align:middle;max-width:240px}
.pl-mods__i img{width:20px;height:20px;border-radius:3px;box-shadow:0 0 0 1px #000,0 0 0 2px rgba(217,80,60,.45)}
.pl-on{color:var(--green);white-space:nowrap}
.pl-on i{display:inline-block;width:8px;height:8px;margin-right:7px;border-radius:50%;background:var(--green);box-shadow:0 0 8px var(--green)}
.pl-empty{padding:34px 12px !important;text-align:center;color:var(--muted)}
.pl-pages{flex-wrap:wrap}
.pl-gap{align-self:center;color:var(--muted)}
.pl-more{margin-top:22px}

/* первые победы */
.pl-raids{margin:0 0 16px}
.pl-raid-chips{margin:0 0 12px !important}
.pl-raid-chips .v2-chip{font-size:14px;padding:7px 13px}
.pl-raid-sel{display:none;margin:0 0 12px}
.pl-modes{display:inline-flex;flex-wrap:wrap;box-shadow:0 0 0 1px #000,0 0 0 3px #3e3934,0 0 0 4px #000;background:#15100d}
.pl-mode{font:700 14px 'Roboto Condensed',sans-serif;padding:7px 14px;color:var(--muted);background:transparent;border:0;cursor:pointer}
.pl-mode+.pl-mode{border-left:1px solid #2a221d}
.pl-mode:hover{color:#fff2cf}
.pl-mode.on{color:#fff2cf;background:linear-gradient(#3a2812,#1c120a);box-shadow:inset 0 0 0 1px #a7874f}
.pl-boss{font-weight:700;color:#f2e6d0}
.pl-date{white-space:nowrap;font-variant-numeric:tabular-nums}
.pl-guild{display:block;font-weight:700;color:#8fe06a}
.pl-who__n{line-height:1.45}
.pl-bots{display:inline-block;margin-left:8px;padding:0 7px;font-size:12px;color:var(--muted);box-shadow:0 0 0 1px #000,0 0 0 2px #3e3934;border-radius:2px;white-space:nowrap}
.pl-none td{opacity:.6}

@media (max-width:1000px){
  .pl-filters{max-width:none;flex-basis:100%}
  .pl-mods{min-width:0}
  .pl-mods__i{max-width:118px}
  .pl-hl{display:none}.pl-hs{display:inline}
  .pl-mc{display:block;width:max-content;margin:0 0 5px}
}
@media (max-width:640px){
  .pl-top{margin-top:26px}
  .pl-live{font-size:13px}
  .pl-err{flex-wrap:wrap}
  .pl-err .wb{margin-left:60px}
  .pl-filters{flex-direction:column}
  .pl-filters .v2-select,.pl-filters .v2-input{flex:0 0 auto;width:100%}
  .pl-hm{display:none}
  .pl-table th{font-size:11px;letter-spacing:.2px}
  .pl-med{white-space:normal}
  .pl-med i{margin-left:5px}
  .pl-raid-chips{display:none !important}
  .pl-raid-sel{display:block}
  .pl-cls span{display:none}
  .pl-cls .v2-ico{margin-right:0}
  .pl-mods{min-width:0}
  .pl-mods__i{display:none}
  .pl-subs .v2-chip,.pl-raid-chips .v2-chip{font-size:13px;padding:7px 10px}
  .pl-subs .v2-chip .v2-ico{width:20px;height:20px;margin-right:6px}
  .pl-pod__v,.pl-pod.p1 .pl-pod__v{font-size:24px}
}
@media (prefers-reduced-motion:reduce){
  .pl-live i,.pl-sk{animation:none}
  .pl-pod{animation:none}
}