:root{--color-bg-primary: #F5F5F7;--color-bg-secondary: #FFFFFF;--color-bg-subtle: #E8E8ED;--color-text-primary: #1D1D1F;--color-text-secondary: #6E6E73;--color-accent-primary: #0071E3;--color-accent-hover: #0077ED;--color-correct: #34C759;--color-wrong: #FF3B30;--color-timer: #FF9500;--font-title: "Bebas Neue", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-body: -apple-system, BlinkMacSystemFont, "SF Pro Text", "Segoe UI", Roboto, Helvetica, Arial, sans-serif;--space-xs: 4px;--space-sm: 8px;--space-md: 16px;--space-lg: 24px;--space-xl: 32px;--space-2xl: 48px;--radius-sm: 8px;--radius-md: 12px;--radius-lg: 16px;--radius-xl: 20px;--radius-full: 9999px;--shadow-soft: 0 1px 3px rgba(0, 0, 0, .04), 0 1px 2px rgba(0, 0, 0, .06);--shadow-medium: 0 4px 6px rgba(0, 0, 0, .04), 0 2px 4px rgba(0, 0, 0, .06);--shadow-strong: 0 10px 25px rgba(0, 0, 0, .08), 0 4px 10px rgba(0, 0, 0, .06);--shadow-card: 0 2px 8px rgba(0, 0, 0, .04), 0 1px 3px rgba(0, 0, 0, .06);--transition-fast: .15s ease;--transition-medium: .25s ease}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-body);background:var(--color-bg-primary);color:var(--color-text-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.insights-wrapper{max-width:1200px;margin:0 auto;padding:var(--space-md);padding-bottom:var(--space-2xl)}.insights-header{display:flex;align-items:center;justify-content:space-between;padding:var(--space-md) 0;margin-bottom:var(--space-lg);border-bottom:1px solid var(--color-bg-subtle)}.header-left{display:flex;align-items:baseline;gap:var(--space-md)}.logo{font-family:var(--font-title);font-size:28px;letter-spacing:1px;line-height:1}.logo-mind,.logo-sprint{color:#2b6cb0}.logo-insights{color:var(--color-text-secondary);font-size:22px;margin-left:4px}.back-link{font-size:14px;color:var(--color-accent-primary);text-decoration:none;transition:color var(--transition-fast)}.back-link:hover{color:var(--color-accent-hover)}.mode-toggle{display:flex;align-items:center;gap:var(--space-sm)}.mode-label{font-size:13px;font-weight:600;color:var(--color-text-secondary)}.toggle-btn{position:relative;width:48px;height:28px;background:var(--color-correct);border:none;border-radius:var(--radius-full);cursor:pointer;transition:background var(--transition-medium);padding:0}.toggle-btn[aria-checked=false]{background:var(--color-accent-primary)}.toggle-thumb{position:absolute;top:3px;left:3px;width:22px;height:22px;background:#fff;border-radius:50%;transition:transform var(--transition-medium);box-shadow:0 1px 3px #0003}.toggle-btn[aria-checked=false] .toggle-thumb{transform:translate(20px)}.metrics-row{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--space-md);margin-bottom:var(--space-xl)}.metric-card{background:var(--color-bg-secondary);border-radius:var(--radius-lg);padding:var(--space-lg);box-shadow:var(--shadow-card);text-align:center;transition:box-shadow var(--transition-medium)}.metric-card:hover{box-shadow:var(--shadow-medium)}.metric-value{font-family:var(--font-title);font-size:40px;color:var(--color-text-primary);line-height:1.1;letter-spacing:.5px}.metric-subtitle{font-size:13px;font-weight:600;color:var(--color-text-secondary);margin-top:var(--space-xs);text-transform:uppercase;letter-spacing:.5px}.metric-trend{font-size:12px;font-weight:700;margin-top:var(--space-sm);min-height:18px}.trend-up{color:var(--color-correct)}.trend-down{color:var(--color-wrong)}.trend-stable{color:var(--color-text-secondary)}.chart-section{background:var(--color-bg-secondary);border-radius:var(--radius-lg);padding:var(--space-lg);box-shadow:var(--shadow-card);margin-bottom:var(--space-xl)}.section-title{font-family:var(--font-body);font-size:18px;font-weight:700;color:var(--color-text-primary);margin-bottom:var(--space-md)}.chart-container{position:relative;height:300px}.players-section{margin-bottom:var(--space-xl)}.players-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-md)}.sort-controls{display:flex;align-items:center;gap:var(--space-sm)}.sort-label{font-size:13px;color:var(--color-text-secondary);font-weight:600}.sort-select{font-family:var(--font-body);font-size:14px;padding:6px 12px;border:1px solid var(--color-bg-subtle);border-radius:var(--radius-sm);background:var(--color-bg-secondary);color:var(--color-text-primary);cursor:pointer;outline:none;transition:border-color var(--transition-fast)}.sort-select:focus{border-color:var(--color-accent-primary)}.players-hint{text-align:center;font-size:12px;color:var(--color-text-secondary);margin-top:var(--space-md)}.players-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-md)}.player-card{background:var(--color-bg-secondary);border-radius:var(--radius-lg);padding:var(--space-lg);box-shadow:var(--shadow-card);transition:box-shadow var(--transition-medium),transform var(--transition-medium)}.player-card:hover{box-shadow:var(--shadow-medium);transform:translateY(-2px)}.player-card-header{display:flex;align-items:center;gap:var(--space-md);margin-bottom:var(--space-md)}.player-avatar{width:44px;height:44px;border-radius:50%;background:var(--color-bg-subtle);display:flex;align-items:center;justify-content:center;font-size:20px;font-weight:700;color:var(--color-accent-primary);flex-shrink:0}.player-info{flex:1;min-width:0}.player-name{font-size:16px;font-weight:700;color:var(--color-text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.player-games{font-size:12px;color:var(--color-text-secondary)}.brain-score-badge{display:flex;flex-direction:column;align-items:center;background:linear-gradient(135deg,#0071e3,#5e5ce6);color:#fff;border-radius:var(--radius-md);padding:6px 12px;min-width:64px}.brain-score-value{font-family:var(--font-title);font-size:24px;line-height:1;letter-spacing:.5px}.brain-score-label{font-size:9px;font-weight:700;text-transform:uppercase;letter-spacing:1px;opacity:.85}.player-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-sm);margin-bottom:var(--space-md);padding-bottom:var(--space-md);border-bottom:1px solid var(--color-bg-subtle)}.player-stat{text-align:center}.player-stat-value{font-size:16px;font-weight:700;color:var(--color-text-primary)}.player-stat-label{font-size:11px;color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:.3px}.player-trend-row{display:flex;align-items:center;justify-content:space-between}.sparkline-container{flex:1;height:32px}.sparkline-container svg{width:100%;height:100%}.sparkline-line{fill:none;stroke:var(--color-accent-primary);stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.sparkline-area{fill:#0071e314}.trend-indicator{display:flex;align-items:center;gap:4px;font-size:12px;font-weight:700;margin-left:var(--space-sm);flex-shrink:0}.trend-indicator.improving{color:var(--color-correct)}.trend-indicator.declining{color:var(--color-wrong)}.trend-indicator.stable{color:var(--color-text-secondary)}.player-card{cursor:pointer;position:relative}.player-card.selected{outline:2.5px solid var(--color-accent-primary);outline-offset:-2.5px}.player-card.selected:after{content:attr(data-select-label);position:absolute;top:8px;right:8px;background:var(--color-accent-primary);color:#fff;font-size:10px;font-weight:700;padding:2px 8px;border-radius:var(--radius-full);text-transform:uppercase;letter-spacing:.5px}.heatmap-section{background:var(--color-bg-secondary);border-radius:var(--radius-lg);padding:var(--space-lg);box-shadow:var(--shadow-card);margin-bottom:var(--space-xl)}.heatmap-wrapper{display:flex;flex-direction:column;gap:var(--space-sm)}.heatmap-grid{display:grid;grid-template-columns:repeat(53,1fr);grid-template-rows:repeat(7,1fr);grid-auto-flow:column;gap:3px}.heatmap-cell{width:100%;aspect-ratio:1;border-radius:2px;background:var(--color-bg-subtle);min-width:0}.heatmap-cell[data-tooltip]:before{display:none}.heatmap-legend{display:flex;align-items:center;gap:4px;justify-content:flex-end}.heatmap-legend .heatmap-cell{width:12px;height:12px;aspect-ratio:auto;flex-shrink:0}.heatmap-legend-label{font-size:11px;color:var(--color-text-secondary)}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;padding:var(--space-md);animation:fadeIn .2s ease}.modal-overlay.hidden{display:none}.modal{background:var(--color-bg-secondary);border-radius:var(--radius-xl);box-shadow:var(--shadow-strong);max-height:90vh;overflow-y:auto;position:relative;animation:slideUp .25s ease}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}.modal-close{position:absolute;top:12px;right:16px;background:none;border:none;font-size:24px;color:var(--color-text-secondary);cursor:pointer;width:36px;height:36px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:background var(--transition-fast);z-index:1}.modal-close:hover{background:var(--color-bg-subtle)}.modal-title{font-family:var(--font-body);font-size:20px;font-weight:700;text-align:center;margin-bottom:var(--space-md)}.h2h-modal{width:520px;max-width:100%;padding:var(--space-xl)}.h2h-names{display:flex;align-items:center;justify-content:center;gap:var(--space-md);margin-bottom:var(--space-lg)}.h2h-name{font-size:16px;font-weight:700}.h2h-name-a{color:var(--color-accent-primary)}.h2h-name-b{color:#5e5ce6}.h2h-vs{font-size:13px;font-weight:700;color:var(--color-text-secondary);text-transform:uppercase}.h2h-chart-container{position:relative;height:320px;margin-bottom:var(--space-md)}.h2h-stats{display:grid;grid-template-columns:1fr auto 1fr;gap:var(--space-xs) var(--space-md);font-size:13px}.h2h-stat-a{text-align:right;font-weight:700;color:var(--color-accent-primary)}.h2h-stat-label{text-align:center;color:var(--color-text-secondary);font-weight:600}.h2h-stat-b{text-align:left;font-weight:700;color:#5e5ce6}.h2h-stat-winner{font-weight:800}.h2h-hint{text-align:center;font-size:12px;color:var(--color-text-secondary);margin-top:var(--space-md)}.report-modal{width:400px;max-width:100%;padding:0;overflow:hidden}.report-card{padding:var(--space-xl);background:linear-gradient(180deg,#f5f5f7,#fff)}.report-header{display:flex;align-items:center;gap:var(--space-md);margin-bottom:var(--space-lg)}.report-avatar{width:56px;height:56px;border-radius:50%;background:var(--color-bg-subtle);display:flex;align-items:center;justify-content:center;font-size:26px;font-weight:700;color:var(--color-accent-primary);flex-shrink:0}.report-identity{flex:1;min-width:0}.report-name{font-size:20px;font-weight:800;color:var(--color-text-primary)}.report-subtitle{font-size:12px;color:var(--color-text-secondary);font-weight:600;text-transform:uppercase;letter-spacing:.5px}.report-brain-score{position:relative;width:80px;height:80px;flex-shrink:0}.score-ring{width:100%;height:100%;transform:rotate(-90deg)}.score-ring-bg{fill:none;stroke:var(--color-bg-subtle);stroke-width:8}.score-ring-fill{fill:none;stroke:url(#scoreGradient);stroke-width:8;stroke-linecap:round;stroke-dasharray:326.73;stroke-dashoffset:326.73;transition:stroke-dashoffset 1s ease-out}.score-ring-text{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center}.score-ring-value{font-family:var(--font-title);font-size:22px;line-height:1;color:var(--color-text-primary)}.score-ring-label{font-size:9px;font-weight:700;text-transform:uppercase;color:var(--color-text-secondary);letter-spacing:.5px}.report-scouting{background:var(--color-bg-primary);border-radius:var(--radius-md);padding:var(--space-md);margin-bottom:var(--space-lg);font-size:14px;line-height:1.6;color:var(--color-text-primary);font-style:italic;border-left:3px solid var(--color-accent-primary)}.report-stats-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-sm);margin-bottom:var(--space-lg)}.report-stat-item{background:var(--color-bg-primary);border-radius:var(--radius-md);padding:var(--space-md);text-align:center}.report-stat-value{font-family:var(--font-title);font-size:28px;line-height:1;color:var(--color-text-primary)}.report-stat-label{font-size:11px;font-weight:600;color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:.3px;margin-top:2px}.report-sparkline-row{margin-bottom:var(--space-lg)}.report-sparkline-label{font-size:12px;font-weight:600;color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:.3px;display:block;margin-bottom:var(--space-xs)}.report-sparkline{height:48px}.report-sparkline svg{width:100%;height:100%}.report-footer{display:flex;justify-content:space-between;align-items:center;padding-top:var(--space-md);border-top:1px solid var(--color-bg-subtle)}.report-brand{font-family:var(--font-title);font-size:14px;color:#2b6cb0;letter-spacing:.5px}.report-date{font-size:12px;color:var(--color-text-secondary)}.explainer-section{background:var(--color-bg-secondary);border-radius:var(--radius-lg);padding:var(--space-lg);box-shadow:var(--shadow-card);margin-bottom:var(--space-xl)}.explainer-title{font-size:16px;font-weight:700;color:var(--color-text-primary);margin-bottom:var(--space-sm)}.explainer-text{font-size:14px;color:var(--color-text-secondary);line-height:1.5;margin-bottom:var(--space-md)}.formula-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--space-sm)}.formula-item{display:flex;flex-direction:column;align-items:center;text-align:center;padding:var(--space-md);background:var(--color-bg-primary);border-radius:var(--radius-md)}.formula-weight{font-family:var(--font-title);font-size:28px;color:var(--color-accent-primary);line-height:1}.formula-name{font-size:14px;font-weight:700;color:var(--color-text-primary);margin-top:var(--space-xs)}.formula-desc{font-size:11px;color:var(--color-text-secondary);margin-top:2px}.insights-footer{text-align:center;padding:var(--space-lg) 0;border-top:1px solid var(--color-bg-subtle)}.insights-footer p{font-size:13px;color:var(--color-text-secondary)}.speed-report-section{background:var(--color-bg-secondary);border-radius:var(--radius-lg);padding:var(--space-lg);box-shadow:var(--shadow-card)}.speed-report-controls{display:flex;justify-content:flex-end;margin-bottom:var(--space-md)}.speed-filter{font-family:var(--font-body);font-size:13px;padding:6px 12px;border:1px solid var(--color-bg-subtle);border-radius:var(--radius-sm);background:var(--color-bg-primary);color:var(--color-text-primary);cursor:pointer}.speed-table-wrap{overflow-x:auto;-webkit-overflow-scrolling:touch}.speed-table{width:100%;border-collapse:collapse;font-variant-numeric:tabular-nums;font-size:14px}.speed-table th,.speed-table td{padding:10px 12px;text-align:center;white-space:nowrap}.speed-table th{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.04em;color:var(--color-text-secondary);border-bottom:2px solid var(--color-bg-subtle);-webkit-user-select:none;user-select:none}.speed-table th.sortable{cursor:pointer}.speed-table th.sortable:hover{color:var(--color-accent-primary)}.speed-table th.sortable:after{content:"";display:inline-block;margin-left:4px;width:0}.speed-table th.sortable.active.desc:after{content:"▼";font-size:9px}.speed-table th.sortable.active.asc:after{content:"▲";font-size:9px}.speed-table td{border-bottom:1px solid #F0F0F2;color:var(--color-text-primary)}.speed-table .speed-name{text-align:left;font-weight:600}.speed-row-flagged{background:#fff8e1;border-left:3px solid #FFB300}.speed-flag{font-size:16px}.speed-hint{margin-top:var(--space-sm);font-size:12px;color:var(--color-text-secondary);text-align:center}@media (max-width: 900px){.metrics-row,.players-grid,.formula-grid{grid-template-columns:repeat(2,1fr)}.heatmap-grid{gap:2px}.h2h-modal{width:100%}.h2h-chart-container{height:260px}}@media (max-width: 600px){.insights-wrapper{padding:var(--space-sm)}.insights-header{flex-direction:column;align-items:flex-start;gap:var(--space-sm)}.header-right{align-self:flex-end}.header-left{flex-direction:column;gap:var(--space-xs)}.logo{font-size:24px}.logo-insights{font-size:18px}.metrics-row{grid-template-columns:1fr}.metric-card{padding:var(--space-md)}.metric-value{font-size:32px}.chart-container{height:220px}.players-grid{grid-template-columns:1fr}.players-header{flex-direction:column;align-items:flex-start;gap:var(--space-sm)}.formula-grid{grid-template-columns:repeat(2,1fr)}.brain-score-value{font-size:20px}.heatmap-grid{grid-template-columns:repeat(27,1fr);gap:2px}.h2h-chart-container{height:220px}.report-header{flex-wrap:wrap}.report-brain-score{width:64px;height:64px}.score-ring-value{font-size:18px}}