.ava.pl-ava{width:100px;height:100px;font-size:40px;box-shadow:0 0 0 4px rgba(255,180,84,.5),var(--sh-3)}
  .ava{
    width:28px;height:28px;border-radius:50%;flex:none;object-fit:cover;display:inline-grid;place-items:center;
    background:var(--room-3);color:var(--amber-soft);font-weight:900;font-size:13px;line-height:1;
    box-shadow:0 0 0 2px rgba(255,220,180,.1);text-transform:uppercase;
  }
  .flag{width:16px;height:11px;flex:none;border-radius:2px;display:inline-block;vertical-align:middle;
        box-shadow:0 0 0 1px rgba(0,0,0,.25)}

  .podium{display:grid;grid-template-columns:1fr 1.12fr 1fr;gap:20px;align-items:end;margin-bottom:28px}
  .pod{
    position:relative;display:flex;flex-direction:column;align-items:center;text-align:center;gap:8px;
    background:linear-gradient(168deg,var(--room-2),var(--room));
    border:1px solid rgba(255,220,180,.08);border-radius:var(--r-lg);
    padding:26px 20px 22px;box-shadow:var(--sh-2);color:inherit;
    transition:transform .35s cubic-bezier(.2,.9,.3,1.1),border-color .35s ease,box-shadow .35s ease;
  }
  .pod:hover{transform:translateY(-5px);border-color:rgba(255,180,84,.28);box-shadow:var(--sh-3)}
  .pod.first{
    padding-top:34px;
    background:
      radial-gradient(360px 200px at 50% 0%,rgba(255,180,84,.16),transparent 70%),
      linear-gradient(168deg,var(--room-2),var(--room));
    border-color:rgba(255,180,84,.22);
  }
  .pod .art{width:74px;height:74px;margin-top:-4px}
  .medal{
    width:48px;height:48px;border-radius:50%;display:grid;place-items:center;
    font-weight:900;font-size:22px;box-shadow:var(--sh-1);
  }
  .medal.p1{background:linear-gradient(160deg,#FFD98A,var(--amber));color:#3A2206}
  .medal.p2{background:linear-gradient(160deg,#E4E7EA,#AFB6BD);color:#2A2A2E}
  .medal.p3{background:linear-gradient(160deg,#E0A071,#B87446);color:#2E1A0C}
  .pod .pava{position:relative;margin:2px 0 4px}
  .pod .pava .ava{width:84px;height:84px;font-size:32px;box-shadow:0 0 0 3px rgba(255,220,180,.14),var(--sh-2)}
  .pod.first .pava .ava{width:96px;height:96px;box-shadow:0 0 0 3px rgba(255,180,84,.55),var(--sh-2)}
  .pod .pava .medal{position:absolute;right:-6px;bottom:-4px;width:34px;height:34px;font-size:16px;
                    box-shadow:0 0 0 3px var(--room)}
  .pod .who{display:flex;align-items:center;gap:8px;max-width:100%;font-weight:900;font-size:19px}
  .pod .who b{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
  .pod .lv{font-size:13px;color:var(--warm-dim);font-weight:700}
  .pod .lv b{color:var(--amber);font-weight:900}
  .pod dl{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;width:100%;margin:8px 0 0}
  .pod dl div{background:rgba(27,19,16,.55);border:1px solid rgba(255,220,180,.07);border-radius:var(--r-sm);padding:8px 4px}
  .pod dt{font-size:11px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:var(--warm-dim)}
  .pod dd{margin:0;font-weight:900;font-size:17px;font-variant-numeric:tabular-nums}
  .pod dd.hot{color:var(--amber)}

  .numrow.n3{grid-template-columns:repeat(3,1fr);margin:0 0 28px}
  @media (max-width:520px){.numrow.n3{grid-template-columns:1fr 1fr}}

  .rank-t{flex-wrap:wrap;row-gap:10px}
  .rank-t .range{margin-left:auto}
  .find{
    display:flex;align-items:center;gap:8px;flex:1 1 200px;max-width:280px;
    background:rgba(27,19,16,.6);border:1px solid rgba(255,220,180,.09);border-radius:999px;padding:6px 14px;
    transition:border-color .2s;
  }
  .find:focus-within{border-color:rgba(255,180,84,.45)}
  .find .i{font-size:15px;color:var(--warm-dim)}
  .find input{
    flex:1;min-width:0;background:none;border:0;outline:0;color:var(--cream);
    font-family:var(--f);font-weight:700;font-size:14px;
  }
  .find input::placeholder{color:var(--warm-dim);font-weight:600}
  .ava[hidden],.find[hidden]{display:none}
  .seg{
    display:inline-flex;padding:4px;gap:4px;
    background:rgba(27,19,16,.6);border:1px solid rgba(255,220,180,.09);border-radius:999px;
  }
  .seg button{
    font-family:var(--f);font-weight:800;font-size:13px;color:var(--warm-dim);
    background:none;border:0;border-radius:999px;padding:6px 14px;cursor:pointer;
    transition:background .2s,color .2s,transform .35s var(--ease);
  }
  .seg button:hover{color:var(--cream)}
  .seg button[aria-selected="true"]{background:linear-gradient(170deg,#FFC470,var(--amber));color:#3A2206}

  .rank-scroll{overflow-x:auto}
  .rank{width:100%;border-collapse:collapse;min-width:640px}
  .rank th{
    text-align:right;padding:12px 14px;font-size:11px;font-weight:800;white-space:nowrap;
    letter-spacing:.12em;text-transform:uppercase;color:var(--warm-dim);
    background:rgba(27,19,16,.45);border-bottom:1px solid rgba(255,220,180,.08);
  }
  .rank th.l,.rank td.l{text-align:left}
  .rank td{
    padding:11px 14px;text-align:right;font-variant-numeric:tabular-nums;white-space:nowrap;
    color:var(--warm);border-bottom:1px solid rgba(255,220,180,.05);font-size:15px;
  }
  .rank tbody tr:last-child td{border-bottom:0}
  .rank tbody tr{cursor:pointer;transition:background .2s}
  .rank tbody tr:hover{background:rgba(255,220,180,.045)}
  .rank tbody tr:hover .nk{color:var(--amber)}
  .rank .nkc{max-width:260px}
  .rank .nkw{display:flex;align-items:center;gap:9px;min-width:0}
  .st{width:9px;height:9px;border-radius:50%;flex:none;background:rgba(255,220,180,.18);visibility:hidden}
  .rank.known .st{visibility:visible}
  .st.on{background:var(--pine);box-shadow:0 0 0 0 rgba(116,169,138,.7);animation:pulse 2.4s infinite}
  @media (prefers-reduced-motion:reduce){.st.on{animation:none}}
  .chip[hidden]{display:none}
  .chip .flag{width:18px;height:12px}
  .rank .nk{color:var(--cream);font-weight:700;overflow:hidden;text-overflow:ellipsis;transition:color .2s}
  .rank .pts{color:var(--amber);font-weight:900}
  .rank .mut{color:var(--warm-dim);font-size:13px;margin-left:4px}
  .lvl{
    display:inline-grid;place-items:center;min-width:30px;height:24px;padding:0 7px;border-radius:8px;
    background:rgba(255,180,84,.12);color:var(--amber-soft);font-weight:900;font-size:13px;
  }
  .mini{display:inline-block;width:56px;height:6px;border-radius:99px;background:rgba(255,220,180,.07);
        vertical-align:middle;margin-right:8px;overflow:hidden}
  .mini s{display:block;height:100%;border-radius:99px;background:var(--pine)}
  .mini.amber s{background:linear-gradient(90deg,var(--ember),var(--amber))}
  .place{
    display:inline-grid;place-items:center;min-width:26px;height:26px;padding:0 4px;border-radius:99px;
    font-weight:900;font-size:13px;color:var(--warm-dim);
  }
  .place.p1{background:linear-gradient(160deg,#FFD98A,var(--amber));color:#3A2206}
  .place.p2{background:linear-gradient(160deg,#E4E7EA,#AFB6BD);color:#2A2A2E}
  .place.p3{background:linear-gradient(160deg,#E0A071,#B87446);color:#2E1A0C}
  .rank .empty td{text-align:center;color:var(--warm-dim);padding:34px 14px;cursor:default}

  .pager{display:flex;align-items:center;justify-content:center;gap:6px;flex-wrap:wrap;padding:16px 16px 18px;
         border-top:1px solid rgba(255,220,180,.07)}
  .pager button{
    font-family:var(--f);font-weight:800;font-size:14px;min-width:38px;height:38px;padding:0 12px;
    border-radius:12px;border:1px solid rgba(255,220,180,.09);background:rgba(27,19,16,.55);
    color:var(--warm);cursor:pointer;font-variant-numeric:tabular-nums;
    transition:background .2s,color .2s,border-color .2s,transform .35s var(--ease);
  }
  .pager button:hover:not(:disabled){color:var(--cream);border-color:rgba(255,180,84,.35)}
  .pager button[aria-current="page"]{background:linear-gradient(170deg,#FFC470,var(--amber));color:#3A2206;border-color:transparent}
  .pager button:disabled{opacity:.35;cursor:default}
  .pager .gap{color:var(--warm-dim);padding:0 2px}

  @media (max-width:820px){
    .podium{grid-template-columns:1fr;align-items:stretch}
    .pod.first{order:-1}
    .rank{min-width:0}
    .rank .hide-s{display:none}
    .rank th,.rank td{padding:10px 9px;font-size:14px}
    .rank .nkc{max-width:150px}
  }

  .prof{
    display:flex;align-items:center;gap:24px;margin-bottom:20px;
    background:linear-gradient(168deg,var(--room-2),var(--room));
    border:1px solid rgba(255,220,180,.08);border-radius:var(--r-lg);padding:22px 26px;box-shadow:var(--sh-2);
  }
  .prof .txt{display:flex;flex-direction:column;gap:6px;min-width:0}
  .prof h2{font-size:clamp(26px,3.2vw,36px);overflow-wrap:anywhere}
  .prof .rk{color:var(--amber);font-weight:900;font-size:17px}
  .prof .chips{justify-content:flex-start;margin-top:6px}
  @media (max-width:640px){
    .prof{flex-direction:column;text-align:center;padding:22px 18px}
    .prof .chips{justify-content:center}
  }
  .pl-top{display:grid;grid-template-columns:340px 1fr;gap:20px;align-items:stretch}
  .lvcard{
    background:
      radial-gradient(420px 240px at 50% 0%,rgba(255,180,84,.16),transparent 70%),
      linear-gradient(170deg,var(--room-2),var(--room));
    border:1px solid rgba(255,220,180,.1);border-radius:var(--r-lg);box-shadow:var(--sh-2);
    padding:26px 24px;display:flex;flex-direction:column;align-items:center;text-align:center;gap:10px;
  }
  .lvring{
    width:118px;height:118px;border-radius:50%;display:grid;place-items:center;
    background:conic-gradient(var(--amber) calc(var(--pct) * 1%),rgba(255,220,180,.08) 0);
  }
  .lvring div{
    width:98px;height:98px;border-radius:50%;background:var(--room);display:grid;place-items:center;
    box-shadow:inset 0 1px 0 rgba(255,220,180,.08);
  }
  .lvring b{font-size:42px;font-weight:900;line-height:1;color:var(--amber);font-variant-numeric:tabular-nums}
  .lvcard h3{font-size:19px}
  .lvcard p{color:var(--warm);font-size:14.5px}
  .lvcard p b{color:var(--cream)}
  .lvcard .bon{
    margin-top:auto;display:inline-flex;align-items:center;gap:8px;
    background:rgba(255,180,84,.1);border:1px solid rgba(255,180,84,.22);border-radius:999px;
    padding:8px 16px;font-weight:800;color:var(--amber-soft);font-variant-numeric:tabular-nums;
  }
  .tiles{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;align-content:stretch}
  .tile{background:var(--room);border:1px solid rgba(255,220,180,.07);border-radius:var(--r);padding:16px 18px;
        display:flex;flex-direction:column;justify-content:center}
  .tile b{display:block;font-weight:900;font-size:clamp(22px,2.4vw,28px);line-height:1.15;font-variant-numeric:tabular-nums}
  .tile span{font-size:12px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--warm-dim)}
  .tile.hot b{color:var(--amber)}

  .pl-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(300px,100%),1fr));gap:20px;margin-top:20px;align-items:start}
  .pl-grid > *{min-width:0}
  .bars{list-style:none;margin:0;padding:8px 0 12px}
  .bars li{display:grid;grid-template-columns:1fr auto;gap:4px 14px;align-items:baseline;padding:9px 20px}
  .bars li + li{border-top:1px solid rgba(255,220,180,.05)}
  .bars .nm{font-weight:700;color:var(--cream)}
  .bars .vl{font-weight:900;color:var(--amber);font-variant-numeric:tabular-nums}
  .bars .vl i{font-style:normal;font-weight:700;font-size:12.5px;color:var(--warm-dim);margin-left:8px}
  .bars .br{grid-column:1 / -1;display:block;height:7px;border-radius:99px;background:rgba(255,220,180,.06);overflow:hidden}
  .bars .br s{display:block;height:100%;border-radius:99px;background:linear-gradient(90deg,var(--ember),var(--amber))}
  .bars.pine .br s{background:var(--pine)}
  .facts{list-style:none;margin:0;padding:6px 0 10px}
  .facts li{display:flex;justify-content:space-between;gap:16px;padding:10px 20px;font-size:15px;color:var(--warm)}
  .facts li + li{border-top:1px solid rgba(255,220,180,.05)}
  .facts b{color:var(--cream);font-weight:800;font-variant-numeric:tabular-nums;white-space:nowrap}
  .sides{padding:16px 20px 20px;border-top:1px solid rgba(255,220,180,.07)}
  .sides .lbl{display:flex;justify-content:space-between;font-size:13px;font-weight:800;margin-bottom:8px;
              font-variant-numeric:tabular-nums}
  .sides .lbl .t{color:var(--amber)}
  .sides .lbl .ct{color:var(--frost)}
  .split{display:flex;height:12px;border-radius:99px;overflow:hidden;background:rgba(255,220,180,.06);gap:3px}
  .split .t{background:linear-gradient(90deg,var(--ember),var(--amber))}
  .split .ct{background:var(--frost)}
  .pl-back{display:flex;justify-content:center;gap:12px;flex-wrap:wrap;margin-top:26px}
  .chip.on{color:var(--pine)}
  .chip.on b{color:var(--pine)}
  .pl-miss{text-align:center;color:var(--warm);padding-block:10px 0}

  @media (max-width:900px){
    .pl-top{grid-template-columns:1fr}
    .tiles{grid-template-columns:repeat(2,1fr)}
  }

  .tile{transition:transform var(--t-mid) var(--ease),border-color var(--t-mid) ease}
  .tile:hover{transform:translateY(-3px);border-color:rgba(255,220,180,.14)}
  @media (prefers-reduced-motion:reduce){.tile{transition:none}.tile:hover{transform:none}}

  .skl{display:inline-block;height:12px;max-width:100%;border-radius:7px;vertical-align:middle;
       background:rgba(255,220,180,.11);animation:skel 1.4s ease-in-out infinite}
  .sk .ava{background:rgba(255,220,180,.11);box-shadow:none;vertical-align:top;animation:skel 1.4s ease-in-out infinite}
  .pod.sk{pointer-events:none}
  .pod.sk .who{height:32px}
  .pod.sk .who .skl{height:16px}
  .pod.sk .lv{height:22px;display:flex;align-items:center}
  .pod.sk dd{height:29px;display:grid;place-items:center}
  .numrow.sk b{color:transparent;width:5.5em;max-width:100%;border-radius:7px;
               background:rgba(255,220,180,.11);animation:skel 1.4s ease-in-out infinite}
  .skt{color:transparent!important;border-radius:9px;background:rgba(255,220,180,.11);
       animation:skel 1.4s ease-in-out infinite}
  .sk-seg{width:92px;height:30px;border-radius:99px;margin:2px}
  .rank tbody tr.sk{cursor:default;animation:none}
  .rank tbody tr.sk:hover{background:none}
  .podium > .pod.ready{animation:fade .45s ease both}
  @media (prefers-reduced-motion:reduce){
    .skl,.sk .ava,.numrow.sk b,.skt{animation:none}
    .podium > .pod.ready{animation:none}
  }