.hb-lb{
  max-width:560px;margin:0 auto;padding:18px 18px 20px;
  background:linear-gradient(180deg,rgba(10,28,22,.55),rgba(6,18,15,.65));
  border:1px solid rgba(201,162,77,.35);border-radius:14px;
  box-shadow:0 10px 30px rgba(0,0,0,.35),inset 0 1px 0 rgba(255,255,255,.04);
  color:#e9e2cf;font-family:inherit;
}
.hb-lb-head{display:flex;align-items:center;justify-content:center;gap:10px;margin:0 0 14px}
.hb-lb-head h3{margin:0;font-size:1.15rem;letter-spacing:.14em;text-transform:uppercase;color:#d8b65a;font-weight:700}
.hb-lb-suits{font-size:1.05rem;letter-spacing:.18em;line-height:1}
.hb-lb-suits .s-s,.hb-lb-suits .s-c{color:#d8b65a}
.hb-lb-suits .s-h,.hb-lb-suits .s-d{color:#d9536a}
.hb-lb-you{display:flex;align-items:center;gap:8px;margin:0 0 14px;padding:10px 12px;
  background:rgba(0,0,0,.22);border:1px solid rgba(201,162,77,.22);border-radius:10px}
.hb-lb-you #hb-lb-name{flex:1;min-width:0;background:rgba(0,0,0,.35);border:1px solid rgba(201,162,77,.3);
  color:#f1ead7;border-radius:8px;padding:8px 10px;font-size:.95rem;font-family:inherit}
.hb-lb-you #hb-lb-name:focus{outline:none;border-color:#d8b65a}
.hb-lb-you #hb-lb-save{background:linear-gradient(180deg,#d8b65a,#b9933c);color:#1a1208;border:none;
  border-radius:8px;padding:8px 14px;font-weight:700;cursor:pointer;font-family:inherit}
.hb-lb-you #hb-lb-save:hover{filter:brightness(1.06)}
.hb-lb-you-pts{white-space:nowrap;color:#cdbf97;font-size:.9rem}
.hb-lb-you-pts strong{color:#f1ead7}
.hb-lb-list{list-style:none;margin:0;padding:0;counter-reset:none}
.hb-lb-row{display:flex;align-items:center;gap:10px;padding:9px 12px;border-radius:8px;font-size:.96rem}
.hb-lb-row + .hb-lb-row{margin-top:2px}
.hb-lb-row:nth-child(odd){background:rgba(255,255,255,.03)}
.hb-lb-rank{width:26px;flex:none;text-align:center;color:#c9a24d;font-weight:700}
.hb-lb-name{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.hb-lb-pts{flex:none;color:#f1ead7;font-weight:700;font-variant-numeric:tabular-nums}
.hb-lb-you-row{background:rgba(216,182,90,.16)!important;border:1px solid rgba(216,182,90,.4)}
.hb-lb-you-row .hb-lb-name::after{content:" (you)";color:#cdbf97;font-weight:400;font-size:.85em}
.hb-lb-empty{padding:14px;text-align:center;color:#9c9580;font-style:italic}
.hb-lb-tools{display:flex;gap:8px;justify-content:center;margin-top:14px;padding-top:12px;border-top:1px solid rgba(201,162,77,.18)}
.hb-lb-tools button{background:rgba(0,0,0,.3);border:1px solid rgba(201,162,77,.3);color:#cdbf97;
  border-radius:8px;padding:7px 12px;font-size:.82rem;cursor:pointer;font-family:inherit}
.hb-lb-tools button:hover{border-color:#d8b65a;color:#f1ead7}
.hb-lb-tools #hb-lb-clear:hover{border-color:#d9536a;color:#f0c9d0}