header.page{position:relative;overflow:hidden;padding:64px 24px 40px}header.page:before{content:"";position:absolute;inset:-40% -10% auto;height:80%;background:radial-gradient(60% 60% at 30% 20%,rgba(248,70,0,.16),transparent 60%),radial-gradient(50% 60% at 80% 30%,rgba(88,166,255,.12),transparent 60%);pointer-events:none;z-index:0}header.page .inner{max-width:var(--maxw);margin:0 auto;position:relative;z-index:1}header.page h1{margin:0 0 14px;font-size:clamp(32px,4.4vw,52px);line-height:1.05;letter-spacing:-.025em;font-weight:800}header.page h1 em{font-style:normal;background:linear-gradient(120deg,var(--brand) 0%,var(--brand-soft) 60%,#ffd28a 100%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}header.page p.lede{font-size:15px;color:var(--fg-muted);max-width:640px;margin:0}main{padding:0 24px 80px}main .inner{max-width:var(--maxw);margin:0 auto}.controls{display:flex;gap:14px;flex-wrap:wrap;align-items:center;margin-bottom:22px}.ctl-group{display:inline-flex;align-items:center;gap:8px;font-size:13px;color:var(--fg-muted)}.ctl-group label{color:var(--fg-faint)}.ctl-group select{appearance:none;-webkit-appearance:none;background:var(--bg-elev);color:var(--fg);border:1px solid var(--border);border-radius:8px;padding:8px 32px 8px 12px;font:inherit;font-size:13px;cursor:pointer;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%239aa3b2' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'><polyline points='6 9 12 15 18 9'></polyline></svg>");background-repeat:no-repeat;background-position:right 10px center;transition:border-color .15s ease;min-width:160px}.ctl-group select:hover{border-color:var(--fg-faint)}.ctl-group select:focus{outline:none;border-color:var(--brand-soft)}.scope{display:inline-flex;border:1px solid var(--border);border-radius:999px;overflow:hidden;padding:3px;background:var(--bg-elev)}.scope button{background:transparent;color:var(--fg-muted);border:none;padding:7px 16px;font:inherit;font-size:13px;font-weight:600;cursor:pointer;border-radius:999px;transition:all .15s ease}.scope button:hover{color:var(--fg)}.scope button.active{background:var(--brand);color:#fff;box-shadow:0 4px 14px -6px #f8460099}.lb-card{background:var(--bg-elev);border:1px solid var(--border);border-radius:14px;overflow:hidden}.lb-head{display:grid;grid-template-columns:64px 1fr auto auto;align-items:center;gap:14px;padding:14px 22px;background:#ffffff05;border-bottom:1px solid var(--border-soft);font-size:11px;color:var(--fg-faint);text-transform:uppercase;letter-spacing:.08em;font-weight:600}.lb-head .col-score,.lb-head .col-events{text-align:right}.lb-head .col-events{min-width:80px}.lb-row{display:grid;grid-template-columns:64px 1fr auto auto;align-items:center;gap:14px;padding:16px 22px;border-bottom:1px solid var(--border-soft);transition:background .12s ease}.lb-row:hover{background:#ffffff04}.lb-row:last-child{border-bottom:none}.lb-row .rank{font-weight:700;text-align:center;color:var(--fg-faint);font-variant-numeric:tabular-nums;font-size:15px}.lb-row.r1 .rank{color:var(--gold)}.lb-row.r2 .rank{color:var(--silver)}.lb-row.r3 .rank{color:var(--bronze)}.lb-row .who{display:flex;align-items:center;gap:14px;min-width:0}.lb-row .who img{width:40px;height:40px;border-radius:50%;background:#222;border:1px solid var(--border);flex-shrink:0}.lb-row .who .meta{min-width:0}.lb-row .who .name{font-weight:600;font-size:14px}.lb-row .who .id{color:var(--fg-faint);font-size:12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-family:JetBrains Mono,monospace}.lb-row .score{font-weight:700;font-variant-numeric:tabular-nums;color:var(--brand-soft);font-size:16px;min-width:70px;text-align:right}.lb-row .events{color:var(--fg-faint);font-size:12px;font-variant-numeric:tabular-nums;min-width:80px;text-align:right}.lb-empty{padding:56px;text-align:center;color:var(--fg-muted);font-size:14px}.lb-card .err{padding:14px 18px;background:#ff375b14;border:1px solid rgba(255,55,91,.32);border-radius:10px;color:#ff8a80;font-size:13px;margin-bottom:16px}.meta-line{margin-top:18px;font-size:12px;color:var(--fg-faint);display:flex;gap:18px;flex-wrap:wrap}.meta-line a{color:var(--accent)}.meta-line a:hover{color:var(--brand-soft)}@media(max-width:640px){.lb-head .col-events,.lb-row .events{display:none}.lb-head,.lb-row{grid-template-columns:48px 1fr auto;padding-left:14px;padding-right:14px}.lb-row .who img{width:34px;height:34px}.ctl-group select{min-width:120px}}
