:root{--timeline-bg:var(--tw-prose-pre-bg, #f9f9f9);--timeline-text:var(--tw-prose-body, #333333);--timeline-border:var(--tw-prose-hr, #e0e0e0);--timeline-axis:var(--tw-prose-captions, #555555);--button-bg:#f1f1f1;--button-text:var(--tw-prose-body, #333333);--button-active-bg:#2c3e50;--button-active-text:white;--tooltip-bg:rgba(44, 62, 80, 0.9);--tooltip-text:white;--table-header-bg:var(--tw-prose-th-borders, #f2f2f2);--table-row-hover:var(--tw-prose-td-borders, #f5f5f5);--table-border:var(--tw-prose-td-borders, #dddddd);--jets-primary:#041e41;--jets-secondary:#7B303E;--blues-primary:#002F87;--blues-secondary:#FCB514;--penalty-color:#ff4d4d;--save-color:#4dff4d;--intervention-color:#ffcc00}:is(html[class~=dark]){--timeline-bg:var(--tw-prose-pre-bg, #1a1a1a);--timeline-text:var(--tw-prose-body, #ffffff);--timeline-border:var(--tw-prose-hr, #444444);--timeline-axis:var(--tw-prose-captions, #888888);--button-bg:#333333;--button-text:var(--tw-prose-body, #ffffff);--button-active-bg:#4e6d8c;--button-active-text:white;--tooltip-bg:rgba(70, 90, 110, 0.9);--tooltip-text:white;--table-header-bg:var(--tw-prose-th-borders, #333333);--table-row-hover:var(--tw-prose-td-borders, #3a3a3a);--table-border:var(--tw-prose-td-borders, #555555)}.game-header{display:flex;justify-content:space-between;align-items:center;margin:2rem 0;padding:1.5rem;border-radius:.5rem;box-shadow:0 .125rem .25rem rgba(0,0,0,.1);border:1px solid var(--timeline-border)}.team-info{text-align:center;width:40%}:is(html[class~=dark]) .game-header{background-color:#111}:is(html[class~=dark]) .team-info h2{color:var(--blues-secondary,#FCB514);font-weight:700;text-shadow:0 1px 2px rgba(0,0,0,.5)}:is(html[class~=dark]) .team-info:nth-of-type(3) h2{color:var(--jets-secondary,#7B303E)}:is(html:not([class~=dark])) .game-header{background-color:var(--timeline-bg)}:is(html:not([class~=dark])) .team-info h2{color:var(--blues-primary,#002F87);font-weight:700}:is(html:not([class~=dark])) .team-info:nth-of-type(3) h2{color:var(--jets-primary,#041E41)}.score{text-align:center;font-size:2.5rem;font-weight:700;margin:.625rem 0}.vs{display:flex;align-items:center;justify-content:center;font-weight:700;font-size:1.5rem}:is(html[class~=dark]) .score{color:#fff;text-shadow:0 1px 3px rgba(0,0,0,.5)}:is(html[class~=dark]) .vs{color:#fff}:is(html:not([class~=dark])) .score{color:#000}:is(html:not([class~=dark])) .vs{color:#000}.team-logo{width:6.25rem;height:6.25rem;margin:0 auto;background-size:contain;background-position:50%;background-repeat:no-repeat}.game-details{margin-bottom:2rem;padding:1rem;background-color:var(--timeline-bg);border-radius:.5rem;border:1px solid var(--timeline-border)}.detail-row{display:flex;margin-bottom:.5rem;padding-bottom:.5rem;border-bottom:1px solid var(--timeline-border)}.detail-row:last-child{margin-bottom:0;padding-bottom:0;border-bottom:none}.detail-label{font-weight:700;width:8rem}.detail-value{flex:1}:is(html[class~=dark]) .game-details{background-color:#111}:is(html[class~=dark]) .detail-label{color:var(--blues-secondary,#FCB514)}:is(html[class~=dark]) .detail-value{color:#fff;text-shadow:0 1px 1px rgba(0,0,0,.5)}:is(html:not([class~=dark])) .detail-label{color:var(--jets-primary,#041e41)}:is(html:not([class~=dark])) .detail-value{color:#000;font-weight:500}.game-timeline-container{position:relative;margin:2rem 0;color:var(--timeline-text)}.period-selector{display:flex;justify-content:center;margin-bottom:1.5rem}.period-selector button{background-color:var(--button-bg);border:none;color:var(--button-text);padding:.625rem 1.25rem;text-align:center;text-decoration:none;display:inline-block;font-size:1rem;margin:0 .3125rem;cursor:pointer;border-radius:.25rem;transition:background-color .3s}.period-selector button.active{background-color:var(--button-active-bg);color:var(--button-active-text)}.period-selector button:hover{background-color:var(--button-active-bg);opacity:.8;color:var(--button-active-text)}.timeline{position:relative;height:25rem;margin-top:1.25rem;border:1px solid var(--timeline-border);border-radius:.5rem;background-color:var(--timeline-bg);padding:1rem}.time-axis{height:1.875rem;position:relative;margin-bottom:.625rem;border-bottom:1px solid var(--timeline-border)}.axis-line{position:absolute;height:.125rem;background-color:var(--timeline-axis);top:50%;width:100%}.time-marker{position:absolute;transform:translateX(-50%);top:0}.time-marker .time-label{text-align:center;font-size:.75rem;color:var(--timeline-text)}.time-marker .tick{width:.125rem;height:.625rem;background-color:var(--timeline-axis);margin:0 auto}.event{position:absolute;cursor:pointer;z-index:10}.event-dot{width:1.25rem;height:1.25rem;border-radius:50%;box-shadow:0 .125rem .25rem rgba(0,0,0,.5);transition:transform .2s ease,box-shadow .2s ease;border:2px solid #fff}.event:hover .event-dot{transform:scale(1.2);box-shadow:0 .25rem .5rem rgba(0,0,0,.5)}.goal-jets{background-color:var(--jets-primary)}.goal-blues{background-color:var(--blues-primary)}.penalty{background-color:var(--penalty-color)}.save{background-color:var(--save-color)}.intervention{background-color:var(--intervention-color)}:is(html[class~=dark]) .event-dot{border:2px solid #fff;box-shadow:0 0 5px 2px rgba(255,255,255,.2)}:is(html[class~=dark]) .goal-jets{background-color:#1c3976}:is(html[class~=dark]) .goal-blues{background-color:#1256d1}:is(html[class~=dark]) .penalty{background-color:#ff6b6b}:is(html[class~=dark]) .save{background-color:#65ff65}:is(html[class~=dark]) .intervention{background-color:#ffdd4a}.event-tooltip{position:absolute;background-color:var(--tooltip-bg);color:var(--tooltip-text);padding:.625rem;border-radius:.3125rem;pointer-events:none;opacity:0;transition:opacity .3s;z-index:100;min-width:12.5rem;box-shadow:0 .25rem .5rem rgba(0,0,0,.2)}.legend{display:flex;justify-content:center;margin-top:1.25rem;flex-wrap:wrap}.legend-item{display:flex;align-items:center;margin:0 .625rem}.legend-color{width:.9375rem;height:.9375rem;margin-right:.3125rem;border-radius:50%}.momentum-chart-container{margin:2rem 0;color:var(--timeline-text)}.momentum-chart{height:12.5rem;margin-bottom:1rem;background-color:var(--timeline-bg);border:1px solid var(--timeline-border);border-radius:.5rem;padding:1rem;position:relative}.team-labels{display:flex;justify-content:space-between;margin-top:.5rem;padding:.5rem;background-color:var(--timeline-bg);border-radius:.25rem;border:1px solid var(--timeline-border)}.team-label{font-weight:700;padding:.25rem .5rem;border-radius:.25rem}:is(html:not([class~=dark])) .team-label.jets{color:#fff;background-color:var(--jets-primary)}:is(html:not([class~=dark])) .team-label.blues{color:#fff;background-color:var(--blues-primary)}:is(html:not([class~=dark])) .neutral-zone{color:var(--timeline-text)}:is(html[class~=dark]) .team-label.jets{color:#fff;background-color:var(--jets-primary);text-shadow:0 1px 2px rgba(0,0,0,.5)}:is(html[class~=dark]) .team-label.blues{color:#fff;background-color:var(--blues-primary);text-shadow:0 1px 2px rgba(0,0,0,.5)}:is(html[class~=dark]) .neutral-zone{color:#fff;font-weight:500}.momentum-chart svg{overflow:visible}.momentum-chart svg text{fill:var(--timeline-text)!important;font-weight:500;font-size:11px}.momentum-chart svg .domain,.momentum-chart svg .tick line{stroke:var(--timeline-border)!important;stroke-width:1px}.momentum-chart svg .momentum-line{stroke:#4299e1!important;stroke-width:3px!important;fill:none}.momentum-chart svg .momentum-dot{fill:#4299e1!important;stroke:#fff!important;stroke-width:1.5px!important}:is(html[class~=dark]) .momentum-chart svg text{fill:#fff!important}:is(html[class~=dark]) .momentum-chart svg .domain,:is(html[class~=dark]) .momentum-chart svg .tick line{stroke:#444!important}:is(html[class~=dark]) .momentum-chart svg .momentum-line{stroke:#63b3ed!important}:is(html[class~=dark]) .momentum-chart svg .momentum-area{fill:rgba(99,179,237,.1)!important}.event-list-container{margin:2rem 0;color:var(--timeline-text)}.filter-controls{margin-bottom:1rem;display:flex;gap:1rem}.filter-controls select{padding:.5rem;border:1px solid var(--timeline-border);border-radius:.25rem;background-color:var(--timeline-bg);color:var(--timeline-text)}.event-table{width:100%;border-collapse:collapse}.event-table th,.event-table td{padding:.5rem .75rem;text-align:left;border-bottom:1px solid var(--table-border);color:var(--timeline-text)}.event-table th{background-color:var(--table-header-bg)}.event-table tr:hover{background-color:var(--table-row-hover)}@media(max-width:768px){.game-header{flex-direction:column}.team-info{width:100%;margin-bottom:1rem}.detail-row{flex-direction:column}.detail-label{width:100%;margin-bottom:.25rem}.period-selector{flex-wrap:wrap}.period-selector button{margin:.25rem}.legend{flex-direction:column;align-items:flex-start}.legend-item{margin:.25rem 0}.filter-controls{flex-direction:column}}