/* The Unlock Box - leaderboard table (case pages). Tokens come from site.css. */
.lb { width: 100%; border-collapse: collapse; font-size: 1rem; }
.lb th { font-family: var(--caps); font-weight: 400; font-size: 0.62rem; letter-spacing: 0.22em; text-transform: uppercase; color: var(--gold); text-align: left; padding: 0.6rem 0.7rem; border-bottom: 1px solid var(--line-2); white-space: nowrap; }
.lb td { padding: 0.65rem 0.7rem; border-bottom: 1px solid var(--line); color: var(--cream-2); vertical-align: middle; }
.lb td:first-child { font-family: var(--caps); color: var(--gold-2); width: 2.6rem; }
.lb tr.top td:first-child { text-shadow: 0 0 12px rgba(201, 169, 97, 0.55); }
.lb tr.top td:nth-child(2) { color: var(--cream); font-family: var(--display); font-size: 1.15rem; }
.lb tr.me td { background: rgba(201, 169, 97, 0.08); color: var(--cream); }
.lb .you { font-family: var(--caps); font-size: 0.58rem; letter-spacing: 0.2em; text-transform: uppercase; color: var(--gold); margin-left: 0.5em; }
.lb-note { font-size: 0.95rem; color: var(--muted); margin-top: 1rem; font-style: italic; }
.lb-empty { font-family: var(--display); font-size: 1.4rem; color: var(--cream-2); font-style: italic; }
.lb-rules { font-size: 1rem; color: var(--cream-2); }
@media (max-width: 600px) {
  .lb th:nth-child(5), .lb td:nth-child(5), .lb th:nth-child(6), .lb td:nth-child(6) { display: none; }
  .lb td, .lb th { padding-left: 0.4rem; padding-right: 0.4rem; }
}