:root{--text:#6b6375;--text-h:#08060d;--bg:#fff;--bg-panel:#f9f8fb;--border:#e5e4e7;--accent:#aa3bff;--accent-bg:#aa3bff1a;--accent-border:#aa3bff80;--shadow:#0000001a 0 10px 15px -3px, #0000000d 0 4px 6px -2px;--sans:system-ui, "Segoe UI", Roboto, sans-serif;--mono:ui-monospace, Consolas, monospace;font:16px/145% var(--sans);--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;color:var(--text);background:var(--bg);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial;--text:#9ca3af;--text-h:#f3f4f6;--bg:#16171d;--bg-panel:#1c1d24;--border:#2e303a;--accent:#c084fc;--accent-bg:#c084fc26;--accent-border:#c084fc80;--shadow:#0006 0 10px 15px -3px, #00000040 0 4px 6px -2px}}*{box-sizing:border-box}body{margin:0}#root{flex-direction:column;min-height:100svh;display:flex}h1,h2{font-family:var(--sans);color:var(--text-h);font-weight:500}h1{letter-spacing:-.5px;margin:0;font-size:32px}h2{letter-spacing:-.2px;margin:0 0 12px;font-size:18px;line-height:118%}p{margin:0}button{font:inherit;cursor:pointer}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.rink-surface{display:block;position:absolute;inset:0}.rink-surface__ice{fill:var(--rink-ice,#f5f7fb)}@media (prefers-color-scheme:dark){.rink-surface__ice{fill:var(--rink-ice,#1b2230)}}.rink-surface__boards{fill:none;stroke:var(--rink-boards,#23262f);stroke-width:2px}@media (prefers-color-scheme:dark){.rink-surface__boards{stroke:var(--rink-boards,#7d8493)}}.rink-surface__line{stroke-width:1.5px;fill:none}.rink-surface__line--center{stroke:var(--rink-line-red,#c23b3b);stroke-width:2px}.rink-surface__line--blue{stroke:var(--rink-line-blue,#2f5fa8);stroke-width:2px}.rink-surface__line--goal{stroke:var(--rink-line-red,#c23b3b);stroke-width:1.25px}.rink-surface__circle{fill:none;stroke:var(--rink-line-red,#c23b3b);stroke-width:1.25px}.rink-surface__circle--center{stroke:var(--rink-line-blue,#2f5fa8)}.rink-surface__dot{fill:var(--rink-line-red,#c23b3b)}.rink-surface__dot--center{fill:var(--rink-line-blue,#2f5fa8)}.rink-surface__hash{stroke:var(--rink-line-red,#c23b3b);stroke-width:1.25px}.rink-surface__crease{fill:var(--rink-crease,#5096dc2e);stroke:var(--rink-line-red,#c23b3b);stroke-width:1.25px}.rink-surface__trapezoid{stroke:var(--rink-line-red,#c23b3b);stroke-width:1px;stroke-dasharray:4 3;fill:none}.shot-layer{position:absolute;inset:0}.shot-layer--canvas,.shot-marker{cursor:pointer}.shot-marker__shape{stroke:#00000059;stroke-width:.75px}.shot-marker:focus-visible{outline:none}.shot-marker:focus-visible .shot-marker__shape{stroke:var(--accent);stroke-width:2px}.shot-marker__ring{stroke:var(--accent);stroke-width:2px;pointer-events:none}.shot-marker--pinned .shot-marker__ring{stroke-width:2.5px}.rink-tooltip{z-index:1000;border:1px solid var(--border);background:var(--bg-panel);max-width:240px;color:var(--text-h);box-shadow:var(--shadow);pointer-events:none;border-radius:6px;padding:8px 10px;font-size:12px;position:fixed}.rink-tooltip__headline{text-transform:capitalize;margin:0 0 6px;font-weight:600}.rink-tooltip__grid{grid-template-columns:auto 1fr;gap:2px 8px;margin:0;display:grid}.rink-tooltip__grid dt{color:var(--text)}.rink-tooltip__grid dd{font-family:var(--mono);text-align:right;margin:0}.card--shot-map{grid-column:1/-1;min-height:0}.card__header-row{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;display:flex}.shot-map-card__view-toggle{gap:6px;display:flex}.shot-map-filters{border:1px solid var(--border);border-radius:8px;flex-wrap:wrap;gap:16px;margin:0 0 8px;padding:10px 12px;display:flex}.shot-map-filters__field{flex-direction:column;gap:4px;font-size:12px;display:flex}.shot-map-filters__field label{color:var(--text);text-transform:uppercase;letter-spacing:.04em;font-size:11px}.shot-map-filters__field select,.shot-map-filters__field input{font:inherit;border:1px solid var(--border);background:var(--bg);color:var(--text-h);border-radius:4px;padding:4px 6px;font-size:13px}.rink-container{width:100%;min-height:240px;position:relative}.shot-map-card__table-toggle{align-self:flex-start}.shot-map-card__table-wrapper{max-height:320px;overflow:auto}.shot-table{border-collapse:collapse;width:100%;font-size:12px}.shot-table th,.shot-table td{text-align:left;border-bottom:1px solid var(--border);white-space:nowrap;padding:4px 8px}.shot-table__row--pinned{background:var(--accent-bg)}@media (width<=640px){.shot-map-filters{flex-direction:column}}.trend-chart{width:100%;position:relative}.trend-chart--compact{min-height:24px}.trend-chart__svg{display:block}.trend-chart__gridline{stroke:var(--border);stroke-width:1px}.trend-chart__tick-label{font-size:10px;font-family:var(--mono);fill:var(--text)}.trend-chart__line--value{stroke:var(--text);stroke-width:1px;stroke-dasharray:3 3;opacity:.6}.trend-chart__line--rolling{stroke:var(--accent);stroke-width:2.5px}.trend-chart__marker{fill:var(--accent);cursor:pointer}.trend-chart__marker:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.trend-chart__hover-line{stroke:var(--border);stroke-width:1px;pointer-events:none}.trend-chart__legend{color:var(--text);gap:12px;margin-top:4px;font-size:11px;display:flex}.trend-chart__legend-item{align-items:center;gap:4px;display:inline-flex}.trend-chart__legend-swatch{border-top:2px solid var(--text);width:14px;height:0;display:inline-block}.trend-chart__legend-item--value .trend-chart__legend-swatch{border-top-style:dashed;border-top-color:var(--text);opacity:.7}.trend-chart__legend-item--rolling .trend-chart__legend-swatch{border-top-style:solid;border-top-color:var(--accent);border-top-width:3px}.trend-chart__window-control{gap:4px;margin-top:6px;display:flex}.chart-tooltip{z-index:1000;border:1px solid var(--border);background:var(--bg-panel);max-width:220px;color:var(--text-h);box-shadow:var(--shadow);pointer-events:none;border-radius:6px;padding:8px 10px;font-size:12px;position:fixed}.chart-tooltip p{margin:0 0 6px;font-weight:600}.chart-tooltip dl{grid-template-columns:auto 1fr;gap:2px 8px;margin:0;display:grid}.chart-tooltip dl dt{color:var(--text)}.chart-tooltip dl dd{font-family:var(--mono);text-align:right;margin:0}.card--player-summary{gap:10px}.card--player-summary.card--selected{border-color:var(--accent-border)}.player-card__name{font:inherit;color:var(--text-h);text-align:left;cursor:pointer;background:0 0;border:none;padding:0;font-size:15px;font-weight:600}.player-card__name:hover,.player-card__name:focus-visible,.player-card__name[aria-pressed=true]{color:var(--accent)}.player-card__position{color:var(--text);font-weight:400}.player-card__headline{grid-template-columns:repeat(5,1fr);gap:6px;margin:0;display:grid}.player-card__headline div{flex-direction:column;align-items:center;gap:2px;display:flex}.player-card__headline dt{text-transform:uppercase;letter-spacing:.04em;color:var(--text);font-size:11px}.player-card__headline dd{color:var(--text-h);font-size:18px;font-weight:600;font-family:var(--mono);margin:0}.player-card__trend-slot{min-height:32px}.player-card__expand-toggle{align-self:flex-start}.player-card__l2{grid-template-rows:0fr;transition:grid-template-rows .2s;display:grid}.player-card__l2[data-expanded=true]{grid-template-rows:1fr}.player-card__l2-inner{flex-direction:column;gap:10px;min-height:0;display:flex;overflow:hidden}.metric-tile-grid{grid-template-columns:repeat(auto-fill,minmax(70px,1fr));gap:8px 12px;margin:4px 0 0;display:grid}.metric-tile{flex-direction:column;gap:2px;display:flex}.metric-tile__label{text-transform:uppercase;letter-spacing:.04em;color:var(--text);font-size:11px}.metric-tile__value{font-size:15px;font-weight:600;font-family:var(--mono);color:var(--text-h);margin:0}.metric-tile__hint{color:var(--text);opacity:.8;font-size:10px}.player-card__compare-action{align-self:flex-start}.compare-panel{flex-direction:column;gap:12px;display:flex}.compare-panel__columns{grid-template-columns:1fr 1fr;gap:16px;display:grid}.compare-panel__column{flex-direction:column;gap:8px;min-width:0;display:flex}.compare-panel__column-header{justify-content:space-between;align-items:center;gap:6px;display:flex}.compare-panel__remove{padding:2px 8px;line-height:1}.comparison-toggle-bar{flex-wrap:wrap;gap:6px;display:flex}.compare-panel__bar-row{border-top:1px solid var(--border);flex-direction:column;gap:8px;padding-top:8px;display:flex}.compare-panel__bars{flex-direction:column;gap:6px;display:flex}.compare-panel__scale-label{color:var(--text);font-size:11px;font-family:var(--mono);margin:0}.compare-panel__bar-track{grid-template-columns:90px auto 56px;align-items:center;gap:8px;display:grid}.compare-panel__bar-side-label{color:var(--text-h);white-space:nowrap;text-overflow:ellipsis;font-size:12px;overflow:hidden}.compare-panel__bar-bg{background:var(--border);border-radius:3px;height:12px;overflow:hidden}.compare-panel__bar{border-radius:3px;height:100%}.compare-panel__bar--a{background:var(--accent)}.compare-panel__bar--b{background:repeating-linear-gradient(45deg, var(--text-h), var(--text-h) 3px, transparent 3px, transparent 6px)}.compare-panel__bar-value{font-size:12px;font-family:var(--mono);text-align:right}@media (width<=640px){.compare-panel__columns{grid-template-columns:1fr}}.app-shell{flex-direction:column;flex:1;gap:16px;width:100%;max-width:1280px;margin:0 auto;padding:24px;display:flex}.app-header{flex-direction:column;gap:4px;display:flex}.app-header__subtitle{color:var(--text);font-size:14px}.filter-bar{border:1px solid var(--border);background:var(--bg-panel);border-radius:8px;flex-wrap:wrap;gap:24px;padding:12px 16px;display:flex}.filter-bar__field{align-items:center;gap:10px;display:flex}.filter-bar__label{text-transform:uppercase;letter-spacing:.06em;color:var(--text);font-size:13px}.filter-bar__value{font-family:var(--mono);color:var(--text-h)}.filter-bar__chips{flex-wrap:wrap;gap:6px;display:flex}.chip{border:1px solid var(--border);color:var(--text);background:0 0;border-radius:999px;padding:4px 10px;font-size:13px}.chip--active{color:var(--accent);background:var(--accent-bg);border-color:var(--accent-border)}.chip:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.dashboard-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:16px;display:grid}.card{border:1px solid var(--border);background:var(--bg-panel);border-radius:8px;flex-direction:column;gap:8px;min-height:160px;padding:16px;display:flex}.card--placeholder{opacity:.75}.card__title{margin:0;font-size:15px}.card__body{flex-direction:column;flex:1;gap:8px;display:flex}.card__headline{color:var(--text-h);font-size:28px;font-weight:600}.card__subtext{color:var(--text);font-size:12px;font-family:var(--mono)}.shot-list{flex-direction:column;gap:4px;margin:0;padding:0;font-size:13px;list-style:none;display:flex}.shot-list__item{border-radius:4px;grid-template-columns:repeat(5,1fr);gap:6px;padding:4px 6px;display:grid}.shot-list__item--hovered{background:var(--accent-bg)}.state-panel{border-radius:6px;align-items:center;gap:8px;padding:12px;font-size:13px;display:flex}.state-panel--loading{color:var(--text)}.state-panel--empty{color:var(--text);flex-direction:column;align-items:flex-start}.state-panel--error{color:#dc2626;flex-direction:column;align-items:flex-start}.state-panel__hint{opacity:.8;font-size:12px}.state-panel__spinner{border:2px solid var(--border);border-top-color:var(--accent);border-radius:50%;width:12px;height:12px;animation:.8s linear infinite spin}.state-panel__retry{color:inherit;background:0 0;border:1px solid;border-radius:6px;padding:4px 10px;font-size:13px}@keyframes spin{to{transform:rotate(360deg)}}