.hars-lb-page{min-height:100vh;direction:rtl;background:#0b0f14;color:#e8eef7;font-family:inherit;}
.hars-lb-shell{max-width:1100px;margin:0 auto;padding:18px 16px 64px;}
.hars-lb-topbar{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:16px;}
.hars-lb-brand{display:flex;align-items:center;gap:10px;}
.hars-lb-logo{width:40px;height:40px;border-radius:14px;background:rgba(255,255,255,.08);display:flex;align-items:center;justify-content:center;font-size:18px;}
.hars-lb-brand h1{margin:0;font-size:16px;line-height:1.2;}
.hars-lb-badges{display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-end;}
.hars-lb-pill{background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.12);padding:8px 10px;border-radius:999px;font-size:12px;white-space:nowrap;}
.hars-lb-pill a{color:#e8eef7;text-decoration:none;}

.hars-lb-nav{display:flex;gap:8px;flex-wrap:wrap;margin:10px 0 18px;}
.hars-lb-nav a{background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.10);color:#e8eef7;text-decoration:none;padding:10px 12px;border-radius:14px;font-size:13px;}
.hars-lb-nav a:hover{background:rgba(255,255,255,.10);}

.hars-lb{display:flex;flex-direction:column;gap:14px;}
.hars-lb-hero{display:flex;gap:12px;flex-wrap:wrap;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.12);border-radius:18px;padding:14px;}
.hars-lb-hero-left{display:flex;gap:12px;align-items:flex-start;flex:1 1 420px;}
.hars-lb-badge{width:52px;height:52px;border-radius:18px;background:rgba(255,255,255,.10);display:flex;align-items:center;justify-content:center;font-size:22px;}
.hars-lb-title{font-size:12px;opacity:.78;margin-bottom:4px;}
.hars-lb-name{font-size:18px;font-weight:700;margin-bottom:8px;}
.hars-lb-stats{display:flex;gap:10px;flex-wrap:wrap;font-size:13px;}
.hars-lb-final{font-weight:700;}
.hars-lb-hero-right{flex:0 1 260px;min-width:240px;}
.hars-lb-sub{font-size:12px;opacity:.78;margin-bottom:8px;}
.hars-lb-medals{display:flex;gap:8px;flex-wrap:wrap;}
.hars-lb-medal{width:42px;height:42px;border-radius:14px;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.12);display:flex;align-items:center;justify-content:center;overflow:hidden;}
.hars-lb-medal img{width:100%;height:100%;object-fit:cover;}
.hars-lb-muted{font-size:13px;opacity:.75;}

.hars-lb-list{background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.10);border-radius:18px;padding:14px;}
.hars-lb-list-title{font-size:14px;font-weight:700;margin-bottom:10px;}
.hars-lb-ol{margin:0;padding:0;list-style:none;display:flex;flex-direction:column;gap:8px;}
.hars-lb-row{display:flex;align-items:center;gap:12px;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.10);border-radius:16px;padding:10px 12px;}
.hars-lb-rank{width:32px;height:32px;border-radius:12px;background:rgba(255,255,255,.10);display:flex;align-items:center;justify-content:center;font-weight:800;}
.hars-lb-user{flex:1;min-width:0;}
.hars-lb-user-name{font-weight:700;font-size:14px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.hars-lb-user-sub{font-size:12px;opacity:.75;margin-top:2px;}
.hars-lb-mini{display:flex;gap:10px;font-size:12px;white-space:nowrap;}

.hars-lb-empty{background:rgba(255,70,130,.12);border:1px solid rgba(255,70,130,.35);color:#ffd7e6;padding:12px 14px;border-radius:14px;font-size:13px;}

@media (max-width:640px){
  .hars-lb-hero-right{flex:1 1 100%;min-width:0}
  .hars-lb-mini{gap:8px}
}