.stats-page{z-index:3;color:#e5e7eb;max-width:1100px;min-height:calc(100vh - 72px);margin:0 auto;padding:0 24px 60px;position:relative}.stats-loading{min-height:60vh;color:var(--sporty-accent-2,#22d3ee);flex-direction:column;justify-content:center;align-items:center;gap:20px;display:flex}.stats-loading-spinner{border:3px solid #002aff33;border-top-color:var(--sporty-accent-2,#22d3ee);border-radius:50%;width:50px;height:50px;animation:1s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.stats-error{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:16px;min-height:60vh;display:flex}.stats-error-icon{color:#ef4444;font-size:4rem}.stats-error h2{color:#fff;font-size:1.5rem}.stats-error p{color:#fff9}.stats-hero{margin:0 -24px 40px;padding:60px 24px 40px;position:relative;overflow:hidden}.stats-hero-bg{filter:blur(8px)brightness(.4);background-position:50%;background-size:cover;position:absolute;inset:0;transform:scale(1.1)}.stats-hero-overlay{background:linear-gradient(#0d0f16b3,#0d0f16f2);position:absolute;inset:0}.stats-hero-content{z-index:2;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:30px;max-width:1100px;margin:0 auto;display:flex;position:relative}.stats-profile{align-items:center;gap:20px;display:flex}.stats-avatar{border:2px solid #94a3b866;border-radius:18px;width:100px;height:100px;overflow:hidden;box-shadow:0 14px 32px #0f172ab8}.stats-avatar img{object-fit:cover;width:100%;height:100%}.stats-profile-info{flex-direction:column;gap:6px;display:flex}.stats-name{color:#fff;margin:0;font-size:2rem;font-weight:700}.stats-tag{color:#ffffff80;margin-left:4px;font-size:1.1rem;font-weight:600}.stats-level{color:var(--sporty-accent-2,#22d3ee);font-size:.85rem;font-weight:600}.stats-rank-card{background:#0f172ae6;border:1px solid #94a3b866;border-radius:18px;align-items:center;gap:16px;padding:18px 24px;display:flex;box-shadow:0 14px 32px #0f172ab8}.stats-rank-icon{flex-shrink:0;width:60px;height:60px}.stats-rank-icon img{object-fit:contain;width:100%;height:100%}.stats-rank-info{flex-direction:column;gap:4px;display:flex}.stats-rank-label{text-transform:uppercase;letter-spacing:.1em;color:#ffffff80;font-size:.7rem;font-weight:600}.stats-rank-name{font-size:1.4rem;font-weight:700}.stats-rank-rr{color:#fffc;align-items:center;gap:8px;font-size:.85rem;font-weight:600;display:flex}.rr-gain{color:#4ade80;font-size:.8rem}.rr-loss{color:#ef4444;font-size:.8rem}.stats-peak-rank{border-left:1px solid #ffffff1a;flex-direction:column;align-items:center;margin-left:10px;padding-left:16px;display:flex}.peak-label{text-transform:uppercase;letter-spacing:.1em;color:#fff6;font-size:.6rem}.peak-value{color:gold;font-size:.8rem;font-weight:700}.stats-section{margin-bottom:32px}.stats-section-title{color:#fff;align-items:center;gap:10px;margin:0 0 20px;font-size:1.2rem;font-weight:700;display:flex}.stats-section-icon{color:var(--sporty-accent-2,#22d3ee)}.stats-section-sub{color:#fff6;margin-left:auto;font-size:.75rem;font-weight:500}.stats-grid{grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:14px;display:grid}.stat-card{text-align:center;background:#0f172ae6;border:1px solid #94a3b866;border-radius:18px;padding:18px;transition:all .25s}.stat-card:hover{border-color:#002aff99;transform:translateY(-2px);box-shadow:0 14px 32px #00000040,0 0 18px #002aff1a}.stat-card-large{grid-column:span 1}.stat-card-header{text-transform:uppercase;letter-spacing:.12em;color:#ffffff80;margin-bottom:8px;font-size:.7rem;font-weight:600}.stat-card-value{color:#fff;font-size:2rem;font-weight:800;line-height:1}.stat-card-sub{color:#fff9;justify-content:center;align-items:center;gap:6px;margin-top:8px;font-size:.8rem;display:flex}.stat-card-sub .wins{color:#4ade80}.stat-card-sub .losses{color:#ef4444}.stat-card-sub .separator{color:#ffffff4d}.stat-winrate{color:var(--sporty-accent-2,#22d3ee)}.stat-headshot{color:gold}.agents-grid{grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:14px;display:grid}.agent-card{text-align:center;background:#0f172ae6;border:1px solid #94a3b866;border-radius:18px;padding:18px;transition:all .25s;position:relative}.agent-card:hover{border-color:#002aff99;transform:translateY(-4px);box-shadow:0 14px 32px #00000040}.agent-rank{color:var(--sporty-accent-2,#22d3ee);background:#002aff26;border-radius:999px;padding:4px 8px;font-size:.7rem;font-weight:700;position:absolute;top:10px;left:10px}.agent-icon{background:#002aff1a;border:1px solid #94a3b84d;border-radius:50%;width:70px;height:70px;margin:0 auto 10px;overflow:hidden}.agent-icon img{object-fit:cover;width:100%;height:100%}.agent-name{color:#fff;margin-bottom:4px;font-size:1rem;font-weight:700}.agent-games{color:#ffffff80;font-size:.75rem}.matches-list{flex-direction:column;gap:10px;display:flex}.match-card{background:#0f172ae6;border:1px solid #94a3b866;border-radius:18px;grid-template-columns:90px 1fr auto auto auto;align-items:center;gap:18px;padding:14px 18px;transition:all .2s;display:grid}.match-card:hover{border-color:#002aff80;transform:translate(4px)}.match-win{border-left:4px solid #4ade80}.match-loss{border-left:4px solid #ef4444}.match-result{flex-direction:column;align-items:center;gap:2px;display:flex}.match-result-text{letter-spacing:.1em;font-size:.65rem;font-weight:700}.match-win .match-result-text{color:#4ade80}.match-loss .match-result-text{color:#ef4444}.match-score{color:#fff;font-size:1rem;font-weight:700}.match-info{flex-direction:column;gap:2px;display:flex}.match-map{color:#fff;font-size:.95rem;font-weight:600}.match-mode{color:#ffffff80;text-transform:capitalize;font-size:.7rem}.match-agent{align-items:center;gap:8px;display:flex}.match-agent img{border:1px solid #94a3b866;border-radius:50%;width:32px;height:32px}.match-agent span{color:#fffc;font-size:.85rem;font-weight:600}.match-kda{align-items:center;gap:4px;font-size:.95rem;font-weight:600;display:flex}.match-kills{color:#4ade80}.match-deaths{color:#ef4444}.match-assists{color:#fbbf24}.match-separator{color:#ffffff4d}.match-date{color:#fff6;text-align:right;min-width:90px;font-size:.7rem}.compare-section{margin-bottom:28px}.compare-toggle{color:#fff;cursor:pointer;background:linear-gradient(135deg,#002aff26,#22d3ee26);border:1px solid #94a3b866;border-radius:999px;align-items:center;gap:10px;padding:12px 24px;font-size:.95rem;font-weight:600;transition:all .2s;display:flex}.compare-toggle:hover{background:linear-gradient(135deg,#002aff40,#22d3ee40);border-color:#002aff99;transform:translateY(-2px)}.compare-toggle.active{border-color:var(--sporty-accent-2,#22d3ee);background:linear-gradient(135deg,#002aff4d,#22d3ee4d)}.compare-toggle-icon{font-size:1.1rem}.compare-form-container{background:#0f172ae6;border:1px solid #94a3b866;border-radius:18px;margin-top:14px;padding:18px}.compare-form{gap:12px;display:flex}.compare-input{color:#fff;background:#02061799;border:1px solid #94a3b866;border-radius:999px;outline:none;flex:1;padding:12px 16px;font-size:.95rem;transition:all .2s}.compare-input:focus{border-color:var(--sporty-accent-2,#22d3ee);box-shadow:0 0 18px #002aff26}.compare-input::placeholder{color:#fff6}.compare-submit{color:#fff;cursor:pointer;background:radial-gradient(circle at 0 0,#002affe6,#335cffcc);border:1px solid #ffffff26;border-radius:999px;min-width:110px;padding:12px 24px;font-size:.95rem;font-weight:600;transition:all .2s}.compare-submit:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 14px 32px #00000059,0 0 20px #002aff40}.compare-submit:disabled{opacity:.7;cursor:not-allowed}.compare-spinner{border:2px solid #ffffff4d;border-top-color:#fff;border-radius:50%;width:18px;height:18px;animation:1s linear infinite spin;display:inline-block}.compare-error{color:#ef4444;background:#ef444426;border:1px solid #ef444466;border-radius:999px;margin-top:12px;padding:10px 14px;font-size:.85rem}.compare-clear{color:#ffffffb3;cursor:pointer;background:0 0;border:1px solid #94a3b866;border-radius:999px;margin-top:12px;padding:8px 16px;font-size:.8rem;transition:all .2s}.compare-clear:hover{color:#fff;border-color:#fff9}.comparison-grid{grid-template-columns:1fr 1fr;gap:18px;display:grid}.comparison-column{background:#0f172ae6;border:1px solid #94a3b866;border-radius:18px;padding:20px;transition:all .2s}.comparison-sleazy{border-color:#22d3ee66}.comparison-visitor{border-color:#a855f766}.comparison-header{color:#fff;border-bottom:1px solid #ffffff1a;align-items:center;gap:12px;margin-bottom:18px;padding-bottom:14px;font-size:1.1rem;font-weight:700;display:flex}.comparison-avatar{object-fit:cover;border-radius:12px;width:44px;height:44px}.comparison-sleazy .comparison-header{color:var(--sporty-accent-2,#22d3ee)}.comparison-visitor .comparison-header{color:#a855f7}.comparison-stats{flex-direction:column;gap:14px;display:flex}.comparison-stat{align-items:center;gap:12px;display:flex}.comparison-stat-label{color:#fff9;text-transform:uppercase;letter-spacing:.05em;flex:1;font-size:.8rem;font-weight:600}.comparison-stat-value{color:#fff;text-align:right;min-width:70px;font-size:1.4rem;font-weight:800}.comparison-diff{text-align:right;min-width:55px;font-size:.85rem;font-weight:600}.diff-positive{color:#4ade80}.diff-negative{color:#ef4444}.weapons-grid{grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:14px;display:grid}.weapon-card{background:#0f172ae6;border:1px solid #94a3b866;border-radius:18px;align-items:center;gap:14px;padding:16px 18px;transition:all .2s;display:flex;position:relative}.weapon-card:hover{border-color:#002aff99;transform:translateY(-2px);box-shadow:0 14px 32px #00000040}.weapon-rank{color:#ffffff4d;font-size:.65rem;font-weight:700;position:absolute;top:8px;right:10px}.weapon-icon{flex-shrink:0;justify-content:center;align-items:center;width:70px;height:35px;display:flex}.weapon-icon img{object-fit:contain;filter:brightness(0)invert();opacity:.85;max-width:100%;max-height:100%}.weapon-info{flex:1;min-width:0}.weapon-name{color:#fff;margin-bottom:4px;font-size:.95rem;font-weight:700}.weapon-kills{color:var(--sporty-accent-2,#22d3ee);margin-bottom:8px;font-size:.8rem;font-weight:600}.weapon-bar{background:#ffffff1a;border-radius:999px;height:5px;position:relative;overflow:hidden}.weapon-bar-fill{border-radius:999px;height:100%;transition:width .5s;position:absolute;top:0;left:0}.weapon-bar-sleazy{background:linear-gradient(90deg,var(--sporty-accent-2,#22d3ee),#3b82f6);z-index:2}.weapon-bar-visitor{z-index:1;opacity:.6;background:linear-gradient(90deg,#a855f7,#ec4899);top:0}.weapon-compare-info{color:#ffffff80;align-items:center;gap:6px;margin-top:6px;font-size:.7rem;display:flex}.weapon-compare-info .compare-label{color:#a855f7}.weapon-compare-info .compare-value{color:#ffffffb3}.stats-footer{color:#fff6;border-top:1px solid #1e293be6;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-top:16px;padding-top:24px;font-size:.75rem;display:flex}.tracker-link{color:#ff4655;background:linear-gradient(135deg,#ff465526,#ff465540);border:1px solid #ff465566;border-radius:999px;align-items:center;gap:6px;padding:8px 16px;font-size:.8rem;font-weight:600;text-decoration:none;transition:all .2s;display:inline-flex}.tracker-link:hover{background:linear-gradient(135deg,#ff465540,#ff465559);border-color:#ff4655b3;transform:translateY(-1px);box-shadow:0 8px 20px #ff465533}@media (max-width:900px){.stats-hero-content{flex-direction:column;align-items:flex-start}.stats-rank-card{width:100%}.match-card{grid-template-columns:80px 1fr auto;gap:12px}.match-agent,.match-date{display:none}.comparison-grid,.weapons-grid{grid-template-columns:1fr}}@media (max-width:600px){.stats-page{padding:0 16px 40px}.stats-hero{margin:0 -16px 30px;padding:40px 16px 30px}.stats-name{font-size:1.5rem}.stats-avatar{width:70px;height:70px}.stats-rank-card{padding:14px 18px}.stats-rank-icon{width:50px;height:50px}.stats-rank-name{font-size:1.2rem}.stat-card-value{font-size:1.6rem}.match-card{grid-template-columns:1fr auto}.match-info{display:none}.stats-footer{text-align:center;flex-direction:column;gap:8px}.compare-form{flex-direction:column}.compare-submit{width:100%}.compare-toggle{justify-content:center;width:100%}.comparison-stat-value{min-width:55px;font-size:1.2rem}.comparison-diff{min-width:45px;font-size:.75rem}.weapon-card{padding:12px 14px}.weapon-icon{width:55px;height:28px}.weapon-name{font-size:.85rem}}
