:root{font-family:system-ui,sans-serif;font-size:12px;color:#171717;background:#fff;font-synthesis:none;line-height:1.6;color-scheme:light;--selection-accent: #286447;--selection-tint: #e0efe6;--page-padding-block: 24px}*{box-sizing:border-box}body{margin:0}main{width:100%;height:100dvh;padding:var(--page-padding-block) 20px;display:flex;flex-direction:column;gap:16px}#workspace,.results{display:flex;flex-direction:column;flex:1;min-height:0}.player-filter{display:flex;align-items:center;gap:10px;min-width:0;max-width:100%;font-size:12px;text-align:left;overflow-wrap:anywhere}.player-filter{background:var(--selection-tint);border-color:#63977c;color:var(--selection-accent)}.player-filter:hover{background:#d0e6d9}.filter-remove{flex:none;margin-left:auto;font-size:12px;line-height:1}h2{font-size:12px;line-height:1.3}#load-status{margin:0;color:#666;font-size:12px}.page-header{display:flex;flex:none;align-items:center;gap:12px;min-height:28px}.page-header #load-status{flex:1;min-width:0}.toolbar{display:flex;flex-wrap:wrap;align-items:center;gap:16px;margin-bottom:16px}.period-controls{display:flex;align-items:center;gap:8px}button,select{font:inherit;color:inherit;border:1px solid #ccc;border-radius:3px;background:#fff;padding:8px 12px}.toolbar button,.toolbar select{height:28px;padding-block:3px;font-size:12px;line-height:20px}#controls-help-button{flex:none;width:28px;height:28px;padding:0;display:grid;place-items:center;color:#666}#controls-help-button:hover{color:var(--selection-accent)}.controls-help{position:fixed;inset:calc(var(--page-padding-block) + 36px) 20px auto auto;margin:0;width:360px;max-width:calc(100vw - 24px);max-height:calc(100dvh - var(--page-padding-block) - 48px);overflow:auto;padding:16px;border:1px solid #ccc;border-radius:6px;background:#fff;color:#171717;box-shadow:0 4px 20px #0002;line-height:1.5}.controls-help-header{display:flex;align-items:center;gap:8px;margin:-4px -8px 8px 0}.controls-help-header h2{flex:1;margin:0;font-size:14px}.controls-help-header button{flex:none;width:36px;height:36px;padding:0;border:0;font-size:18px;line-height:1}.controls-help h3{margin:12px 0 6px;font-size:12px;color:var(--selection-accent)}.controls-help ul{margin:0;padding-left:18px}.controls-help li+li{margin-top:6px}.help-team-selected,.help-team-same,.help-team-other{padding:1px 4px;border:1px solid;border-radius:3px;box-decoration-break:clone;-webkit-box-decoration-break:clone}.help-team-selected{background:var(--selection-accent);border-color:var(--selection-accent);color:#fff}.help-team-same{background:#cce3d5;border-color:var(--selection-accent);color:var(--selection-accent)}.help-team-other{background:#f6e8cc;border-color:#b89a5b;color:#8b692a}.controls-help-icon{display:inline-block;vertical-align:-4px;margin-right:4px;color:var(--selection-accent)}.controls-help-icon-chain{color:#8b692a}#player-filter-name{min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}button{cursor:pointer}select{appearance:none;padding-inline:8px 24px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath d='m2 2 4 4 4-4' fill='none' stroke='%23525252' stroke-width='1.5'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 8px center}button:hover{background:#f5f5f5}button[aria-pressed=true]{background:var(--selection-accent);border-color:var(--selection-accent);color:#fff}label{display:flex;align-items:center;gap:8px}a{color:inherit;text-underline-offset:4px}a:hover{text-decoration-thickness:2px}:focus-visible{outline:3px solid var(--selection-accent);outline-offset:3px}.diagram-scroll{overflow:auto;flex:1;min-height:0;background:#fff;border:1px solid #ddd;border-radius:3px}@media(hover:hover)and (pointer:fine){.diagram-scroll{cursor:grab}}.diagram-scroll.is-pan-ready,.diagram-scroll.is-pan-ready *{-webkit-user-select:none;user-select:none}.diagram-scroll.is-panning,.diagram-scroll.is-panning *{cursor:grabbing}svg{display:block}.year-label{font-size:18px;font-weight:700;fill:#171717}.year-link{cursor:pointer}.year-link .year-label{text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:4px}.year-link:hover .year-label{text-decoration-thickness:2px}.year-link:focus-visible{outline:3px solid var(--selection-accent);outline-offset:4px}.player-link{opacity:1}.team-node{cursor:pointer}.team-node rect{fill:#fafafa;stroke:#e5e5e5}.team-node.highlighted rect{fill:#f6e8cc;stroke:#b89a5b;stroke-width:1.5}.team-node.highlighted .team-label{font-weight:650}.team-node.same-team rect{fill:#cce3d5;stroke:var(--selection-accent);stroke-width:2}.team-node.additional rect{stroke-dasharray:5 3}.team-node.selected rect{stroke-dasharray:none;fill:var(--selection-accent);stroke:var(--selection-accent)}.team-node.selected{color:#fff}.team-node:focus-visible{outline:none}.team-node:focus-visible rect{stroke:var(--selection-accent);stroke-width:3}.team-node.selected:focus-visible rect{stroke:var(--selection-accent);stroke-width:5}.team-label{font-size:12px;line-height:32px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}footer{padding-top:6px;border-top:1px solid #ddd;font-size:12px;color:#666}footer p{margin:0}main{padding-bottom:8px}footer{margin-top:-8px}.footer-divider{padding:0 8px}.error{color:#171717}[hidden]{display:none!important}@media(max-width:600px){:root{--page-padding-block: 20px}main{padding-inline:12px}.toolbar{gap:12px}.period-controls{gap:8px}.controls-help{inset:12px 12px auto auto;max-height:calc(100dvh - 24px)}}.diagram-scroll{scrollbar-gutter:stable}.diagram-empty{padding:20px;color:#666}.team-info-button{width:32px;height:32px;padding:0;border:0;background:transparent;color:var(--selection-accent);display:grid;place-items:center}.team-info-button:hover,.team-info-button[aria-expanded=true]{background:#28644718}.team-info-button.selected{color:#fff}.team-info-button.selected:hover,.team-info-button.selected[aria-expanded=true]{background:#fff2}.team-info-button.other-team{color:#8b692a}.team-info-button.other-team:hover,.team-info-button.other-team[aria-expanded=true]{background:#b89a5b22}.team-info-button:focus-visible{outline-offset:-4px}.team-info-card{position:fixed;transform-origin:0 0;z-index:10;width:360px;max-width:none;max-height:calc(100dvh - 24px);overflow:auto;padding:14px 16px;border:1px solid #ccc;border-radius:6px;background:#fff;color:#171717;box-shadow:0 4px 20px #0002;font-size:12px;line-height:1.5;overflow-wrap:anywhere}.team-info-card:focus{outline:none}.team-info-header{display:flex;align-items:flex-start;gap:8px;margin:-4px -8px 4px 0}.team-info-header h3{flex:1;margin:0;padding-top:8px;font-size:12px;font-weight:650}.team-info-close{flex:none;width:40px;height:40px;border:0;padding:0;font-size:12px;line-height:1}.team-info-caption{color:#666;margin:0}.team-info-card ul{list-style:none;margin:10px 0 0;padding:0}.team-info-card li{display:flex;align-items:baseline;gap:8px;margin-top:5px}.team-info-marker{flex:none;width:8px;height:8px;border-radius:50%}@media(max-width:600px),(hover:none){.team-info-card{margin-bottom:max(12px,env(safe-area-inset-bottom));font-size:12px;box-shadow:0 4px 28px #0003}}.roster-player{flex:1;min-width:0;display:flex;align-items:baseline;gap:8px;text-align:left;border:0;padding:10px 8px;overflow-wrap:anywhere}.team-info-player-name{flex:1;min-width:0;display:flex;align-items:baseline;gap:8px;padding:10px 8px}.player-profile{flex:none;padding:10px 4px;color:#666;text-underline-offset:3px}.diagram-stage{position:relative;overflow:clip}.diagram-stage>svg{transform-origin:0 0}.zoom-controls{display:flex;flex:none;align-items:center;gap:0}.zoom-controls button{padding-inline:8px;border-radius:0}.zoom-controls button+button{margin-left:-1px}.zoom-controls button:first-child{border-radius:3px 0 0 3px}.zoom-controls button:last-child{border-radius:0 3px 3px 0}#zoom-reset{font-variant-numeric:tabular-nums}.zoom-controls button:disabled{color:#999;cursor:default;background:#fafafa}.zoom-controls button:focus-visible{position:relative;z-index:1}.diagram-years{position:sticky;top:0;height:0;z-index:1}.diagram-years-clip{height:var(--year-height);overflow:clip;background:#fff}.diagram-years svg{transform-origin:0 0}