/* Match dossier in the Game Center (match-dossier.php / match-dossier.js). Scoped to .wn-dossier. */
.wn-dossier{--d-ink:#171c20;--d-paper:#f6f4ee;--d-card:#fff;--d-line:#d9ddd9;--d-muted:#536069;--d-accent:#bd3a12;--d-away:#1a5675;--d-home:#a92d21;--d-focus:#005fcc;margin:28px 0;padding:20px;background:var(--d-paper);border-top:4px solid var(--d-accent);border-radius:4px;color:var(--d-ink)}
.wn-dossier *{box-sizing:border-box}
.wn-dossier-head h2{margin:2px 0 14px;font-size:1.6rem;line-height:1.15}
.wn-dossier-eyebrow{margin:0 0 4px;font-size:.7rem;letter-spacing:.12em;font-weight:800;text-transform:uppercase;color:var(--d-muted)}
.wn-dossier a{color:#124e6b;text-underline-offset:3px}
.wn-dossier button,.wn-dossier select,.wn-dossier input,.wn-dossier-dialog button{font:inherit;min-height:44px;border:1px solid #aeb7bb;border-radius:8px;background:#fff;color:var(--d-ink);padding:8px 12px}
.wn-dossier button{cursor:pointer}
.wn-dossier button:disabled{cursor:default;opacity:.55}
.wn-dossier :focus-visible,.wn-dossier-dialog :focus-visible{outline:3px solid var(--d-focus);outline-offset:3px}
.wn-dossier-board{display:grid;grid-template-columns:1fr auto 1fr;gap:12px;align-items:center;padding:16px;background:var(--d-card);border:1px solid var(--d-line);border-radius:10px}
.wn-dossier-team{display:grid;gap:2px}
.wn-dossier-team.home{text-align:right}
.wn-dossier-abbr{font-weight:900;font-size:.8rem;letter-spacing:.08em}
.wn-dossier-team.away .wn-dossier-abbr{color:var(--d-away)}
.wn-dossier-team.home .wn-dossier-abbr{color:var(--d-home)}
.wn-dossier-score{font-size:2.6rem;line-height:1;font-variant-numeric:tabular-nums}
.wn-dossier-side{font-size:.7rem;color:var(--d-muted);letter-spacing:.08em;text-transform:uppercase}
.wn-dossier-clock{display:grid;gap:3px;text-align:center;font-size:.85rem;color:var(--d-muted)}
.wn-dossier-clock strong{color:var(--d-ink);font-size:1.05rem}
.wn-dossier-pill{display:inline-block;justify-self:center;padding:3px 9px;border:1px solid #aca99f;border-radius:999px;font-size:.68rem;font-weight:800;letter-spacing:.06em;text-transform:uppercase;color:var(--d-muted)}
.wn-dossier-pill.is-live{color:#fff;background:var(--d-accent);border-color:var(--d-accent)}
.wn-dossier-edition{margin:10px 0 16px;font-size:.8rem;color:var(--d-muted)}
.wn-dossier-tabs{display:flex;gap:6px;overflow-x:auto;border-bottom:2px solid var(--d-ink);margin-bottom:16px;scrollbar-width:thin}
.wn-dossier-tabs [role=tab]{border:0;border-radius:6px 6px 0 0;background:transparent;font-weight:700;white-space:nowrap;padding:10px 14px}
.wn-dossier-tabs [role=tab][aria-selected=true]{background:var(--d-ink);color:#fff}
.wn-dossier [role=tabpanel]:focus-visible{outline-offset:6px}
.wn-dossier-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:14px}
.wn-dossier-card{background:var(--d-card);border:1px solid var(--d-line);border-radius:10px;padding:16px;margin-bottom:14px;min-width:0}
.wn-dossier-grid .wn-dossier-card{margin-bottom:0}
.wn-dossier-grid{margin-bottom:14px}
.wn-dossier-card h3{margin:0 0 10px;font-size:1.2rem;line-height:1.25}
.wn-dossier-note{font-size:.78rem;color:var(--d-muted);margin:10px 0 0}
.wn-dossier-facts{display:grid;grid-template-columns:auto 1fr;gap:6px 14px;margin:10px 0 0;font-size:.9rem}
.wn-dossier-facts dt{color:var(--d-muted)}
.wn-dossier-facts dd{margin:0;font-weight:700}
.wn-dossier-coverage{list-style:none;margin:0;padding:0}
.wn-dossier-coverage li{display:flex;justify-content:space-between;gap:10px;padding:7px 0;border-bottom:1px solid var(--d-line);font-size:.9rem}
.wn-dossier-coverage b.is-missing{color:var(--d-muted);font-weight:600}
.wn-dossier-margin{width:100%;height:auto;display:block;background:#fbfaf6;border-radius:6px}
.wn-dossier-margin .axis{stroke:#7b858c;stroke-width:1}
.wn-dossier-margin .q{stroke:#c8cdd0;stroke-dasharray:4 4}
.wn-dossier-margin .line{fill:none;stroke:var(--d-accent);stroke-width:2.5;stroke-linejoin:round}
.wn-dossier-margin-key{display:flex;justify-content:space-between;gap:10px;font-size:.75rem;color:var(--d-muted);margin-bottom:6px}
.wn-dossier-selects,.wn-dossier-filters{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:10px;margin:6px 0 12px}
.wn-dossier-selects label,.wn-dossier-filters label{display:grid;gap:4px;font-size:.78rem;font-weight:700;color:var(--d-muted)}
.wn-dossier-compare{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:12px}
.wn-dossier-metric h4{margin:0 0 6px;font-size:.8rem;text-transform:uppercase;letter-spacing:.06em;color:var(--d-muted)}
.wn-dossier-metric-row{display:flex;justify-content:space-between;gap:8px;font-size:.85rem}
.wn-dossier-bar{height:8px;background:#e8ebee;border-radius:4px;margin:3px 0 8px;overflow:hidden}
.wn-dossier-bar span{display:block;height:100%;background:var(--d-away)}
.wn-dossier-bar.second span{background:var(--d-home)}
.wn-dossier-table{overflow-x:auto;border:1px solid var(--d-line);border-radius:8px;max-width:100%}
.wn-dossier-table table{border-collapse:collapse;width:100%;font-size:.85rem;font-variant-numeric:tabular-nums}
.wn-dossier-table caption{text-align:left;padding:8px 10px;font-size:.78rem;color:var(--d-muted)}
.wn-dossier-table th,.wn-dossier-table td{padding:8px 10px;border-top:1px solid var(--d-line);text-align:right;white-space:nowrap}
.wn-dossier-table th:first-child,.wn-dossier-table td:first-child{text-align:left}
.wn-dossier-table thead th{background:#f1f2f1;font-size:.72rem;letter-spacing:.04em}
.wn-dossier-player{border:0!important;background:none!important;padding:0!important;min-height:0!important;color:#124e6b!important;text-decoration:underline;text-underline-offset:3px;font-weight:700;text-align:left}
.wn-dossier-role{display:block;font-size:.7rem;color:var(--d-muted);font-weight:400}
.wn-dossier-count{font-size:.8rem;color:var(--d-muted);margin:6px 0}
.wn-dossier-secondary{margin-top:10px}
.wn-dossier-slots{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}
.wn-dossier-slots span{border:1px dashed #aeb7bb;border-radius:6px;padding:8px 12px;font-size:.8rem;color:var(--d-muted)}
.wn-dossier-replay{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin:6px 0}
.wn-dossier-plays{list-style:none;margin:6px 0 0;padding:0;max-height:560px;overflow-y:auto;border:1px solid var(--d-line);border-radius:8px}
.wn-dossier-period{position:sticky;top:0;background:var(--d-ink);color:#fff;font-weight:800;font-size:.75rem;letter-spacing:.08em;padding:6px 10px}
.wn-dossier-play{display:grid;grid-template-columns:3.4em 3.2em 1fr auto;gap:8px;align-items:baseline;padding:8px 10px;border-top:1px solid var(--d-line);font-size:.86rem}
.wn-dossier-play.away{border-left:4px solid var(--d-away)}
.wn-dossier-play.home{border-left:4px solid var(--d-home)}
.wn-dossier-play-clock{font-variant-numeric:tabular-nums;color:var(--d-muted)}
.wn-dossier-play-team{font-weight:800;font-size:.75rem}
.wn-dossier-play-score{font-variant-numeric:tabular-nums;white-space:nowrap}
.wn-dossier-videos{margin:0;padding-left:18px}
.wn-dossier-videos li{margin:6px 0}
.wn-dossier-source{border-top:1px solid var(--d-line);padding:10px 0}
.wn-dossier-source h4{margin:0 0 4px;font-size:.95rem}
.wn-dossier-source p{margin:2px 0;font-size:.82rem;color:var(--d-muted)}
.wn-dossier-dialog{max-width:min(560px,calc(100vw - 24px));border:1px solid var(--d-line,#d9ddd9);border-radius:12px;padding:18px;color:#171c20}
.wn-dossier-dialog::backdrop{background:rgba(23,28,32,.55)}
.wn-dossier-dialog-top{display:flex;justify-content:space-between;align-items:center;gap:10px}
.wn-dossier-dialog h3{margin:6px 0 2px;font-size:1.4rem}
.wn-dossier-detail{display:grid;grid-template-columns:repeat(auto-fit,minmax(130px,1fr));gap:8px;margin:12px 0}
.wn-dossier-detail div{background:#f4f2ed;border-radius:8px;padding:8px 10px}
.wn-dossier-detail dt{font-size:.72rem;color:#536069}
.wn-dossier-detail dd{margin:0;font-weight:800;font-size:1.05rem;font-variant-numeric:tabular-nums}
.wn-dossier-pointer{font-size:.85rem;padding:8px 12px;border-left:3px solid #bd3a12;background:#f6f4ee}
/* With the dossier active, the Box score section keeps only what the dossier does not show (live status, shot charts,
   quarter-by-player details, series and the source line); without JavaScript everything stays visible. */
.wn-dossier-ready #box-score .table-scroll:has(> .bk-periods),.wn-dossier-ready #box-score .table-scroll:has(> .bk-box),.wn-dossier-ready #box-score .table-scroll:has(> .bk-team-compare),.wn-dossier-ready #box-score .bk-leaders,.wn-dossier-ready #box-score .bk-graph,.wn-dossier-ready #box-score .bk-flow,.wn-dossier-ready #box-score .bk-plays,.wn-dossier-ready #box-score .bk-highlights,.wn-dossier-ready #box-score .bk-missing{display:none}
@media (max-width:640px){.wn-dossier{padding:14px 12px;margin-left:-4px;margin-right:-4px}.wn-dossier-board{grid-template-columns:1fr 1fr;padding:12px}.wn-dossier-clock{grid-column:1/-1;order:3}.wn-dossier-score{font-size:2.1rem}.wn-dossier-play{grid-template-columns:3em 2.8em 1fr;}.wn-dossier-play-score{grid-column:2/-1}}
@media (prefers-reduced-motion:reduce){.wn-dossier *{scroll-behavior:auto!important}}
