/* ═══ Jucatori + profil jucator + harti: acelasi limbaj ca listele de servere ═══ */

/* lista de jucatori */
.pl2-search{gap:8px}
.pl2-meta{font-size:.76rem;color:var(--muted)}
.pl2-meta b{color:var(--text)}
.pl2-av{position:relative;width:30px;height:30px;flex-shrink:0;border-radius:50%;display:flex;align-items:center;justify-content:center;background:var(--bg3);color:var(--text2);font-weight:800;font-size:.78rem;box-shadow:0 0 0 1px var(--border2)}
.pl2-av .st{position:absolute;right:-3px;bottom:-3px;width:10px;height:10px;border-radius:50%;background:#4b4b55;box-shadow:0 0 0 2.5px var(--bg1)}
.pl2-av .st.on{background:var(--status-clean)}
tr:has(.st.on) .pl2-av{color:var(--text);box-shadow:0 0 0 1.5px color-mix(in srgb,var(--status-clean) 60%,transparent)}
.pl2-on{display:inline-flex;align-items:center;font-size:.6rem;font-weight:700;padding:2px 8px;border-radius:999px;color:var(--status-clean);background:rgba(92,184,138,.12);flex-shrink:0}
.pl2-nolink{color:var(--text);font-weight:600}
.pl2-srv{display:inline-flex;min-width:24px;justify-content:center;padding:2px 8px;border-radius:999px;background:var(--bg2);border:1px solid var(--border);font-size:.72rem;font-weight:700;color:var(--text2)}
.pl2-time{font-size:.8rem;color:var(--muted);font-variant-numeric:tabular-nums}
.pl2-time b{color:var(--text);font-weight:800}
.pl2-bar{width:90px;height:3px;border-radius:999px;background:var(--bg3);margin-top:5px;overflow:hidden}
.pl2-bar i{display:block;height:100%;border-radius:999px;background:linear-gradient(90deg,var(--accent),#7c8ae8)}
tr.top .pl2-bar i{background:linear-gradient(90deg,color-mix(in srgb,var(--m) 70%,transparent),var(--m))}
.pl2-seen{font-size:.74rem;color:var(--muted);white-space:nowrap}
.pl2-t .sv2-name a{max-width:280px}

/* profil jucator (pastram asezarea, doar detaliile) */
.pp-page .pp-header{border-radius:14px}
.pp-page .pp-header::before{height:0;inset:0;background:radial-gradient(520px 200px at 0 0,rgba(101,116,205,.10),transparent 70%)}
.pp-page .pp-header>*{position:relative}
.pp-page .pp-avatar{position:relative;width:60px;height:60px;border-radius:50%;border:0;font-size:1.5rem;font-weight:900;color:var(--text);background:var(--bg3);box-shadow:0 0 0 3px var(--bg1),0 0 0 5px var(--border2)}
.pp-page .pp-avatar.on{box-shadow:0 0 0 3px var(--bg1),0 0 0 5px var(--status-clean)}
.pp-page .pp-avatar .st{position:absolute;right:-1px;bottom:-1px;width:14px;height:14px;border-radius:50%;background:#4b4b55;box-shadow:0 0 0 3px var(--bg1)}
.pp-page .pp-avatar.on .st{background:var(--status-clean)}
.pp-page .pp-info h1{font-size:1.45rem;font-weight:800;letter-spacing:-.02em}
.pp-page .pp-status{border-radius:999px;font-size:.68rem;padding:3px 11px;border:0!important}
.pp-page .pp-status i{width:7px;height:7px;border-radius:50%;background:currentColor}
.pp-page .pp-status.online i{animation:pl2Pulse 2.4s ease-out infinite}
@keyframes pl2Pulse{0%{box-shadow:0 0 0 0 rgba(92,184,138,.5)}70%,100%{box-shadow:0 0 0 6px rgba(92,184,138,0)}}
.pp-page .pp-stat{--c:var(--accent);display:flex;align-items:center;gap:11px;text-align:left;border-radius:12px;border:1px solid var(--border);padding:12px 14px}
.pp-page .pp-ic{width:36px;height:36px;border-radius:50%;flex-shrink:0;display:flex;align-items:center;justify-content:center;color:var(--c);background:color-mix(in srgb,var(--c) 13%,transparent)}
.pp-page .pp-stat .n{font-family:inherit;color:var(--text);font-size:1.15rem;font-variant-numeric:tabular-nums;line-height:1.1}
.pp-page .pp-stat .l{text-transform:none;letter-spacing:0;font-size:.66rem}
.pp-page .pp-current{border-radius:14px;border-color:rgba(92,184,138,.28);background:linear-gradient(90deg,rgba(92,184,138,.07),var(--bg1) 55%)}
.pp-page .pp-current .info .label{text-transform:none;letter-spacing:0;font-size:.7rem;color:var(--status-clean)}
.pp-page .pp-current .pulse{animation:pl2Pulse 2.4s ease-out infinite;box-shadow:none}
.pp-page .pp-join{flex-shrink:0;color:var(--text)}
.pp-page .pp-join .ph{color:var(--status-clean)}
.pp-page .pp-join:hover{color:var(--status-clean);background:rgba(92,184,138,.1);border-color:rgba(92,184,138,.3)}
.pp-page .pp-section h2{font-size:.95rem;font-weight:800}
.pp-page .pp-count{font-size:.66rem;font-weight:700;color:var(--text2);background:var(--bg3);border:1px solid var(--border);padding:1px 8px;border-radius:999px}
.pp-page .pp-srv-table{border-radius:14px;border-collapse:separate;border-spacing:0}
.pp-page .pp-srv-table th{text-transform:none;letter-spacing:0;font-size:.68rem}
.pp-page .pp-srv-table td{font-variant-numeric:tabular-nums}
.pp-page .pp-fl{width:24px;height:24px;border-radius:50%;overflow:hidden;flex-shrink:0;box-shadow:0 0 0 1px var(--border2)}
.pp-page .pp-fl img{width:100%!important;height:100%!important;object-fit:cover;border-radius:0!important;display:block}
.pp-page .pp-fav{display:inline-flex;align-items:center;gap:4px;border-radius:999px;padding:2px 9px;font-size:.62rem;color:#d4af37;background:rgba(212,175,55,.12)}
.pp-page .pp-bar{width:70px;height:3px;border-radius:999px}
.pp-page .pp-bar span{border-radius:999px;background:linear-gradient(90deg,var(--accent),#7c8ae8)}

/* harti */
.pl2-seg{display:inline-flex}
.pl2-seg button{padding:6px 13px;font-size:.76rem}
.ml-card{border-radius:14px}
.ml-live{border-radius:999px!important;text-transform:none!important;letter-spacing:0!important;font-weight:700!important}
.ml-name{font-weight:700}
.ml-no-preview{text-transform:none!important;letter-spacing:0!important;font-family:inherit!important}

@media(max-width:700px){
  .pp-page .pp-stat{flex-direction:column;text-align:center;gap:6px}
  .pl2-t .sv2-name a{max-width:150px}
  .pp-stat{flex-direction:column;text-align:center;gap:6px}
  .pl2-seg{width:100%}
  .pl2-seg button{flex:1;padding:6px 6px}
}

#ml-reset[hidden]{display:none!important}