:root{color-scheme:dark;font-family:Inter,system-ui,sans-serif;--bg: #08120f;--panel: #10241d;--border: #244b3c;--accent: #a6d900;--accent-ink: #10241d;--text: #edf7ef;--text-dim: #9fb8ac;--danger: #ff6b6b;--success: #7ee787;background:var(--bg);color:var(--text)}*{box-sizing:border-box}body{margin:0}#root{max-width:1100px;margin:0 auto;padding:48px 24px}.eyebrow{color:var(--accent);font-weight:700;letter-spacing:.12em;text-transform:uppercase;font-size:.8rem;margin:0 0 8px}h1{font-size:clamp(2rem,6vw,3.2rem);margin:0 0 16px}.panel{background:var(--panel);border:1px solid var(--border);border-radius:18px;padding:28px;margin-top:24px}.auth-shell{display:flex;min-height:60vh;align-items:center;justify-content:center}.auth-form{width:min(400px,100%);display:flex;flex-direction:column;gap:14px}label{display:flex;flex-direction:column;gap:6px;font-size:.9rem;color:var(--text-dim)}input,select{background:#0d1e18;border:1px solid var(--border);border-radius:8px;color:var(--text);padding:10px 12px;font-size:1rem}button{background:var(--accent);color:var(--accent-ink);border:none;border-radius:10px;padding:12px 20px;font-weight:700;cursor:pointer}button:disabled{opacity:.5;cursor:not-allowed}.upload{display:flex;align-items:center;gap:12px;background:#17372c;border:1px dashed var(--border);border-radius:12px;padding:16px;cursor:pointer;position:relative;margin:16px 0}.upload input{position:absolute;top:0;right:0;bottom:0;left:0;opacity:0;cursor:pointer}.hint{color:var(--text-dim);font-size:.9rem}.status-error{color:var(--danger)}.status-success{color:var(--success)}.import-preview{background:#0d1e18;border:1px solid var(--border);border-radius:12px;padding:16px;margin:12px 0}.match-line{font-size:1.1rem;font-weight:700;margin:0 0 6px}.detection-counts{color:var(--text-dim);margin:0}.app-nav{display:flex;align-items:center;gap:20px;padding-bottom:16px;border-bottom:1px solid var(--border)}.app-nav .eyebrow{margin:0 auto 0 0}.app-nav a{color:var(--text-dim);text-decoration:none;font-weight:600}.app-nav a.active{color:var(--accent)}.link-button{background:none;color:var(--text-dim);padding:0;font-weight:600}.tabs{display:flex;gap:8px;margin-bottom:16px}.tabs [role=tab]{background:transparent;border:1px solid var(--border);color:var(--text-dim);font-weight:600}.tabs [role=tab][data-state=active]{background:var(--accent);color:var(--accent-ink);border-color:var(--accent)}.filter-bar{display:flex;flex-wrap:wrap;gap:16px;margin-bottom:20px}.filter-bar label{min-width:140px}.ranking-table{width:100%;border-collapse:collapse;margin-bottom:16px}.ranking-table-toolbar{display:flex;justify-content:flex-end;margin:0 0 10px}.ranking-search{display:grid;gap:5px;width:min(290px,100%);color:var(--text-dim);font-size:.85rem}.ranking-search input{width:100%}.ranking-table th,.ranking-table td{text-align:left;padding:10px 12px;border-bottom:1px solid var(--border)}.ranking-table th{color:var(--text-dim);font-size:.85rem;text-transform:uppercase;letter-spacing:.04em}.ranking-sort-button{display:inline-flex;align-items:center;gap:6px;min-height:24px;padding:0;border:0;border-radius:0;background:transparent;color:inherit;font:inherit;letter-spacing:inherit;text-align:inherit}.ranking-sort-button:hover,.ranking-sort-button:focus-visible{color:var(--text)}.ranking-sort-button:focus-visible{outline:2px solid var(--accent);outline-offset:3px}.ranking-sort-indicator{color:var(--accent);font-size:1rem;line-height:1}.export-csv{display:inline-block;color:var(--accent);font-weight:700;text-decoration:none}h2{font-size:1.2rem;margin:28px 0 12px}.metric-summary{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:12px;margin-bottom:16px}.metric-card{background:#0d1e18;border:1px solid var(--border);border-radius:10px;padding:12px}.metric-label{margin:0;font-weight:700;color:var(--accent)}.metric-value{margin:4px 0;font-size:1.4rem;font-weight:700}.series-picker{border:1px solid var(--border);border-radius:10px;padding:12px 16px;display:flex;flex-wrap:wrap;gap:12px;margin-bottom:16px}.series-picker legend{color:var(--text-dim);padding:0 6px}.series-picker label{flex-direction:row;align-items:center;gap:6px;color:var(--text)}.trend-chart{max-width:100%;height:auto}.comparison-control{display:grid;gap:6px;max-width:38rem;margin:20px 0 12px}.match-comparison{border-top:2px solid var(--accent);margin:0 0 24px}.comparison-heading,.comparison-row{display:grid;grid-template-columns:minmax(6rem,1fr) minmax(7rem,.8fr) minmax(7rem,.8fr);gap:12px;align-items:center;padding:10px 0;border-bottom:1px solid var(--border)}.comparison-caption{margin:0;color:var(--text-dim);font-size:.8rem}.comparison-caption:first-child{grid-column:2}.comparison-row span:last-child{color:var(--accent);font-weight:700}.profile-header{display:flex;justify-content:space-between;align-items:end;gap:24px}.profile-header .hint{max-width:36ch;margin:0 0 16px}.profile-layout-tabs{display:flex;gap:8px;overflow-x:auto;padding:16px 0;border-bottom:1px solid var(--border)}.profile-layout-tabs button{flex:0 0 auto;background:transparent;border:1px solid var(--border);color:var(--text-dim);padding:9px 12px}.profile-layout-tabs button[aria-selected=true]{background:var(--accent);border-color:var(--accent);color:var(--accent-ink)}.profile-layout-cards .match-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:10px;margin:22px 0}.profile-layout-cards .match-cards h2{grid-column:1 / -1;margin:0}.profile-layout-cards .match-cards button{background:#0d1e18;border:1px solid var(--border);color:var(--text);text-align:left;min-height:68px}.profile-layout-cards .match-cards button.selected{background:var(--accent);color:var(--accent-ink);border-color:var(--accent)}.profile-split{display:grid;grid-template-columns:minmax(220px,.45fr) 1fr;gap:24px;padding-top:8px}.profile-split aside{border-right:1px solid var(--border);padding-right:20px}.profile-split aside h2{margin-top:20px}.profile-split .series-picker{display:grid}.profile-split main>.trend-chart{margin-top:20px}.profile-timeline{display:flex;align-items:center;gap:10px;overflow-x:auto;padding:22px 0 14px;border-bottom:1px solid var(--border)}.profile-timeline button{flex:0 0 auto;background:#0d1e18;border:1px solid var(--border);color:var(--text-dim);padding:8px 12px}.profile-timeline button.selected{background:var(--accent);border-color:var(--accent);color:var(--accent-ink)}@media(max-width:700px){.profile-header,.profile-split{display:block}.profile-split aside{border-right:0;border-bottom:1px solid var(--border);padding-right:0;padding-bottom:12px}}.demo-nav,.demo-controls,.match-cards,.timeline{display:flex;flex-wrap:wrap;gap:8px;margin:16px 0}.demo-nav a{padding:8px 10px;border:1px solid var(--border);border-radius:8px;color:var(--text-dim);text-decoration:none}.demo-nav a.active,.selected{background:var(--accent);color:var(--accent-ink)!important;border-color:var(--accent)}.demo-note{max-width:65ch}.demo-controls select,.demo-controls input{min-width:180px}.demo-layout{display:grid;grid-template-columns:minmax(230px,320px) 1fr;gap:20px}.series-demo{border:1px solid var(--border);padding:14px;border-radius:10px}.series-demo input{width:100%;margin:12px 0}.series-demo label{display:block;margin:8px 0}.series-demo details{padding:8px 0;border-top:1px solid var(--border)}.match-cards button,.timeline span{background:#0d1e18;border:1px solid var(--border);padding:10px;border-radius:8px}.timeline{align-items:center;border-bottom:1px solid var(--border);padding-bottom:14px}.timeline span{border-radius:20px}@media(max-width:700px){.demo-layout{grid-template-columns:1fr}}.analysis-filter-bar{display:grid;grid-template-columns:repeat(4,minmax(150px,1fr));gap:12px;margin:20px 0}.analysis-filter-bar label{font-weight:700;color:var(--text)}.analysis-filter-bar select{margin-top:2px}.match-score-line{display:flex;flex-wrap:wrap;gap:10px;align-items:baseline;margin:4px 0 0;color:var(--text-dim)}.match-score-line strong{color:var(--text);font-size:1.35rem;letter-spacing:.04em}.season-score-line{font-weight:700}.roster-picker{border:1px solid var(--border);border-radius:12px;margin:0;padding:14px}.roster-picker legend{color:var(--text);font-weight:700;padding:0 6px}.roster-search{max-width:100%}.roster-list{display:grid;gap:6px;max-height:290px;overflow-y:auto;padding:4px 0}.roster-member{display:flex;flex-direction:row;align-items:center;gap:9px;padding:9px 10px;border:1px solid transparent;border-radius:8px;color:var(--text)}.roster-member:hover{background:#17372c}.roster-member.selected{background:#1e3d30;border-color:var(--accent);color:var(--text)}.selection-prompt{color:var(--accent);font-size:.9rem;font-weight:700}@media(max-width:800px){.analysis-filter-bar{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:480px){.analysis-filter-bar{grid-template-columns:1fr}}.team-analysis-page{max-width:1320px}.analysis-header{display:flex;justify-content:space-between;align-items:end;gap:24px;border-bottom:1px solid var(--border);padding-bottom:20px}.analysis-header .hint{max-width:34ch;margin:0}.analysis-workspace{display:grid;grid-template-columns:minmax(235px,300px) minmax(0,1fr);gap:24px;align-items:start}.comparison-table-wrap{overflow-x:auto;border:1px solid var(--border);border-radius:12px}.comparison-table{width:100%;min-width:540px;border-collapse:collapse}.comparison-table th,.comparison-table td{padding:14px 16px;border-bottom:1px solid var(--border);text-align:left;vertical-align:middle}.comparison-table thead th{background:#0d1e18;color:var(--text-dim);font-size:.82rem;letter-spacing:.04em;text-transform:uppercase}.comparison-table tbody tr:last-child>*{border-bottom:0}.comparison-table tbody th{color:var(--text);min-width:150px}.comparison-table small{display:block;color:var(--text-dim);font-size:.78rem;font-weight:500;margin-top:3px}.comparison-table td{font-variant-numeric:tabular-nums;font-weight:700}.person-accent{display:block;border-left:4px solid;padding-left:9px;color:var(--text);text-transform:none;font-size:.88rem;letter-spacing:normal}.analysis-chart{margin-top:24px;border:1px solid var(--border);border-radius:12px;padding:16px;overflow-x:auto}.chart-heading{display:flex;justify-content:space-between;align-items:center;gap:12px}.chart-heading h2{margin:0}.chart-mode{display:flex;gap:6px}.chart-mode button{background:transparent;border:1px solid var(--border);color:var(--text-dim);padding:8px 11px}.chart-mode button[aria-pressed=true]{background:var(--accent);border-color:var(--accent);color:var(--accent-ink)}.analysis-chart-canvas{margin-top:12px}@media(max-width:850px){.analysis-header{align-items:start;flex-direction:column}.analysis-workspace{grid-template-columns:1fr}}
