.player-details-overlay[data-v-1fa288fb]{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000a6;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);display:flex;justify-content:center;align-items:flex-start;z-index:var(--z-modal, 1000);padding:var(--space-8) var(--space-4);overflow-y:auto}.player-modal[data-v-1fa288fb]{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-xl);width:100%;max-width:580px;box-shadow:0 20px 60px #0000004d;animation:modalSlideIn-1fa288fb .25s ease-out;overflow:hidden}@keyframes modalSlideIn-1fa288fb{0%{opacity:0;transform:translateY(-16px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.player-modal-header[data-v-1fa288fb]{display:flex;align-items:center;justify-content:space-between;padding:var(--space-5) var(--space-6);border-bottom:1px solid var(--color-border)}.player-modal-header h2[data-v-1fa288fb]{font-size:1.3rem;font-weight:800;letter-spacing:-.02em;color:var(--color-text-primary);margin:0}.modal-close[data-v-1fa288fb]{background:transparent;border:1px solid var(--color-border);color:var(--color-text-secondary);border-radius:var(--radius-md);width:36px;height:36px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all var(--transition-fast)}.modal-close[data-v-1fa288fb]:hover{background:var(--color-bg-hover);color:var(--color-text-primary)}.modal-loading[data-v-1fa288fb],.modal-error[data-v-1fa288fb]{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--space-12);gap:var(--space-3);color:var(--color-text-muted)}.modal-error[data-v-1fa288fb]{color:var(--color-error)}.player-modal-body[data-v-1fa288fb]{padding:var(--space-5) var(--space-6);max-height:70vh;overflow-y:auto}.detail-stats-grid[data-v-1fa288fb]{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--space-3);margin-bottom:var(--space-5)}.detail-stat[data-v-1fa288fb]{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-md)}.detail-stat-icon[data-v-1fa288fb]{flex-shrink:0}.detail-stat-icon.win[data-v-1fa288fb]{color:#22c55e}.detail-stat-icon.loss[data-v-1fa288fb]{color:#ef4444}.detail-stat-icon.rate[data-v-1fa288fb]{color:#3b82f6}.detail-stat-icon.total[data-v-1fa288fb]{color:#f59e0b}.detail-stat-content[data-v-1fa288fb]{display:flex;flex-direction:column}.detail-stat-value[data-v-1fa288fb]{font-size:1.2rem;font-weight:800;color:var(--color-text-primary);line-height:1.1}.detail-stat-label[data-v-1fa288fb]{font-size:.68rem;text-transform:uppercase;letter-spacing:.05em;font-weight:600;color:var(--color-text-muted)}.detail-section[data-v-1fa288fb]{margin-bottom:var(--space-5)}.detail-section h3[data-v-1fa288fb]{display:flex;align-items:center;gap:var(--space-2);font-size:.8rem;text-transform:uppercase;letter-spacing:.06em;font-weight:700;color:var(--color-text-secondary);margin-bottom:var(--space-3)}.activity-pills[data-v-1fa288fb]{display:flex;gap:var(--space-3);flex-wrap:wrap}.activity-pill[data-v-1fa288fb]{padding:var(--space-2) var(--space-4);background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-full);font-size:.82rem;color:var(--color-text-secondary)}.activity-pill strong[data-v-1fa288fb]{color:var(--color-text-primary);font-weight:700}.highlight-match[data-v-1fa288fb]{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-4);border-radius:var(--radius-md);border:1px solid}.win-highlight[data-v-1fa288fb]{background:#22c55e0f;border-color:#22c55e33}.loss-highlight[data-v-1fa288fb]{background:#ef44440f;border-color:#ef444433}.match-result-badge[data-v-1fa288fb]{display:flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:var(--radius-md);font-size:.75rem;font-weight:800;flex-shrink:0}.match-result-badge.W[data-v-1fa288fb]{background:#22c55e26;color:#22c55e}.match-result-badge.L[data-v-1fa288fb]{background:#ef444426;color:#ef4444}.match-result-badge.\?[data-v-1fa288fb]{background:#9ca3af26;color:#9ca3af}.match-info[data-v-1fa288fb]{display:flex;flex-direction:column;flex:1;min-width:0}.match-opponent[data-v-1fa288fb]{font-weight:700;font-size:.9rem;color:var(--color-text-primary)}.match-score[data-v-1fa288fb]{font-size:.8rem;color:var(--color-text-secondary);font-family:var(--font-mono, monospace)}.match-elo[data-v-1fa288fb]{font-size:.78rem;font-weight:700;color:var(--color-brand-live, #22c55e);white-space:nowrap}.match-date[data-v-1fa288fb]{font-size:.75rem;color:var(--color-text-muted);white-space:nowrap}.recent-matches-list[data-v-1fa288fb]{display:flex;flex-direction:column;gap:2px;border:1px solid var(--color-border);border-radius:var(--radius-md);overflow:hidden}.recent-match[data-v-1fa288fb]{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-2) var(--space-3);background:var(--color-bg-secondary);transition:background var(--transition-fast)}.recent-match[data-v-1fa288fb]:nth-child(2n){background:var(--color-surface)}.recent-match[data-v-1fa288fb]:hover{background:var(--color-bg-hover)}.recent-opponent[data-v-1fa288fb]{flex:1;font-weight:600;font-size:.85rem;color:var(--color-text-primary);min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.recent-score[data-v-1fa288fb]{font-size:.8rem;font-family:var(--font-mono, monospace);color:var(--color-text-secondary);min-width:60px;text-align:center}.recent-elo[data-v-1fa288fb]{font-size:.78rem;font-weight:700;color:var(--color-brand-live, #22c55e);min-width:40px;text-align:right}.recent-date[data-v-1fa288fb]{font-size:.72rem;color:var(--color-text-muted);min-width:80px;text-align:right}@media (max-width: 768px){.player-modal[data-v-1fa288fb]{max-width:100%;margin:var(--space-4);max-height:90vh}.detail-stats-grid[data-v-1fa288fb]{grid-template-columns:repeat(2,1fr)!important}.highlight-match[data-v-1fa288fb]{flex-wrap:wrap}}