@import "https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;500;600;700;800;900&display=swap";
@import "https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.7.2/css/all.min.css";
:root{--bg-main:#060608;--bg-card:#11141ca6;--bg-card-hover:#191e2bd9;--bg-sidebar:#0b0c10;--text-main:#f3f4f6;--text-dim:#94a3b8;--border-subtle:#ffffff0f;--border-hover:#ffffff1f;--accent:#facc15;--accent-hover:#fbbf24;--accent-glow:#facc152e;--navbar-bg:#060608bf;--glass-bg:#ffffff05}[data-theme=light]{--bg-main:#f8fafc;--bg-card:#ffffffbf;--bg-card-hover:#fffffff2;--bg-sidebar:#fff;--border-subtle:#0000000f;--border-hover:#0000001f;--text-main:#0f172a;--text-dim:#64748b;--accent:#d97706;--accent-hover:#b45309;--accent-glow:#d977061f;--navbar-bg:#f8fafccc;--glass-bg:#00000005}*{box-sizing:border-box;-webkit-font-smoothing:antialiased;margin:0;padding:0;font-family:Outfit,sans-serif;transition:background-color .25s,color .25s,border-color .25s,box-shadow .25s}body{background-color:var(--bg-main);color:var(--text-main);background-image:radial-gradient(circle at 10% 20%,#facc1505 0%,#0000 40%),radial-gradient(circle at 90% 80%,#3b82f605 0%,#0000 40%);background-attachment:fixed;overflow-x:hidden}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--bg-main)}::-webkit-scrollbar-thumb{background:var(--border-subtle);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--border-hover)}.search-container{width:280px}.search-wrapper{align-items:center;display:flex;position:relative}.search-icon{color:var(--text-dim);font-size:14px;position:absolute;left:14px}.search-input{background:var(--bg-card);border:1px solid var(--border-subtle);width:100%;color:var(--text-main);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-radius:14px;outline:none;padding:10px 16px 10px 42px;font-size:14px;font-weight:500;transition:all .2s}.search-input:focus{border-color:var(--accent);box-shadow:0 0 18px var(--accent-glow);background:var(--bg-card-hover)}.container{max-width:1320px;margin:0 auto;padding:0 24px}.lb-row{background:var(--bg-card);border:1px solid var(--border-subtle);cursor:pointer;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:16px;grid-template-columns:60px 1.5fr 110px 100px 2.5fr;align-items:center;margin-bottom:10px;padding:14px 20px;transition:all .25s cubic-bezier(.4,0,.2,1);animation:.4s forwards fadeIn;display:grid}.lb-row:hover{background:var(--bg-card-hover);border-color:var(--border-hover);transform:translateY(-2px)scale(1.005);box-shadow:0 8px 24px #0003,inset 0 0 1px #ffffff1a}.lb-row.top-1{box-shadow:0 4px 25px #facc1514}.lb-row.top-2{box-shadow:0 4px 25px #94a3b80d}.lb-row.top-3{box-shadow:0 4px 25px #b453090d}.rank-num{color:var(--text-dim);font-size:20px;font-style:italic;font-weight:800}.top-1 .rank-num{color:var(--accent)}.top-2 .rank-num{color:#cbd5e1}.top-3 .rank-num{color:#fb923c}.player-cell{align-items:center;gap:16px;display:flex}.player-avatar{object-fit:cover;object-position:top;border:none;border-radius:10px;width:48px;height:58px;box-shadow:0 4px 10px #0000004d}.player-name{letter-spacing:-.2px;color:var(--text-main);font-size:21px;font-weight:700}.region-badge{text-transform:uppercase;letter-spacing:.5px;border-radius:8px;padding:5px 9px;font-size:11px;font-weight:800;box-shadow:0 2px 5px #00000026}.pts-display{color:var(--text-main);font-size:20px;font-weight:700}.filter-bar{scrollbar-width:none;gap:12px;margin-bottom:36px;padding-bottom:8px;display:flex;overflow-x:auto}.filter-tab{background:var(--bg-card);border:1px solid var(--border-subtle);min-width:90px;color:var(--text-dim);cursor:pointer;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-radius:16px;flex-direction:column;align-items:center;gap:8px;padding:14px 18px;transition:all .2s;display:flex}.filter-tab:hover{background:var(--bg-card-hover);border-color:var(--border-hover);color:var(--text-main);transform:translateY(-2px)}.filter-tab.active{border-color:var(--accent);color:#fff;background:#facc150d;box-shadow:0 0 15px #facc1514}.filter-tab.active .trophy-icon{filter:drop-shadow(0 0 8px var(--accent));transform:translateY(-4px)scale(1.08)}.filter-tab img{object-fit:contain;width:30px;height:30px;transition:transform .2s}.filter-tab:hover img{transform:scale(1.08)}.filter-tab span{letter-spacing:.2px;font-size:12px;font-weight:800}.overall-badge{color:var(--accent);background:#facc1514;border:1px solid #facc152e;border-radius:20px;align-items:center;gap:6px;padding:4px 12px;font-size:11px;font-weight:800;display:flex}.glass-card{background:var(--bg-card);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border:1px solid var(--border-subtle);border-radius:24px;box-shadow:0 15px 35px #0003,inset 0 0 1px #ffffff0d}.card-v2{background:var(--bg-card);border:1px solid var(--border-subtle);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-radius:22px;transition:transform .25s,border-color .25s;overflow:hidden;box-shadow:0 10px 30px #00000026}.card-v2:hover{border-color:var(--border-hover)}.card-header-v2{border-bottom:1px solid var(--border-subtle);background:#ffffff05;padding:18px 24px}.btn-v2{background:var(--accent);color:#060608;cursor:pointer;letter-spacing:.5px;border:none;border-radius:12px;align-items:center;gap:8px;padding:12px 24px;font-size:14px;font-weight:800;transition:all .2s cubic-bezier(.4,0,.2,1);display:inline-flex;box-shadow:0 4px 14px #facc1540}.btn-v2:hover{background:var(--accent-hover);transform:translateY(-2px);box-shadow:0 6px 20px #facc1566}.btn-v2:active{transform:translateY(0)}.btn-secondary-v2{color:var(--text-main);border:1px solid var(--border-subtle);cursor:pointer;letter-spacing:.5px;background:#ffffff0a;border-radius:12px;align-items:center;gap:8px;padding:12px 24px;font-size:14px;font-weight:800;transition:all .2s;display:inline-flex}.btn-secondary-v2:hover{border-color:var(--border-hover);background:#ffffff14;transform:translateY(-2px)}.gm-card-small{background:var(--bg-card);border:1px solid var(--border-subtle);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);cursor:pointer;border-radius:16px;justify-content:center;align-items:center;gap:12px;padding:16px 20px;transition:all .2s;display:flex}.gm-card-small:hover{background:var(--bg-card-hover);border-color:var(--accent);box-shadow:0 0 15px var(--accent-glow);transform:translateY(-3px)}@keyframes fadeIn{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.animate-fade-in{animation:.4s cubic-bezier(.4,0,.2,1) forwards fadeIn}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.shimmer{background:linear-gradient(90deg,#ffffff08 25%,#ffffff14 50%,#ffffff08 75%) 0 0/200% 100%;animation:1.5s infinite shimmer}