.leaderboard-shell{z-index:1;background:var(--app-shell-background);min-height:100svh;padding:calc(6rem + var(--safe-area-top)) max(1rem, env(safe-area-inset-right)) 2rem max(1rem, env(safe-area-inset-left));position:relative}.leaderboard-board{width:100%;max-width:960px;color:var(--foreground);margin:0 auto}.leaderboard-board h1{font-family:var(--font-display);margin:0 0 1.25rem;font-size:1.65rem;font-weight:750}.leaderboard-board .toolbar,.leaderboard-board .pagination{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.75rem;display:flex}.leaderboard-board .toolbar>span,.leaderboard-board .pagination>span,.leaderboard-board .rules{color:var(--muted-foreground);font-size:.75rem}.leaderboard-board .tabs{gap:.25rem;display:flex}.leaderboard-board .tabs button{border-bottom:2px solid #0000;padding:.6rem .85rem;font-size:.9rem;font-weight:700}.leaderboard-board .tabs button.active{border-color:var(--site-rail-gold);color:var(--site-rail-gold)}.leaderboard-board .tabs button:focus-visible{outline:2px solid var(--site-rail-gold);outline-offset:2px}.leaderboard-board .rules{margin:.8rem 0}.leaderboard-board .table-wrap{overflow-x:auto}.leaderboard-board table{border-collapse:collapse;width:100%;font-size:.9rem}.leaderboard-board th,.leaderboard-board td{border-bottom:1px solid var(--border);text-align:right;font-variant-numeric:tabular-nums;white-space:nowrap;padding:1rem .75rem}.leaderboard-board th:nth-child(2),.leaderboard-board th:first-child,.leaderboard-board td:first-child{text-align:left}.leaderboard-board thead{color:var(--muted-foreground);font-size:.75rem}.leaderboard-board .rank,.leaderboard-board .selected{color:var(--site-rail-gold)}.leaderboard-board tbody .selected{font-weight:800}.leaderboard-board .you{background:color-mix(in srgb, var(--site-rail-gold) 8%, transparent)}.leaderboard-board .you-label{color:var(--site-rail-gold);margin-left:.5rem;font-size:.7rem}.leaderboard-board .pagination{margin:1rem 0}.leaderboard-board .empty{color:var(--muted-foreground);padding:2rem 0}.leaderboard-board output.empty{display:block}@media (width<=520px){.leaderboard-board th,.leaderboard-board td{padding:.85rem .35rem}.leaderboard-board table{font-size:.78rem}}.leaderboard-spot{border-top:1px solid var(--border);color:var(--foreground,#fff);margin-top:1rem;padding:1rem 0}.leaderboard-spot .ranks{grid-template-columns:repeat(3,minmax(0,1fr));gap:.6rem;margin:.8rem 0;display:grid}.leaderboard-spot .ranks div{gap:.2rem;display:grid}.leaderboard-spot .ranks span,.leaderboard-spot p{color:var(--muted-foreground,#b4bdc9);font-size:.75rem}.leaderboard-spot .ranks strong{color:var(--site-rail-gold,#e5b45b);font-size:1.2rem}.leaderboard-spot small{color:var(--muted-foreground,#b4bdc9);font-size:.8rem}.leaderboard-spot p{margin:.5rem 0 .8rem;line-height:1.5}