.lbx{border-top:2px solid var(--padelist-bright);flex-direction:column;gap:.8rem;padding:clamp(1rem,1.8vw,1.4rem);scroll-margin-top:6.5rem;display:flex}.lbx-head{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.4rem .75rem;display:flex}.lbx-kicker{letter-spacing:.14em;text-transform:uppercase;align-items:center;gap:.5rem;font-size:.74rem;font-weight:750;display:inline-flex}.lbx-kicker:before{content:"";background:var(--accent);width:1.2rem;height:2px}.lbx-period{border:1px solid var(--line);color:var(--muted);white-space:nowrap;border-radius:999px;padding:.2rem .6rem;font-size:.7rem}.lbx-tabs{border:1px solid var(--line);background:rgb(var(--ink-deep-rgb) / .5);border-radius:6px;grid-template-columns:repeat(3,minmax(0,1fr));gap:.2rem;padding:.2rem;display:grid}.lbx-tab{letter-spacing:.06em;text-transform:uppercase;white-space:nowrap;min-height:34px;color:var(--muted);transition:background-color .3s var(--ease), color .3s;border-radius:4px;padding:0 .4rem;font-size:.7rem;font-weight:650}.lbx-tab:hover{color:var(--chalk)}.lbx-tab[aria-selected=true]{background:var(--chalk);color:var(--navy)}.lbx-tab:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.lbx-panel{gap:.5rem;display:grid}.lbx-caption{letter-spacing:.12em;text-transform:uppercase;color:var(--muted);font-size:.7rem;font-weight:650}.lbx-list{display:grid}.lbx-row{--medal:#fff6;border-bottom:1px solid var(--line);grid-template-columns:1.75rem minmax(0,1fr) auto;align-items:center;gap:.7rem;min-height:2.9rem;padding:.35rem .1rem;display:grid}.lbx-row:first-child{border-top:1px solid var(--line)}.lbx-row.is-r1{--medal:#e3bb55}.lbx-row.is-r2{--medal:#c8d0dc}.lbx-row.is-r3{--medal:#cd8d5c}.lbx-row.is-you{background:rgb(var(--accent-rgb) / .09);box-shadow:inset 2px 0 0 var(--accent)}[dir=rtl] .lbx-row.is-you{box-shadow:inset -2px 0 0 var(--accent)}.lbx-rank{font-variant-numeric:tabular-nums;width:1.75rem;height:1.75rem;color:var(--muted);border-radius:50%;place-items:center;font-size:.78rem;font-weight:800;display:grid}.lbx-row:is(.is-r1,.is-r2,.is-r3) .lbx-rank{border:1px solid color-mix(in srgb, var(--medal) 75%, transparent);background:color-mix(in srgb, var(--medal) 13%, transparent);color:var(--medal)}.lbx-who{min-width:0;display:grid}.lbx-name{align-items:center;gap:.45rem;min-width:0;font-size:.95rem;font-weight:650;display:flex}.lbx-name bdi{text-overflow:ellipsis;white-space:nowrap;font-family:var(--font-archivo), var(--font-readex), system-ui, sans-serif;overflow:hidden}.lbx-you{background:var(--accent);color:var(--ink);letter-spacing:.08em;text-transform:uppercase;border-radius:3px;flex:none;padding:.05rem .4rem;font-size:.6rem;font-weight:800}.lbx-sub{color:var(--muted);font-size:.72rem}.lbx-pts{font-variant-numeric:tabular-nums;white-space:nowrap}.lbx-pts b{font-weight:800}.lbx-row.is-r1 .lbx-pts b{color:#f0cd72}.lbx-pts small{color:var(--muted);font-size:.7rem}.lbx-ghost{position:relative;overflow:hidden}.lbx-ghost:after{content:"";background:linear-gradient(90deg,#ffffff0a,#ffffff1a,#ffffff0a) 0 0/200% 100%;border-radius:4px;position:absolute;inset:.7rem 0}@media (prefers-reduced-motion:no-preference){.lbx-ghost:after{animation:1.4s linear infinite lbx-ghost}.lbx-list .lbx-row:not(.lbx-ghost){animation:lbx-in .45s var(--ease) both}}@keyframes lbx-ghost{to{background-position:-200% 0}}@keyframes lbx-in{0%{opacity:0;translate:0 6px}}.lbx-link{min-height:2rem;color:var(--accent-ink);text-decoration:underline;-webkit-text-decoration-color:rgb(var(--accent-rgb) / .5);text-decoration-color:rgb(var(--accent-rgb) / .5);text-underline-offset:3px;justify-self:start;align-items:center;gap:.4rem;font-size:.78rem;font-weight:650;display:inline-flex}.lbx-link:hover{color:var(--chalk)}.lbx-note{color:var(--muted);gap:.3rem;font-size:.86rem;display:grid}.lbx-invite{border:1px solid var(--line);background:rgb(var(--navy-rgb) / .35);border-radius:6px;justify-items:start;gap:.5rem;padding:.9rem 1rem 1rem;display:grid}.lbx-invite-title{font-size:1.15rem;line-height:1.2}.lbx-invite-text{color:var(--muted);font-size:.86rem}.lbx-play{min-height:40px;margin-top:.2rem}.lbx-me{border:1px solid rgb(var(--accent-rgb) / .35);background:rgb(var(--accent-rgb) / .08);border-radius:6px;align-items:center;gap:.55rem;min-width:0;padding:.55rem .75rem;font-size:.85rem;display:flex}.lbx-me-label{color:var(--muted);white-space:nowrap}.lbx-me-rank{color:var(--accent-ink);font-weight:800}.lbx-me-name{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;font-weight:650;overflow:hidden}.lbx-me-pts{white-space:nowrap;font-weight:800}.lbx-me-pts small{color:var(--muted);font-weight:500}.lbx-foot{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.25rem 1rem;margin-top:auto;display:flex}.lbx-verified{color:var(--muted);align-items:center;gap:.4rem;font-size:.74rem;display:inline-flex}.lbx-verified svg{fill:none;stroke:#8ea0ff;stroke-width:1.4px;stroke-linecap:round;stroke-linejoin:round;width:.95rem;height:.95rem}.lbx-how{letter-spacing:.1em;text-transform:uppercase;min-height:2.25rem;color:var(--accent-ink);align-items:center;gap:.4rem;font-size:.7rem;font-weight:700;display:inline-flex}.lbx-how:hover{color:var(--chalk)}.lbx-how .arrow,.lbx-link .arrow{width:.85rem}[dir=rtl] :is(.lbx-how,.lbx-link) .arrow{transform:scaleX(-1)}html[lang=ar] :is(.lbx-kicker,.lbx-tab,.lbx-how,.lbx-caption,.lbx-you){letter-spacing:0}html[lang=ar] .lbx-tab{font-size:.8rem}@media (max-width:639px){.lbx{gap:.65rem;padding:.95rem .95rem .6rem}.lbx-row{min-height:2.65rem}}
