*{box-sizing:border-box}body{margin:0;font-family:Inter,system-ui,sans-serif;background:#0f172a;color:#e2e8f0}.app{display:flex;flex-direction:column;min-height:100vh}.header{padding:16px 24px;border-bottom:1px solid #1e293b}.error{margin-top:8px;color:#f87171}.filters{display:flex;gap:16px;padding:16px 24px;background:#111827;border-bottom:1px solid #1f2937}.filters label{display:flex;flex-direction:column;gap:6px;font-size:14px}.filters input,.filters select{background:#0f172a;border:1px solid #334155;color:#e2e8f0;padding:6px 8px;border-radius:6px}.content{display:grid;grid-template-columns:320px 1fr;gap:16px;padding:16px 24px}.panel{background:#111827;border:1px solid #1f2937;border-radius:12px;padding:16px;min-height:200px}.match-list{display:flex;flex-direction:column;gap:8px;max-height:70vh;overflow:auto}.match-row{background:transparent;border:1px solid transparent;border-radius:8px;color:#e2e8f0;text-align:left;padding:10px;cursor:pointer}.match-row:hover,.match-row.active{border-color:#3b82f6;background:#0f172a}.match-title{display:flex;justify-content:space-between;font-size:13px;gap:6px}.match-subtitle{display:flex;justify-content:space-between;font-size:12px;color:#94a3b8;margin-top:6px}.score{font-weight:600}.detail{display:flex;flex-direction:column;gap:12px}.match-meta{display:flex;gap:16px;font-size:14px;color:#94a3b8}.match-periods{display:flex;flex-wrap:wrap;gap:10px;font-size:13px;color:#cbd5f5}.charts{display:grid;gap:16px}.charts.single-column{grid-template-columns:1fr}.chart-card{background:#0f172a;border:1px solid #1f2937;border-radius:10px;padding:12px}.stints-wrapper{position:relative}.boxscore-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:12px}.boxscore-wrapper{position:relative}.boxscore-table{width:100%;border-collapse:collapse;font-size:12px}.boxscore-table th,.boxscore-table td{border-bottom:1px solid #1f2937;padding:6px 4px;text-align:center}.total-row td{font-weight:600;border-top:1px solid #334155}.boxscore-tooltip{position:fixed;background:#0f172af2;border:1px solid #334155;border-radius:8px;padding:10px;font-size:12px;color:#e2e8f0;z-index:10;max-width:220px;pointer-events:none}.boxscore-tooltip .tooltip-title{font-weight:600;margin-bottom:6px}.boxscore-tooltip .tooltip-section{margin-top:6px;border-top:1px solid #1f2937;padding-top:6px}.muted{color:#94a3b8;font-size:14px}.stints-chart{margin-top:8px}.stints-label{fill:#e2e8f0;font-size:11px}.stints-axis-label{fill:#94a3b8;font-size:10px;text-anchor:middle}.stints-axis-line{stroke:#1f2937;stroke-width:1}.stints-tooltip{position:absolute;display:inline-block;background:#0f172af2;border:1px solid #334155;border-radius:6px;padding:6px 8px;font-size:12px;color:#e2e8f0;pointer-events:none;transform:translate(0);z-index:5}.stints-tooltip .tooltip-title{font-weight:600;margin-bottom:4px}