:root{color-scheme:dark;--bg: #080b16;--surface: rgba(255, 255, 255, .045);--surface-2: rgba(255, 255, 255, .07);--border: rgba(255, 255, 255, .09);--text: rgba(237, 243, 255, .92);--text-muted: rgba(160, 174, 199, .82);--text-faint: rgba(148, 163, 184, .55);--input-bg: rgba(6, 10, 22, .5);--input-border: rgba(255, 255, 255, .1);--input-text: #eef4ff;--accent: #57e389;--accent-strong: #38d16f;--accent-contrast: #05230f;--accent-glow: rgba(87, 227, 137, .35);--shadow: 0 24px 48px -30px rgba(0, 0, 0, .85);--nav-bg: rgba(9, 13, 24, .55);--nav-border: rgba(255, 255, 255, .08);--nav-text: rgba(237, 243, 255, .95);--nav-muted: rgba(160, 174, 199, .7)}html[data-theme=light]{color-scheme:light;--bg: #eef2f8;--surface: #ffffff;--surface-2: #f3f6fb;--border: rgba(15, 23, 42, .08);--text: #0f1729;--text-muted: #5b6678;--text-faint: #94a3b8;--input-bg: #f1f5f9;--input-border: rgba(15, 23, 42, .12);--input-text: #0f172a;--accent: #16a34a;--accent-strong: #15803d;--accent-contrast: #ffffff;--accent-glow: rgba(22, 163, 74, .2);--shadow: 0 16px 34px -22px rgba(15, 23, 42, .3);--nav-bg: rgba(255, 255, 255, .72);--nav-border: rgba(15, 23, 42, .08);--nav-text: #0f1729;--nav-muted: #64748b}*{margin:0;padding:0;box-sizing:border-box;font-family:Afacad Flux,system-ui,sans-serif}body{min-height:100vh;min-height:100dvh;color:var(--text);background-color:var(--bg);background-image:radial-gradient(1100px 640px at 84% -10%,var(--accent-glow),transparent 60%);background-attachment:fixed}body:before{content:"";position:fixed;inset:0;z-index:-1;pointer-events:none;background-image:linear-gradient(rgba(255,255,255,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.035) 1px,transparent 1px);background-size:46px 46px;-webkit-mask-image:radial-gradient(circle at 50% 18%,#000,transparent 82%);mask-image:radial-gradient(circle at 50% 18%,#000,transparent 82%)}html[data-theme=light] body:before{background-image:linear-gradient(rgba(15,23,42,.045) 1px,transparent 1px),linear-gradient(90deg,rgba(15,23,42,.045) 1px,transparent 1px)}.topnav{position:sticky;top:0;z-index:150;display:flex;align-items:center;gap:14px;padding:8px clamp(12px,2vw,20px);background:color-mix(in srgb,var(--nav-bg) 60%,transparent);backdrop-filter:blur(14px)}.topnav__brand{font-size:17px;font-weight:700;text-decoration:none;background:linear-gradient(90deg,var(--nav-text),var(--accent));-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.topnav__links{display:flex;gap:4px}.topnav__link{text-decoration:none;color:var(--nav-muted);font-size:13px;font-weight:500;padding:5px 11px;border-radius:8px}.topnav__link:hover{color:var(--nav-text);background:#7f7f7f24}.topnav__link--active{color:var(--nav-text);background:color-mix(in srgb,var(--accent) 18%,transparent)}.auth-slot{margin-left:auto;display:inline-flex;align-items:center;gap:8px}.auth-email{font-size:12.5px;color:var(--nav-muted);max-width:150px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.auth-btn{text-decoration:none;font-size:12.5px;font-weight:600;padding:6px 12px;border-radius:8px;border:1px solid var(--accent);background:var(--accent);color:var(--accent-contrast);cursor:pointer}.auth-btn--ghost{background:transparent;color:var(--nav-muted);border-color:var(--border)}.theme-toggle{width:32px;height:32px;display:grid;place-items:center;border-radius:9px;border:1px solid var(--nav-border);background:transparent;color:var(--nav-text);cursor:pointer;font-size:15px}.theme-toggle:before{content:"🌙"}html[data-theme=light] .theme-toggle:before{content:"☀️"}.lb{max-width:780px;margin:0 auto;padding:clamp(14px,2.5vw,30px)}.lb-head h1{font-size:clamp(26px,4vw,34px);font-weight:700;letter-spacing:-.01em}.lb-head p{color:var(--text-muted);font-size:15px;margin-top:4px}.lb-controls{display:flex;flex-wrap:wrap;gap:12px;align-items:center;justify-content:space-between;margin:20px 0 16px}.lb-tabs{display:inline-flex;gap:4px;padding:4px;border-radius:999px;background:var(--surface);border:1px solid var(--border)}.lb-tab{padding:7px 15px;border:none;background:transparent;color:var(--text-muted);font-size:14px;font-weight:600;border-radius:999px;cursor:pointer}.lb-tab--active{background:linear-gradient(180deg,var(--accent),var(--accent-strong));color:var(--accent-contrast)}.lb-filters{display:flex;gap:10px}.lb-f{display:flex;flex-direction:column;gap:4px;font-size:11px;text-transform:uppercase;letter-spacing:.04em;color:var(--text-faint)}.lb-f select{padding:8px 10px;border-radius:9px;border:1px solid var(--input-border);background:var(--input-bg);color:var(--input-text);font-size:14px}.lb-status{padding:12px 14px;border-radius:10px;background:var(--surface);border:1px solid var(--border);color:var(--text-muted)}.lb-list{list-style:none;display:flex;flex-direction:column;gap:8px}.lb-row{display:grid;grid-template-columns:34px auto 1fr auto;gap:14px;align-items:center;padding:10px 14px;border-radius:14px;background:var(--surface);border:1px solid var(--border);box-shadow:var(--shadow);text-decoration:none;color:var(--text);transition:transform .15s ease,border-color .15s ease}.lb-row:hover{transform:translate(3px);border-color:color-mix(in srgb,var(--accent) 45%,var(--border))}.lb-rank{font-size:16px;font-weight:800;color:var(--text-faint);text-align:center;font-variant-numeric:tabular-nums}.lb-row--top1 .lb-rank{color:#f5c542}.lb-row--top2 .lb-rank{color:#cbd5e1}.lb-row--top3 .lb-rank{color:#d9a066}.lb-avatar{position:relative;width:42px;height:42px}.lb-avatar img{width:100%;height:100%;object-fit:cover;border-radius:50%;background:var(--surface-2);border:1px solid var(--border)}.lb-crest{position:absolute;right:-2px;bottom:-2px;width:17px;height:17px;border-radius:50%;overflow:hidden;background:#fff;box-shadow:0 0 0 2px var(--surface);display:grid;place-items:center;font-size:8px;font-weight:700;color:#111}.lb-crest img{width:100%;height:100%;object-fit:cover}.lb-name{font-size:16px;font-weight:600}.lb-sub{font-size:12.5px;color:var(--text-muted);margin-top:1px}.lb-metric{text-align:right}.lb-metric__num{font-size:22px;font-weight:800;color:var(--accent);font-variant-numeric:tabular-nums}.lb-metric__lbl{font-size:10px;letter-spacing:.06em;text-transform:uppercase;color:var(--text-faint)}.lb-empty{color:var(--text-faint);text-align:center;padding:30px}@media(max-width:560px){.lb-controls{flex-direction:column;align-items:stretch}.lb-tabs{justify-content:center}}
