:root{--bg: #f2f1ef;--surface: #ffffff;--ink: #1c1c1c;--muted: #8a8a8a;--line: #dedcd6;--select: #e02020;font-family:Helvetica Neue,Helvetica,Arial,sans-serif}*{margin:0;padding:0;box-sizing:border-box}html,body,#app{height:100%}body{background:var(--bg);color:var(--ink);overflow:hidden}#app{display:flex;flex-direction:column}#masthead{display:grid;grid-template-columns:minmax(200px,300px) 1fr 1fr;gap:40px;padding:20px 28px 16px;background:var(--bg);border-bottom:1px solid var(--line)}.masthead-title h1{font-size:19px;font-weight:700}.byline{font-size:13px;color:var(--ink);margin-top:2px}.masthead-copy p{font-size:11px;line-height:1.55;color:#9a9894;max-width:46em}@media(max-width:1100px){.masthead-copy:last-of-type{display:none}}@media(max-width:760px){.masthead-copy{display:none}}#filter-bar{display:flex;align-items:center;gap:4px;padding:8px 28px;background:var(--surface);border-bottom:1px solid var(--line);border-radius:10px 10px 0 0;z-index:40;position:relative}.filter-label{font-size:13px;color:var(--muted);margin-right:10px}#filter-dropdowns{display:flex;align-items:center;gap:2px;flex:1}.dropdown{position:relative}.dropdown-btn{display:flex;align-items:center;gap:6px;border:0;background:none;cursor:pointer;font-size:13px;color:var(--ink);padding:6px 10px;border-radius:6px}.dropdown-btn:hover{background:var(--bg)}.caret{font-size:9px;color:var(--muted)}.badge{background:var(--select);color:#fff;font-size:10px;min-width:16px;height:16px;border-radius:8px;display:inline-flex;align-items:center;justify-content:center;padding:0 4px}.badge[hidden]{display:none}.dropdown-pop{display:none;position:absolute;top:34px;left:0;background:var(--surface);border:1px solid var(--line);border-radius:8px;box-shadow:0 10px 30px #0000001f;padding:10px 14px;min-width:210px;z-index:60}.dropdown.open .dropdown-pop{display:block}.pop-head{font-size:10px;letter-spacing:.1em;text-transform:uppercase;color:var(--muted);margin:10px 0 4px}.pop-head:first-child{margin-top:0}.facet-check{display:flex;align-items:center;gap:6px;font-size:13px;padding:3px 0;cursor:pointer}.year-row{display:flex;align-items:center;gap:6px;margin-bottom:8px}.year-input{width:74px;padding:4px 6px;border:1px solid var(--line);border-radius:6px;font-size:13px}.era-presets{display:flex;flex-wrap:wrap;gap:6px}.era-btn{font-size:12px;padding:4px 9px;border:1px solid var(--line);border-radius:999px;background:var(--bg);cursor:pointer}.era-btn:hover{border-color:var(--select);color:var(--select)}.reset-btn{font-size:12px;border:0;background:none;color:var(--muted);cursor:pointer;padding:6px 10px}.reset-btn:hover{color:var(--select)}#team-slider{flex:1}#team-val{font-size:12px;color:var(--muted);min-width:70px}#search-container{position:relative;width:min(320px,30vw)}.search-box input{width:100%;padding:6px 12px;border:1px solid var(--line);border-radius:999px;font-size:13px;background:var(--bg)}.search-box input:focus{outline:2px solid var(--select);border-color:transparent}.search-results{position:absolute;top:38px;right:0;left:0;background:var(--surface);border:1px solid var(--line);border-radius:8px;box-shadow:0 10px 30px #00000024;max-height:60vh;overflow-y:auto;z-index:70}.search-group{padding:8px 12px 2px;font-size:10px;letter-spacing:.1em;text-transform:uppercase;color:var(--muted)}.search-row{display:flex;justify-content:space-between;gap:12px;width:100%;padding:7px 12px;border:0;background:none;cursor:pointer;font-size:13px;text-align:left}.search-row:hover,.search-row.active{background:#fdeceb}.search-sub{color:var(--muted);font-size:12px;white-space:nowrap}#viz-container{flex:1;position:relative;overflow:hidden;background:var(--bg)}svg.timeline{width:100%;height:100%;display:block;cursor:grab}svg.timeline:active{cursor:grabbing}.gridline{stroke:#d8d6d0;stroke-width:1;stroke-dasharray:1 5}.axis-bg{fill:var(--bg);opacity:.95}.axis-year{font-size:12px;font-weight:700;fill:#6b6b6b;font-variant-numeric:tabular-nums}#legend{position:absolute;left:68px;bottom:12px;display:flex;flex-wrap:wrap;gap:4px;z-index:20}.legend-chip{display:inline-flex;align-items:center;gap:6px;font-size:11px;padding:3px 9px;border:1px solid var(--line);border-radius:999px;background:color-mix(in srgb,var(--surface) 82%,transparent);cursor:pointer;color:var(--ink)}.legend-chip:hover{border-color:var(--ink)}.legend-chip.active{border-color:var(--ink);font-weight:700}.legend-chip.dimmed{opacity:.45}.legend-swatch{width:10px;height:10px;border-radius:3px;display:inline-block}.lifeline .hit{stroke:transparent;stroke-width:16}.lifeline{transition:opacity .35s ease}.lifeline.filtered-out,.rider-tag.filtered-out{opacity:.06;pointer-events:none}.logo-card{fill:#fff;stroke:var(--line);stroke-width:1}.logo-card.blank{fill:#fbfbfa;stroke-dasharray:3 3}.lifeline:hover .logo-card{stroke:var(--ink)}.lifeline.selected .logo-card{stroke:var(--ink);stroke-width:1.25;stroke-dasharray:none}.cards-hidden .logo-card,.cards-hidden .brand-logo{display:none}.rider-tag{font-size:8px;fill:#6f6d69;text-anchor:middle;cursor:pointer;paint-order:stroke;stroke:var(--bg);stroke-width:2.5px}.rider-tag:hover{fill:var(--ink);font-weight:700}.rider-tag.on-thread{fill:var(--select);font-weight:700}.riders-hidden .rider-tag{display:none}.lineage-curve{fill:none;stroke:#b9b5ae;stroke-width:3;stroke-linecap:round;opacity:.8}.lineage-curve:hover{stroke:var(--ink)}.lineage-curve.on-thread{stroke:var(--select);opacity:1}.thread-active .lineage-curve:not(.on-thread){opacity:.15}.brand-focus .lineage-curve{opacity:.25}.thread-active .lifeline:not(.on-thread):not(.selected){opacity:.1}.thread-active .rider-tag:not(.on-thread){opacity:.15}.brand-focus .lifeline:not(.connected){opacity:.08}.brand-focus .rider-tag:not(.connected){opacity:.12}.thread-span{stroke:var(--select);stroke-width:5;stroke-linecap:round;opacity:.9}.thread-bridge{fill:none;stroke:var(--select);stroke-width:1.75;stroke-dasharray:4 3;opacity:.85}.thread-dot{fill:#fff;stroke:var(--select);stroke-width:1.25}#detail-panel{position:fixed;top:0;right:0;bottom:0;width:min(360px,92vw);overflow-y:auto;border-left:1px solid var(--line);background:var(--surface);box-shadow:-12px 0 32px #0000001a;padding:18px;z-index:80}#detail-panel[hidden]{display:none}.panel-close{position:absolute;top:10px;right:12px;border:0;background:none;font-size:22px;cursor:pointer;color:var(--muted)}.panel-logo{max-height:64px;max-width:200px;object-fit:contain;margin-bottom:10px;display:block}.panel-photo{width:84px;height:84px;object-fit:cover;border-radius:50%;margin-bottom:10px;display:block}.panel-title{font-size:20px;margin-bottom:2px;padding-right:24px}.panel-sub{color:var(--muted);font-size:13px;margin-bottom:10px}.panel-h3{font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:var(--muted);margin:14px 0 6px}.panel-notes{font-size:13px;color:var(--muted);margin-top:10px;font-style:italic}.facts{display:grid;grid-template-columns:auto 1fr;gap:3px 12px;font-size:13px}.facts dt{color:var(--muted)}.chip-list{display:flex;flex-wrap:wrap;gap:6px}.chip,.entity-link{font-size:12px;padding:3px 9px;border-radius:999px;border:1px solid var(--line);background:var(--bg)}.entity-link{cursor:pointer;color:var(--ink)}.entity-link:hover{border-color:var(--select);color:var(--select)}.roster{list-style:none}.roster-row{padding:3px 0;font-size:13px}.roster-meta{color:var(--muted);font-size:12px}@media(max-width:760px){#masthead{padding:14px 16px 10px}#filter-bar{flex-wrap:wrap;padding:8px 12px}#search-container{width:100%;order:-1;margin-bottom:6px}}