*{margin:0;padding:0;box-sizing:border-box}:root{--bg: #0a0a0c;--bg-surface: #141416;--bg-elevated: #1a1a1d;--bg-light: #1a1a1d;--bg-card: #141416;--bg-input: #1a1a1d;--primary: #c8a84b;--primary-dark: #a8883a;--primary-light: rgba(200, 168, 75, .15);--gold-400: #d4b96a;--gold-500: #c8a84b;--gold-600: #a8883a;--up-green: #34D399;--down-red: #F87171;--neutral-blue: #60A5FA;--accent-blue: #60A5FA;--accent-green: #34D399;--accent-red: #F87171;--secondary: #0f172a;--success: #34D399;--danger: #F87171;--warning: #F59E0B;--text: #F0F4FF;--text-primary: #F0F4FF;--text-secondary: #C8D3E8;--text-light: #7B8DB0;--text-muted: #7B8DB0;--text-disabled: #4A5568;--border: rgba(255, 255, 255, .12);--border-subtle: rgba(255, 255, 255, .06);--border-default: rgba(255, 255, 255, .12);--border-strong: rgba(255, 255, 255, .2);--border-gold: rgba(200, 168, 75, .4);--radius: 16px;--radius-sm: 10px;--radius-xs: 8px;--shadow: 0 4px 6px rgba(0, 0, 0, .4), 0 1px 3px rgba(0, 0, 0, .3);--shadow-lg: 0 8px 16px rgba(0, 0, 0, .5)}body{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background:var(--bg);color:var(--text);line-height:1.7;font-size:15px;-webkit-font-smoothing:antialiased}a{color:var(--primary);text-decoration:none}a:hover{text-decoration:underline}button{cursor:pointer;font-family:inherit}input,select,textarea{font-family:inherit}.container{max-width:1200px;margin:0 auto;padding:0 24px}.card{background:var(--bg-surface);border-radius:var(--radius);box-shadow:var(--shadow);padding:24px;border:1px solid var(--border-default)}.card-elevated{background:var(--bg-elevated);border:1px solid rgba(255,255,255,.16);box-shadow:var(--shadow-lg)}.card-gold{border:1px solid rgba(245,158,11,.35);box-shadow:0 0 0 1px #f59e0b26,0 4px 12px #f59e0b1a}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:12px 24px;border-radius:var(--radius-sm);font-weight:700;font-size:15px;border:none;transition:all .2s;min-height:44px;letter-spacing:.1px}.btn-primary{background:var(--primary);color:#000;font-weight:700}.btn-primary:hover{background:var(--primary-dark)}.btn-secondary{background:transparent;color:var(--text-secondary);border:1.5px solid rgba(255,255,255,.2)}.btn-secondary:hover{border-color:#ffffff59;background:#ffffff0d;color:var(--text)}.btn-danger{background:#ef4444;color:#fff}.btn-danger:hover{background:#dc2626}.btn-ghost{background:transparent;color:var(--text-muted);border:1px solid transparent}.btn-ghost:hover{color:var(--text-secondary);background:#ffffff0d}.btn-sm{padding:8px 16px;font-size:13px;min-height:36px}.form-group{margin-bottom:20px}.form-group label{display:block;font-weight:500;font-size:13px;margin-bottom:8px;color:var(--text-secondary);letter-spacing:.3px}.form-group input,.form-group select,.form-group textarea{width:100%;padding:12px 16px;border:1.5px solid rgba(255,255,255,.12);border-radius:var(--radius-sm);font-size:16px;transition:border-color .2s,box-shadow .2s;background:var(--bg-input);color:var(--text);appearance:none;-webkit-appearance:none}.form-group input::placeholder,.form-group textarea::placeholder{color:var(--text-disabled)}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px #f59e0b26}.form-group select{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6' viewBox='0 0 10 6'%3E%3Cpath d='M0 0l5 6 5-6z' fill='%237B8DB0'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 14px center;padding-right:36px}.form-group select option{background:var(--bg-elevated);color:var(--text)}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:16px}.error-text{color:var(--down-red);font-size:13px;margin-top:6px;display:flex;align-items:center;gap:4px}.success-text{color:var(--up-green);font-size:13px;margin-top:6px}.badge{display:inline-flex;align-items:center;padding:2px 10px;border-radius:20px;font-size:12px;font-weight:600;letter-spacing:.3px;border:1px solid transparent}.badge-primary{background:#f59e0b1f;color:var(--primary);border-color:#f59e0b4d}.badge-success{background:#34d3991f;color:#34d399;border-color:#34d3994d}.badge-warning{background:#f59e0b1f;color:var(--primary);border-color:#f59e0b40}.badge-blue{background:#60a5fa1f;color:#60a5fa;border-color:#60a5fa40}.badge-red{background:#f871711f;color:#f87171;border-color:#f8717140}.table-container{overflow-x:auto}table{width:100%;border-collapse:collapse}th{padding:12px 16px;text-align:left;background:var(--bg-elevated);color:var(--text-muted);font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:1px;border-bottom:1px solid var(--border-default)}td{padding:14px 16px;text-align:left;border-bottom:1px solid var(--border-subtle);font-size:14px;color:var(--text-secondary);line-height:1.6}tr:nth-child(2n) td{background:#ffffff05}tr:hover td{background:#ffffff0a}.stat-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:16px}.stat-card{background:var(--bg-surface);border:1px solid var(--border-default);border-radius:var(--radius);padding:20px 24px;display:flex;flex-direction:column;gap:4px}.stat-card .stat-value{font-size:30px;font-weight:800;color:var(--text-primary);line-height:1.1;letter-spacing:-.5px}.stat-card .stat-label{font-size:11px;color:var(--text-muted);text-transform:uppercase;letter-spacing:1.5px;font-weight:500;margin-top:2px}.stat-card .stat-trend-up{color:var(--up-green);font-size:13px;font-weight:500}.stat-card .stat-trend-down{color:var(--down-red);font-size:13px;font-weight:500}.page-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}.page-header h1{font-size:24px;font-weight:700;color:var(--text-primary)}.empty-state{text-align:center;padding:64px 24px;display:flex;flex-direction:column;align-items:center;gap:12px}.empty-state-icon{font-size:48px;color:var(--text-muted);opacity:.6;margin-bottom:4px}.empty-state h3{font-size:18px;font-weight:600;color:var(--text-primary);margin:0}.empty-state p{font-size:15px;color:var(--text-muted);max-width:400px;margin:0 auto;line-height:1.6}@keyframes pulse{0%,to{opacity:.4;transform:scale(1)}50%{opacity:1;transform:scale(1.05)}}.loading-pulse{animation:pulse 1.5s ease-in-out infinite}@keyframes toast-slide-in{0%{opacity:0;transform:translate(40px)}to{opacity:1;transform:translate(0)}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.layout-header{background:#0a0a0c;color:#fff;padding:0 24px;height:60px;display:flex;align-items:center;justify-content:space-between;position:sticky;top:0;z-index:100;border-bottom:1px solid rgba(255,255,255,.08)}.nav-item{display:flex;flex-direction:column;align-items:center;gap:2px;padding:8px 16px;border-radius:8px;text-decoration:none;color:var(--text-muted);font-size:12px;font-weight:500;transition:all .15s;border-bottom:2px solid transparent;white-space:nowrap;min-height:44px;justify-content:center}.nav-item svg{color:var(--text-muted);transition:color .15s}.nav-item:hover{color:var(--text-primary);text-decoration:none;background:#ffffff0d}.nav-item:hover svg{color:var(--text-primary)}.nav-item.active{color:var(--primary);border-bottom-color:var(--primary)}.nav-item.active svg{color:var(--primary)}.user-dropdown{position:relative}.user-dropdown-menu{position:absolute;top:calc(100% + 8px);right:0;min-width:200px;background:#131d2e;border:1px solid var(--border-default);border-radius:var(--radius-sm);box-shadow:0 16px 32px #0009;overflow:hidden;z-index:200}.user-dropdown-item{display:block;padding:12px 16px;font-size:14px;color:var(--text-secondary);text-decoration:none;transition:background .1s;border-bottom:1px solid var(--border-subtle)}.user-dropdown-item:hover{background:var(--bg-elevated);color:var(--text-primary);text-decoration:none}.user-dropdown-item:last-child{border-bottom:none}.mobile-hamburger{display:none}.hamburger-line{display:block;width:24px;height:2px;background:#fff;border-radius:2px;transition:all .3s ease}.mobile-menu-overlay,.mobile-menu{display:none!important}.bottom-tab-bar{display:none;position:fixed;bottom:0;left:0;right:0;height:64px;background:#0a0a0c;border-top:1px solid rgba(255,255,255,.08);z-index:100}.bottom-tab-bar-inner{display:flex;align-items:stretch;height:100%}.bottom-tab-item{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;text-decoration:none;color:var(--text-muted);font-size:10px;font-weight:600;transition:color .15s;border-top:2px solid transparent;padding:4px 0 8px;min-height:44px}.bottom-tab-item.active{color:var(--primary);border-top-color:var(--primary)}.bottom-tab-item:hover{color:var(--text-secondary);text-decoration:none}.filter-pill{padding:6px 16px;border-radius:20px;font-size:12px;font-weight:600;cursor:pointer;border:1px solid var(--border-subtle);background:var(--bg-elevated);color:var(--text-muted);transition:all .15s;white-space:nowrap;min-height:34px;display:inline-flex;align-items:center}.filter-pill:hover{color:var(--text-secondary);border-color:var(--border-default)}.filter-pill.active{background:#f59e0b26;color:var(--primary);border-color:#f59e0b66}.home-nav-links{display:flex;align-items:center;gap:12px}.home-mobile-hamburger{display:none;flex-direction:column;justify-content:center;gap:5px;background:none;border:none;cursor:pointer;padding:8px;z-index:200}.home-mobile-menu{display:none;position:fixed;top:64px;right:-280px;width:280px;height:calc(100vh - 64px);background:#070b14fa;z-index:150;flex-direction:column;transition:right .3s ease;overflow-y:auto;padding:16px}.home-mobile-menu.home-mobile-menu-open{right:0}.home-mobile-menu-overlay{display:none;position:fixed;inset:0;background:#00000080;z-index:140}.leaderboard-filter-bar{display:flex;gap:12px;flex-wrap:wrap;align-items:flex-end}.leaderboard-top3-grid{display:grid;grid-template-columns:1fr 1.1fr 1fr;gap:16px;margin-bottom:28px;align-items:end}.player-info-grid{display:grid;gap:24px;grid-template-columns:1fr 1fr;margin-bottom:24px}.desktop-only{display:block}.mobile-only{display:none}.mobile-card-list{display:flex;flex-direction:column;gap:12px}.mobile-data-card{background:var(--bg-surface);border:1px solid var(--border-default);border-radius:var(--radius);padding:16px}.mobile-data-card-row{display:flex;justify-content:space-between;align-items:center;padding:6px 0;font-size:14px}.mobile-data-card-row:not(:last-child){border-bottom:1px solid var(--border-subtle)}.mobile-data-card-label{color:var(--text-muted);font-size:12px;font-weight:500}.mobile-data-card-value{font-weight:600;text-align:right;color:var(--text-primary)}.mobile-data-card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px;padding-bottom:10px;border-bottom:1px solid var(--border-default)}.mobile-data-card-header h4{font-size:15px;font-weight:600;margin:0;color:var(--text-primary)}.mobile-data-card-stats{display:grid;grid-template-columns:1fr 1fr 1fr;gap:8px;text-align:center;margin-top:10px;padding-top:10px;border-top:1px solid var(--border-subtle)}.mobile-data-card-stats .stat-val{font-weight:700;font-size:16px;color:var(--text-primary)}.mobile-data-card-stats .stat-lbl{font-size:10px;color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px}input[type=text],input[type=email],input[type=password],input[type=date],input[type=number],select,textarea{background:var(--bg-input);color:var(--text);border-color:#ffffff1f}input[type=text]::placeholder,input[type=email]::placeholder,input[type=password]::placeholder,textarea::placeholder{color:var(--text-disabled)}input[type=text]:focus,input[type=email]:focus,input[type=password]:focus,input[type=date]:focus,input[type=number]:focus,select:focus,textarea:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px #f59e0b26}select option{background:var(--bg-elevated);color:var(--text)}@media(max-width:768px){body{font-size:15px}.form-row{grid-template-columns:1fr}.stat-grid{grid-template-columns:1fr 1fr}.page-header{flex-direction:column;align-items:flex-start;gap:12px}.desktop-nav{display:none!important}.bottom-tab-bar{display:flex}.home-nav-links,.home-nav-tagline{display:none!important}.home-mobile-hamburger,.home-mobile-menu{display:flex}.home-mobile-menu-overlay{display:block}.container{padding:0 16px}main{padding:16px 16px 80px!important}.card{padding:20px;border-radius:16px}th,td{padding:10px 12px;font-size:13px}.desktop-only{display:none!important}.mobile-only{display:block!important}.leaderboard-top3-grid{grid-template-columns:1fr!important}.leaderboard-filter-bar{flex-direction:column;align-items:stretch}.leaderboard-filter-bar>div{min-width:unset!important;width:100%!important}.player-info-grid{grid-template-columns:1fr}.form-group input,.form-group select,.form-group textarea{font-size:16px}.btn{min-height:48px}}