@import url("https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&family=Sora:wght@600;700;800&display=swap");*,:after,:before{box-sizing:border-box;margin:0;padding:0}:root{--font-sans:"Inter",system-ui,sans-serif;--font-display:"Sora","Inter",sans-serif;--radius-sm:8px;--radius-md:12px;--radius-lg:16px;--radius-xl:20px;--radius-full:9999px;--transition:all 0.2s cubic-bezier(0.4,0,0.2,1)}body{font-family:var(--font-sans);font-size:14px;min-height:100vh;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}h1,h2,h3,h4{font-family:var(--font-display);letter-spacing:-.3px}[data-thema=dark]{--bg:#080b12;--bg2:#0d1117;--bg3:#131720;--bg4:#181d28;--border:hsla(0,0%,100%,.04);--border2:hsla(0,0%,100%,.09);--border3:hsla(0,0%,100%,.16);--accent:#e8a945;--accent2:#f0c070;--accent-glow:rgba(232,169,69,.25);--accent-btn-text:#080b12;--text:#f0f2f8;--text2:#6b7a99;--text3:#2e3650;--green:#34d399;--green2:rgba(52,211,153,.15);--red:#f87171;--red2:hsla(0,91%,71%,.15);--purple:#a78bfa;--purple2:rgba(167,139,250,.15);--blue:#60a5fa;--amber:#fbbf24;--amber2:rgba(251,191,36,.15);--topbar-bg:rgba(13,17,23,.85);--topbar-border:hsla(0,0%,100%,.06);--card-bg:#0d1117;--card-border:hsla(0,0%,100%,.06);--card-shadow:0 1px 3px rgba(0,0,0,.4),0 0 0 0.5px hsla(0,0%,100%,.04);--card-shadow-hover:0 4px 20px rgba(0,0,0,.5),0 0 0 1px rgba(232,169,69,.2);--row-bg:#0d1117;--row-border:hsla(0,0%,100%,.05);--row-top-bg:rgba(232,169,69,.06);--row-top-border:rgba(232,169,69,.35);--input-bg:#131720;--input-border:hsla(0,0%,100%,.08);--input-focus:rgba(232,169,69,.4);--nav-active-bg:rgba(232,169,69,.1);--nav-active-color:#e8a945;--nav-active-border:rgba(232,169,69,.3);--page-bg:#080b12}[data-thema=light]{--bg:#f4f6fc;--bg2:#fff;--bg3:#eef1fa;--bg4:#e8ecf7;--border:rgba(99,102,241,.08);--border2:rgba(99,102,241,.16);--border3:rgba(99,102,241,.28);--accent:#6366f1;--accent2:#818cf8;--accent-glow:rgba(99,102,241,.2);--accent-btn-text:#fff;--text:#0f1628;--text2:#64748b;--text3:#b0bcd8;--green:#059669;--green2:rgba(5,150,105,.1);--red:#dc2626;--red2:rgba(220,38,38,.1);--purple:#7c3aed;--purple2:rgba(124,58,237,.1);--blue:#2563eb;--amber:#d97706;--amber2:rgba(217,119,6,.1);--topbar-bg:hsla(0,0%,100%,.9);--topbar-border:rgba(99,102,241,.1);--card-bg:#fff;--card-border:rgba(99,102,241,.1);--card-shadow:0 1px 3px rgba(99,102,241,.08),0 0 0 0.5px rgba(99,102,241,.06);--card-shadow-hover:0 8px 24px rgba(99,102,241,.14),0 0 0 1px rgba(99,102,241,.2);--row-bg:#fff;--row-border:rgba(99,102,241,.08);--row-top-bg:rgba(99,102,241,.05);--row-top-border:rgba(99,102,241,.3);--input-bg:#f8f9fe;--input-border:rgba(99,102,241,.15);--input-focus:rgba(99,102,241,.35);--nav-active-bg:rgba(99,102,241,.09);--nav-active-color:#6366f1;--nav-active-border:rgba(99,102,241,.2);--page-bg:#f4f6fc}[data-thema=glass]{--bg:transparent;--bg2:hsla(0,0%,100%,.08);--bg3:hsla(0,0%,100%,.04);--bg4:hsla(0,0%,100%,.12);--border:hsla(0,0%,100%,.1);--border2:hsla(0,0%,100%,.2);--border3:hsla(0,0%,100%,.35);--accent:#fff;--accent2:hsla(0,0%,100%,.85);--accent-glow:hsla(0,0%,100%,.2);--accent-btn-text:#4f46e5;--text:hsla(0,0%,100%,.97);--text2:hsla(0,0%,100%,.6);--text3:hsla(0,0%,100%,.28);--green:#6ee7b7;--green2:rgba(110,231,183,.15);--red:#fca5a5;--red2:hsla(0,94%,82%,.15);--purple:#c4b5fd;--purple2:rgba(196,181,253,.15);--blue:#93c5fd;--amber:#fde68a;--amber2:hsla(48,97%,77%,.15);--topbar-bg:rgba(10,8,25,.3);--topbar-border:hsla(0,0%,100%,.1);--card-bg:hsla(0,0%,100%,.08);--card-border:hsla(0,0%,100%,.14);--card-shadow:0 4px 24px rgba(0,0,0,.15),inset 0 0.5px 0 hsla(0,0%,100%,.25);--card-shadow-hover:0 8px 32px rgba(0,0,0,.25),inset 0 0.5px 0 hsla(0,0%,100%,.35);--row-bg:hsla(0,0%,100%,.07);--row-border:hsla(0,0%,100%,.1);--row-top-bg:hsla(0,0%,100%,.15);--row-top-border:hsla(0,0%,100%,.5);--input-bg:hsla(0,0%,100%,.1);--input-border:hsla(0,0%,100%,.18);--input-focus:hsla(0,0%,100%,.5);--nav-active-bg:hsla(0,0%,100%,.18);--nav-active-color:#fff;--nav-active-border:hsla(0,0%,100%,.4);--page-bg:transparent}.glass-gradient-bg{inset:0;background:radial-gradient(ellipse 80% 60% at 20% 20%,rgba(99,62,240,.75) 0,transparent 70%),radial-gradient(ellipse 60% 70% at 80% 10%,rgba(56,132,255,.6) 0,transparent 60%),radial-gradient(ellipse 70% 50% at 50% 80%,rgba(16,186,196,.55) 0,transparent 65%),radial-gradient(ellipse 50% 60% at 90% 70%,rgba(131,58,180,.5) 0,transparent 60%),linear-gradient(135deg,#0d0520,#0a1a3a 50%,#021a20)}.glass-blob,.glass-gradient-bg{position:fixed;z-index:0;pointer-events:none}.glass-blob{border-radius:50%;filter:blur(80px);opacity:.4;animation:blob-drift 12s ease-in-out infinite alternate}@keyframes blob-drift{0%{transform:translate(0) scale(1)}to{transform:translate(40px,-30px) scale(1.08)}}.theme-root>:not(.glass-gradient-bg):not(.glass-blob){position:relative;z-index:1}.theme-root{min-height:100vh;background:var(--page-bg);color:var(--text);transition:background .3s ease,color .3s ease}input,select,textarea{background:var(--input-bg);border:1px solid var(--input-border);border-radius:var(--radius-sm);color:var(--text);font-size:13px;padding:9px 12px;width:100%;outline:none;font-family:var(--font-sans);transition:var(--transition)}input:focus,select:focus,textarea:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-glow)}[data-thema=light] select option{background:#fff;color:#0f1628}[data-thema=dark] select option{background:#131720;color:#f0f2f8}[data-thema=glass] select option{background:#1a0f35;color:#fff}button{font-family:var(--font-sans);cursor:pointer;border:none}.btn-gold{background:var(--accent);color:var(--accent-btn-text);border-radius:var(--radius-sm);padding:9px 20px;font-size:13px;font-weight:600;transition:var(--transition);box-shadow:0 1px 3px var(--accent-glow);letter-spacing:.1px}.btn-gold:hover{filter:brightness(1.1);box-shadow:0 4px 14px var(--accent-glow);transform:translateY(-1px)}.btn-gold:active{transform:translateY(0)}.btn-ghost{background:transparent;border:1px solid var(--border2);color:var(--text2);border-radius:var(--radius-sm);padding:9px 20px;font-size:13px;font-weight:500;transition:var(--transition)}.btn-ghost:hover{border-color:var(--accent);color:var(--accent);background:var(--nav-active-bg)}.card{background:var(--card-bg);border:1px solid var(--card-border);border-radius:var(--radius-md);padding:18px;margin-bottom:12px;box-shadow:var(--card-shadow);transition:var(--transition)}.card:hover{box-shadow:var(--card-shadow-hover)}[data-thema=dark] .card{background:linear-gradient(160deg,hsla(0,0%,100%,.028) 0,hsla(0,0%,100%,0) 100%),var(--card-bg)}[data-thema=glass] .card{backdrop-filter:blur(20px) saturate(180%);-webkit-backdrop-filter:blur(20px) saturate(180%)}[data-thema=light] .card{background:linear-gradient(160deg,#fff,#f8f9fe)}.card-title{font-family:var(--font-display);font-size:11px;font-weight:600;color:var(--accent);letter-spacing:1.2px;margin-bottom:14px;text-transform:uppercase}.stat-card{background:var(--card-bg);border:1px solid var(--card-border);border-radius:var(--radius-md);padding:14px 16px;box-shadow:var(--card-shadow);transition:var(--transition);position:relative;overflow:hidden}.stat-card:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,var(--border3),transparent);opacity:.6}[data-thema=glass] .stat-card{backdrop-filter:blur(16px) saturate(160%);-webkit-backdrop-filter:blur(16px) saturate(160%)}[data-thema=dark] .stat-card{background:linear-gradient(145deg,hsla(0,0%,100%,.025) 0,transparent 100%),var(--card-bg)}[data-thema=light] .stat-card{box-shadow:0 1px 4px rgba(99,102,241,.08),0 0 0 .5px rgba(99,102,241,.06)}.stat-label{font-size:10.5px;font-weight:500;color:var(--text2);letter-spacing:.6px;text-transform:uppercase;margin-bottom:5px}.stat-val{font-size:24px;font-weight:700;font-family:var(--font-display);letter-spacing:-.5px;line-height:1.1}.stat-sub{font-size:10px;color:var(--text3);margin-top:3px;font-weight:400}.topbar{background:var(--topbar-bg);border-bottom:1px solid var(--topbar-border);padding:10px 20px;display:flex;align-items:center;justify-content:space-between;position:-webkit-sticky;position:sticky;top:0;z-index:100;transition:var(--transition)}[data-thema=glass] .topbar{backdrop-filter:blur(24px) saturate(200%);-webkit-backdrop-filter:blur(24px) saturate(200%)}[data-thema=light] .topbar{box-shadow:0 1px 0 rgba(99,102,241,.08),0 2px 12px rgba(99,102,241,.05)}[data-thema=dark] .topbar{backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px)}.logo-img{height:36px;width:auto;mix-blend-mode:multiply}[data-thema=dark] .logo-img,[data-thema=glass] .logo-img{mix-blend-mode:screen}.page-body{padding:20px;max-width:1100px;margin:0 auto}.grid2{grid-template-columns:repeat(2,1fr);grid-gap:12px}.grid2,.grid4{display:grid;gap:12px;margin-bottom:14px}.grid4{grid-template-columns:repeat(4,1fr);grid-gap:12px}.grid5{display:grid;grid-template-columns:repeat(5,1fr);grid-gap:12px;gap:12px;margin-bottom:14px}@media (max-width:640px){.grid4,.grid5{grid-template-columns:repeat(2,1fr)}.page-body{padding:14px}}.nav-pills{display:flex;gap:5px;margin-bottom:16px;overflow-x:auto;padding-bottom:2px;scrollbar-width:none}.nav-pills::-webkit-scrollbar{display:none}.nav-pill{padding:6px 16px;border-radius:var(--radius-full);font-size:12px;font-weight:500;cursor:pointer;border:1px solid var(--card-border);background:var(--card-bg);color:var(--text2);white-space:nowrap;transition:var(--transition);font-family:var(--font-sans);letter-spacing:.1px}.nav-pill:hover{color:var(--text);border-color:var(--border2)}.nav-pill.active{background:var(--nav-active-bg);color:var(--nav-active-color);border-color:var(--nav-active-border);font-weight:600;box-shadow:0 2px 8px var(--accent-glow)}[data-thema=glass] .nav-pill.active{backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}.rank-row{display:grid;grid-template-columns:32px 1fr 70px 55px 55px 50px 50px 50px 55px 70px 65px 55px 55px;align-items:center;background:var(--row-bg);border:1px solid var(--row-border);border-radius:var(--radius-md);padding:10px 14px;margin-bottom:4px;transition:var(--transition)}[data-thema=glass] .rank-row{backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}[data-thema=dark] .rank-row:hover{border-color:hsla(0,0%,100%,.1);background:hsla(0,0%,100%,.02)}[data-thema=light] .rank-row{box-shadow:0 1px 3px rgba(99,102,241,.05)}[data-thema=light] .rank-row:hover{box-shadow:0 2px 12px rgba(99,102,241,.1);border-color:var(--border2)}.rank-row.gold{border-color:var(--row-top-border);background:var(--row-top-bg);box-shadow:0 2px 12px var(--accent-glow)}.rank-row.silver{border-color:rgba(148,163,184,.3)}.rank-row.bronze{border-color:rgba(180,120,60,.35)}.cell{text-align:center;font-size:13px;color:var(--text2);font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.cell.pts{font-size:14px;font-weight:700;color:var(--accent);font-family:var(--font-display)}.pts-bar-wrap{background:var(--border);margin-top:4px;overflow:hidden}.pts-bar,.pts-bar-wrap{height:2px;border-radius:2px}.pts-bar{background:var(--accent);box-shadow:0 0 6px var(--accent-glow)}.avatar{width:32px;height:32px;border-radius:50%;display:flex;justify-content:center;font-size:11px;font-weight:700;margin-right:10px;flex-shrink:0}.avatar,.badge{align-items:center;letter-spacing:.3px}.badge{display:inline-flex;font-size:10px;font-weight:600;padding:2px 8px;border-radius:var(--radius-sm)}.badge-gold{background:var(--nav-active-bg);color:var(--accent);border:1px solid var(--nav-active-border)}.badge-green{background:var(--green2);color:var(--green)}.badge-blue{background:rgba(96,165,250,.12);color:var(--blue)}.badge-done{background:var(--green2);color:var(--green)}.live-dot{display:inline-block;width:7px;height:7px;border-radius:50%;background:var(--green);margin-right:6px;animation:live-pulse 1.8s ease-in-out infinite;box-shadow:0 0 0 0 rgba(52,211,153,.4)}@keyframes live-pulse{0%{box-shadow:0 0 0 0 rgba(52,211,153,.5)}50%{box-shadow:0 0 0 5px rgba(52,211,153,0)}to{box-shadow:0 0 0 0 rgba(52,211,153,0)}}.toast{position:fixed;bottom:24px;left:50%;transform:translateX(-50%);background:var(--nav-active-bg);border:1px solid var(--nav-active-border);border-radius:var(--radius-md);padding:11px 20px;font-size:13px;font-weight:500;color:var(--accent);z-index:9999;white-space:nowrap;pointer-events:none;box-shadow:0 8px 24px rgba(0,0,0,.2),0 0 0 1px var(--accent-glow);animation:toast-in .3s cubic-bezier(.4,0,.2,1)}@keyframes toast-in{0%{transform:translateX(-50%) translateY(10px);opacity:0}to{transform:translateX(-50%) translateY(0);opacity:1}}::-webkit-scrollbar{width:5px;height:5px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--border2);border-radius:10px}::-webkit-scrollbar-thumb:hover{background:var(--border3)}::selection{background:var(--accent-glow);color:var(--text)}