/* Approved public reading theme. Every rule is restricted to public views; authenticated score entry and Admin retain their existing styles. */ body:has(#app[data-public-view="true"]) { background: #f6f8fa; padding: 0; display: block; } #app[data-public-view="true"] { --sk3-blue: #003ba8; --text-primary: #0b1324; --text-secondary: #475569; --text-muted: #526178; --bg-primary: #f6f8fa; --bg-secondary: #fff; --border-color: #d7dee7; color-scheme: light; color: #0b1324; background: #f6f8fa; font-family: var(--sk3-ui); min-height: 100dvh; width: 100%; max-width: none; } #app[data-public-view="true"] > header { position: relative; top: auto; background: #061b3b; border: 0; box-shadow: none; padding: 22px max(24px, calc((100% - 1200px) / 2)); min-height: 96px; color: #fff; margin: 0; border-radius: 0; z-index: 10; } #app[data-public-view="true"] > header::after { content: none; } #app[data-public-view="true"] .header-top-row { max-width: 1200px; margin: auto; min-height: 52px; } #app[data-public-view="true"] .header-logo-button { width: 192px; max-width: 45vw; padding: 0; } #app[data-public-view="true"] .header-logo-button img { width: 100%; height: auto; } #app[data-public-view="true"] .push-bell { color: #fff; min-width: 44px; min-height: 44px; } #app[data-public-view="true"] .push-bell__label, #app[data-public-view="true"] .push-bell-hint { display: none; } #app[data-public-view="true"][data-primary-navigation="true"] #top-navigation { display: block; background: #061b3b; padding: 0; margin: 0; border: 0; height: auto; min-height: 0; position: relative; top: auto; z-index: 20; overflow: visible; } #app[data-public-view="true"] #top-navigation { backdrop-filter: none; -webkit-backdrop-filter: none; pointer-events: none; } #app[data-public-view="true"] #top-navigation > nav { pointer-events: auto; } #app[data-public-view="true"] .primary-nav { display: flex; justify-content: center; align-items: stretch; gap: clamp(16px, 3vw, 40px); width: 100%; max-width: none; min-height: 60px; margin: 0; padding: 0 16px; border: 0; border-radius: 0; background: #061b3b; box-shadow: none; position: relative; inset: auto; } #app[data-public-view="true"] .primary-nav .desktop-nav__link { flex: 0 1 auto; min-width: 0; min-height: 54px; padding: 12px 3px; font: 600 24px/1.2 var(--sk3-display); text-transform: none; letter-spacing: 0; color: #fff; background: transparent; border: 0; border-radius: 0; position: relative; } #app[data-public-view="true"] .desktop-nav__link--active::before { content: none; } #app[data-public-view="true"] .desktop-nav__link--active::after { content: ''; position: absolute; bottom: 4px; left: 0; right: 0; height: 5px; border-radius: 4px; background: #e5f70a; } #app[data-public-view="true"] .primary-nav__desktop-label { display: inline; } #app[data-public-view="true"] .desktop-nav__live-dot { display: inline-block; vertical-align: middle; } #app[data-public-view="true"] .primary-nav__mobile-label { display: none; } #app[data-public-view="true"] #main-content { width: min(100%, 1248px); max-width: 1248px; min-width: 0; margin: 0 auto; padding: 28px 24px 48px; background: transparent; overflow: visible; } #app[data-public-view="true"] :is(h1,h2,h3,h4) { font-family: var(--sk3-display); letter-spacing: -.015em; line-height: 1.12; } #app[data-public-view="true"] :is(h1,h2)[tabindex="-1"]:focus { outline: none; } #app[data-public-view="true"] #main-content:focus { outline: none; } #app[data-public-view="true"] :is(#main-content,.live-view,.live-analysis,.pre-game-waiting-room__matchup) { animation: none; } #app[data-public-view="true"] .sr-only { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip-path: inset(50%); white-space: nowrap; border: 0; } #app[data-public-view="true"] :is(p,li) { line-height: 1.65; } #app[data-public-view="true"] :is(button,a,input,select,summary):focus-visible { outline: 3px solid #1766d2; outline-offset: 4px; } #app[data-public-view="true"] :is(button,a,summary) { touch-action: manipulation; } #app[data-public-view="true"] a { color: #003ba8; } #app[data-public-view="true"] :is(input,select) { color: #0b1324; background: #fff; border: 1px solid #ccd6e3; border-radius: 8px; min-height: 44px; font: inherit; } #app[data-public-view="true"] :is(table,dd,.public-scoreboard) { font-variant-numeric: tabular-nums; } #app[data-public-view="true"] :is(.public-link,.home-front__text-link) { border: 0; background: transparent; padding: 8px 0; color: #003ba8; font-weight: 500; text-transform: none; letter-spacing: 0; text-decoration: none; min-height: 44px; } #app[data-public-view="true"] :is(.public-link,.home-front__text-link):hover { text-decoration: underline; } #app[data-public-view="true"] .public-section-title { margin: 0 0 5px; font-size: 30px; text-transform: uppercase; color: #061b3b; } #app[data-public-view="true"] .public-toolbar { display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; gap: 16px; margin-bottom: 24px; } #app[data-public-view="true"] .public-season select { width: 220px; max-width: 100%; padding: 10px 14px; } #app[data-public-view="true"] :is(.public-segments,.home-division-filter__controls) { display: flex; gap: 4px; padding: 4px; border: 1px solid #d7dee7; border-radius: 9px; background: #fff; } #app[data-public-view="true"] :is(.public-segments button,.home-division-filter .report-filter__btn) { flex: 1; border: 0; border-radius: 7px; min-height: 44px; padding: 8px 24px; color: #34435a; background: transparent; font: 500 17px/1.2 var(--sk3-ui); text-transform: none; letter-spacing: 0; } #app[data-public-view="true"] :is(.public-segments button,.home-division-filter .report-filter__btn)[aria-pressed="true"] { background: #061b3b; color: #fff; box-shadow: none; } #app[data-public-view="true"] .public-scoreboard { display: grid; grid-template-columns: minmax(0,1fr) auto minmax(0,1fr); align-items: center; gap: 24px; margin: 30px 0; text-align: center; color: #061b3b; } #app[data-public-view="true"] .public-scoreboard__team { font: 700 clamp(24px,2.6vw,34px)/1.12 var(--sk3-display); overflow-wrap: anywhere; } #app[data-public-view="true"] .public-scoreboard__score { font: 700 clamp(36px,4vw,48px)/1 var(--sk3-display); white-space: nowrap; } #app[data-public-view="true"] .public-table-scroll { min-width: 0; width: 100%; overflow-x: auto; border: 1px solid #d7dee7; border-radius: 10px; } #app[data-public-view="true"] .public-periods { width: 100%; border-collapse: collapse; font-family: var(--sk3-display); color: #0b1324; background: #fff; } #app[data-public-view="true"] .public-periods caption { text-align: left; padding: 14px 16px 0; font: 600 21px/1.2 var(--sk3-display); } #app[data-public-view="true"] .public-periods :is(th,td) { padding: 12px 14px; text-align: center; border-bottom: 1px solid #e1e6ed; font-size: 19px; white-space: nowrap; } #app[data-public-view="true"] .public-periods th:first-child { text-align: left; white-space: normal; min-width: 110px; } #app[data-public-view="true"] .public-periods thead { background: #f6f8fa; } #app[data-public-view="true"] .public-periods tbody tr:last-child > * { border-bottom: 0; } #app[data-public-view="true"] .public-disclosure { margin: 14px 0; border-top: 1px solid #d7dee7; } #app[data-public-view="true"] .public-disclosure summary { padding: 14px 0; cursor: pointer; color: #003ba8; min-height: 44px; } #app[data-public-view="true"] .public-alert { padding: 28px; border: 1px solid #d7dee7; border-radius: 12px; background: #fff; } #app[data-public-view="true"] .public-alert h2 { margin: 0; font-size: 30px; } #app[data-public-view="true"] .public-button { min-height: 44px; padding: 10px 18px; border: 1px solid #061b3b; border-radius: 8px; color: #061b3b; background: #fff; font: 600 16px var(--sk3-ui); } /* Shared reporting surfaces. */ .sk-action-sheet-overlay[data-public-access="true"] { align-items: center; justify-content: center; padding: 16px; } .sk-action-sheet-overlay[data-public-access="true"] .sk-action-sheet { width: min(480px,100%); height: auto; max-height: calc(100dvh - 32px); padding: 0; border: 1px solid #d7dee7; border-radius: 16px; background: #fff; color: #172238; box-shadow: 0 24px 80px #0006; } .sk-action-sheet-overlay[data-public-access="true"] .sk-action-sheet__header { padding: 22px; background: #061b3b; } .sk-action-sheet-overlay[data-public-access="true"] .sk-action-sheet__header h2 { font-size: 30px; line-height: 1.1; } .sk-action-sheet-overlay[data-public-access="true"] .sk-action-sheet__eyebrow { color: #e5f70a; } .sk-action-sheet-overlay[data-public-access="true"] .sk-action-sheet__body { padding: 0 22px; scrollbar-gutter: auto; } .sk-action-sheet-overlay[data-public-access="true"] :is(.sk-action-sheet__description,.sk-action-sheet__field) { color: #172238; font-size: 16px; } .sk-action-sheet-overlay[data-public-access="true"] .sk-action-sheet__field input { background: #f6f8fa; color: #061b3b; border: 1px solid #8291a8; } .sk-action-sheet-overlay[data-public-access="true"] .sk-action-sheet__error { color: #a61b2b; margin: 0; } .sk-action-sheet-overlay[data-public-access="true"] .sk-action-sheet__error:empty { min-height: 0; } .sk-action-sheet-overlay[data-public-access="true"] .sk-action-sheet__actions { padding: 20px 22px 22px; margin: 0; border: 0; grid-template-columns: minmax(0,1fr); } .sk-action-sheet-overlay[data-public-access="true"] .sk-action-sheet__actions .btn { margin: 0; width: 100%; max-width: none; color: #061b3b; background: #fff; border: 1px solid #8291a8; box-shadow: none; } .sk-action-sheet-overlay[data-public-access="true"] .sk-action-sheet__actions .sk-action-sheet__confirm { background: #e5f70a; border-color: #c4d600; } .sk-action-sheet-overlay[data-public-access="true"] :is(button,input):focus-visible { outline: 3px solid #317be2; outline-offset: 3px; } #app[data-public-view="true"] .public-story { color: #172238; min-width: 0; } #app[data-public-view="true"] .public-story h3 { font-size: clamp(30px,3.2vw,42px); color: #061b3b; margin: 0 0 20px; } #app[data-public-view="true"] .public-story p { font-size: 17px; max-width: 78ch; margin: 0 0 16px; } #app[data-public-view="true"] .public-story__status { color: #526178; font-size: 14px; } #app[data-public-view="true"] .public-story__facts { padding-left: 20px; margin: 0; } #app[data-public-view="true"] .public-story__facts li { padding: 0 0 12px 4px; } #app[data-public-view="true"] .public-story__evidence { margin: 20px 0 0; font-size: 14px; } #app[data-public-view="true"] .public-story__evidence summary { min-height: 44px; padding: 12px 0; cursor: pointer; color: #003ba8; } #app[data-public-view="true"] .public-story__retry { min-height: 44px; padding: 10px 16px; border: 1px solid #003ba8; border-radius: 8px; background: #fff; color: #003ba8; } #app[data-public-view="true"] .public-story--compact:has([data-analytics-story-content]:empty) { display: none; } #app[data-public-view="true"] .public-story--compact p { margin: 0; font-size: 15px; color: #334155; } #app[data-public-view="true"] .public-tabs { display: flex; gap: 24px; border-bottom: 1px solid #d7dee7; margin: 0 0 28px; } #app[data-public-view="true"] .public-tabs button { position: relative; min-height: 52px; padding: 14px 2px; background: transparent; border: 0; border-radius: 0; color: #526178; font: 600 23px var(--sk3-display); } #app[data-public-view="true"] .public-tabs [aria-selected="true"] { color: #061b3b; box-shadow: inset 0 -4px #c4d600; } #app[data-public-view="true"] .public-report-preview-meta { margin: 0 0 16px; font-size: 15px; color: #dce5f0; } #app[data-public-view="true"] .public-report-preview-fixture { display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; gap: 16px; padding-top: 18px; border-top: 1px solid #40516d; } #app[data-public-view="true"] .public-report-preview-fixture strong { font: 600 27px var(--sk3-display); } #app[data-public-view="true"] .public-report-preview-fixture small { font-size: 17px; color: #dce5f0; } #app[data-public-view="true"] .public-report-preview-fixture a { color: #e5f70a; min-height: 44px; display: inline-flex; align-items: center; } #app[data-public-view="true"] [role="tabpanel"][hidden] { display: none; } #app[data-public-view="true"] :is(.public-note,.public-empty) { font-size: 14px; color: #526178; } #app[data-public-view="true"] .public-table-scroll table { width: 100%; border-collapse: collapse; background: #fff; color: #0b1324; } #app[data-public-view="true"] .public-table-scroll :is(th,td) { text-align: right; padding: 13px 16px; border-bottom: 1px solid #e1e6ed; font-variant-numeric: tabular-nums; } #app[data-public-view="true"] .public-table-scroll th:first-child { text-align: left; } #app[data-public-view="true"] .public-table-scroll thead { background: #f6f8fa; } #app[data-public-view="true"] .public-table-scroll abbr { text-decoration: none; } /* One game destination, from its scheduled fixture through the final. */ #app[data-public-view="true"] .live-view { padding: 0; width: 100%; max-width: none; min-height: 0; margin: 0; background: transparent; } #app[data-public-view="true"] .live-view__content { display: block; padding: 0; gap: 0; } #app[data-public-view="true"] .live-nav { position: relative; display: flex; justify-content: space-between; align-items: center; width: min(100%,1248px); max-width: 1248px; margin: auto; padding: 12px 24px; background: #f6f8fa; border: 0; box-shadow: none; border-radius: 0; gap: 16px; } #app[data-public-view="true"] #top-navigation:has(.live-nav) { background: transparent; } #app[data-public-view="true"] :is(.live-nav__back,.live-nav__share) { min-width: 44px; min-height: 44px; background: #fff; border: 1px solid #d7dee7; border-radius: 8px; color: #003ba8; font-size: 15px; } #app[data-public-view="true"] :is(.live-scoreboard,.pre-game-waiting-room) { border: 0; border-radius: 16px; padding: 28px 40px; margin: 0; background: #061b3b; color: #fff; box-shadow: none; } #app[data-public-view="true"] :is(.live-scoreboard,.pre-game-waiting-room)::before, #app[data-public-view="true"] :is(.live-scoreboard,.pre-game-waiting-room)::after { content: none; } #app[data-public-view="true"] .live-scoreboard__teams { display: grid; grid-template-columns: minmax(0,1fr) 32px minmax(0,1fr); gap: 24px; padding: 0; margin: 24px 0 6px; align-items: center; } #app[data-public-view="true"] .live-scoreboard__team { display: flex; flex-direction: column; align-items: center; gap: 12px; min-width: 0; padding: 0; background: transparent; } #app[data-public-view="true"] .live-scoreboard__team-name { display: flex; align-items: center; justify-content: center; min-height: 2.24em; font: 600 clamp(26px,3.3vw,42px)/1.12 var(--sk3-display); color: #fff; overflow-wrap: anywhere; text-transform: none; } #app[data-public-view="true"] .live-scoreboard__score { font: 700 clamp(52px,6vw,80px)/1 var(--sk3-display); color: #fff; } #app[data-public-view="true"] .live-scoreboard__divider { font-size: 28px; color: #b7c5da; } #app[data-public-view="true"] .live-scoreboard__period { margin-top: 20px; font-size: 15px; color: #dce5f0; } #app[data-public-view="true"] .live-status { background: transparent; color: #e5f70a; border: 0; font: 600 18px var(--sk3-display); letter-spacing: .08em; } #app[data-public-view="true"] .pre-game-waiting-room__content { padding: 0; width: 100%; } #app[data-public-view="true"] .pre-game-waiting-room__division { color: #dce5f0; margin: 0 0 24px; background: transparent; font: 500 21px var(--sk3-display); letter-spacing: .02em; } #app[data-public-view="true"] .pre-game-waiting-room__matchup { display: grid; grid-template-columns: minmax(0,1fr) 36px minmax(0,1fr); align-items: center; gap: 24px; margin: 0 0 24px; } #app[data-public-view="true"] .pre-game-waiting-room__team { color: #fff; font: 700 clamp(26px,4vw,48px)/1.1 var(--sk3-display); overflow-wrap: anywhere; text-transform: none; } #app[data-public-view="true"] .pre-game-waiting-room__vs { color: #b7c5da; font: 500 20px var(--sk3-ui); } #app[data-public-view="true"] .pre-game-waiting-room__notify-btn { min-height: 44px; padding: 10px 16px; margin: 0; background: transparent; border: 1px solid #8293af; border-radius: 8px; color: #fff; font: 500 14px var(--sk3-ui); box-shadow: none; } #app[data-public-view="true"] .pre-game-waiting-room__notify-copy { display: block; margin: 12px auto 0; color: #c3cddb; font-size: 12px; } #app[data-public-view="true"] .pre-game-waiting-room__content { display: grid; grid-template-columns: auto minmax(0,1fr); align-items: center; gap: 28px; } #app[data-public-view="true"] .pre-game-waiting-room__division { margin: 0; } #app[data-public-view="true"] .pre-game-waiting-room__matchup { margin: 0; } #app[data-public-view="true"] .pre-game-waiting-room__team { font-size: clamp(26px,3vw,36px); } #app[data-public-view="true"] .pre-game-waiting-room__record { display: block; margin-top: 8px; font: 400 18px var(--sk3-ui); color: #dce5f0; } #app[data-public-view="true"] .pre-game-waiting-room__notice { grid-column: 1/-1; } #app[data-public-view="true"] .public-matchup-alerts { margin-top: 28px; } #app[data-public-view="true"] .public-matchup-alerts .pre-game-waiting-room__notify-btn { color: #003ba8; border-color: #8293af; } #app[data-public-view="true"] .public-matchup-alerts .pre-game-waiting-room__notify-copy { color: #526178; font-size: 14px; } #app[data-public-view="true"] .public-matchup-players { margin-top: 28px; } #app[data-public-view="true"] .public-matchup-players h3 { font-size: 29px; margin: 0 0 12px; } #app[data-public-view="true"] .public-matchup-players th small { display: block; font-weight: 400; color: #526178; margin-top: 5px; } @media (max-width: 599px) { #app[data-public-view="true"] .pre-game-waiting-room__content { grid-template-columns: minmax(0,1fr); gap: 16px; } } #app[data-public-view="true"] .live-game-context { display: flex; flex-wrap: wrap; gap: 6px 12px; padding: 16px 2px; margin: 0 0 12px; border: 0; border-radius: 0; color: #526178; background: transparent; font-size: 14px; } #app[data-public-view="true"] :is(.live-game-context__phase,.live-game-context__season,.live-game-context__meta,.live-game-context__coverage) { color: #526178; background: transparent; font-size: 14px; } #app[data-public-view="true"] .live-game-context__phase { color: #061b3b; font-weight: 700; } #app[data-public-view="true"] .live-connection { margin: 12px 0 0; padding: 9px 12px; border: 1px solid #d7dee7; border-radius: 8px; color: #34435a; background: #fff; } #app[data-public-view="true"] .live-connection__detail { color: inherit; } #app[data-public-view="true"] .live-connection--final { display: none; } #app[data-public-view="true"] .live-connection--reconnecting { color: #713a06; background: #fff7df; border-color: #e7c983; } #app[data-public-view="true"] .live-connection--stale { color: #8a2020; background: #fff1f0; border-color: #ebbbbb; } #app[data-public-view="true"] .live-analysis { display: block; max-width: 100%; background: #fff; border: 1px solid #d7dee7; border-radius: 16px; padding: 28px 32px; margin: 0; min-width: 0; box-shadow: none; } #app[data-public-view="true"] .public-matchup-trends { min-width: 0; max-width: 100%; } #app[data-public-view="true"] .public-story :is(h2,h3) { font-size: clamp(30px,3.2vw,42px); margin: 0 0 20px; color: #061b3b; text-transform: none; } #app[data-public-view="true"] .live-analysis--pregame > .public-story { margin-bottom: 32px; } #app[data-public-view="true"] .public-game-analysis-grid { display: grid; grid-template-columns: minmax(0,1fr) minmax(0,1fr); gap: 32px; align-items: start; margin: 28px 0; } #app[data-public-view="true"] :is(.public-box-score,.public-matchup-trends,.public-contributions,.public-scoring-run) h3 { font-size: 29px; color: #061b3b; margin: 0 0 16px; } #app[data-public-view="true"] .public-contributions > .public-note { margin-top: -7px; } #app[data-public-view="true"] .public-box-score { display: grid; grid-template-columns: minmax(0,1fr) minmax(0,1fr); gap: 28px; margin-top: 24px; } #app[data-public-view="true"] .public-box-score .public-note { grid-column: 1/-1; } #app[data-public-view="true"] .public-contribution { display: grid; grid-template-columns: minmax(0,1fr) auto; gap: 10px; margin: 20px 0 0; font-size: 15px; } #app[data-public-view="true"] .public-contribution span { display: block; font-size: 13px; color: #526178; margin-top: 4px; } #app[data-public-view="true"] .public-contribution small { font-weight: 400; color: #526178; } #app[data-public-view="true"] .public-contribution meter { grid-column: 1/-1; width: 100%; height: 16px; accent-color: #061b3b; } #app[data-public-view="true"] .public-contribution meter::-webkit-meter-optimum-value { background: #061b3b; } #app[data-public-view="true"] .public-form { display: inline-flex; gap: 4px; } #app[data-public-view="true"] .public-form span { padding: 3px 6px; border: 1px solid #ccd6e3; border-radius: 4px; color: #061b3b; font-size: 13px; } #app[data-public-view="true"] .public-form [data-result="W"] { background: #e9f4eb; } #app[data-public-view="true"] .public-recent-games { display: grid; grid-template-columns: minmax(0,1fr) minmax(0,1fr); gap: 24px; margin: 16px 0; } #app[data-public-view="true"] .public-recent-games .public-profile-trend { margin: 0; } #app[data-public-view="true"] .public-recent-games summary { min-height: 44px; padding: 12px 0; color: #003ba8; cursor: pointer; } #app[data-public-view="true"] .public-recent-games ul { padding: 0; list-style: none; } #app[data-public-view="true"] .public-recent-games li { display: flex; align-items: center; justify-content: space-between; gap: 12px; border-top: 1px solid #d7dee7; padding: 10px 0; font-size: 14px; } #app[data-public-view="true"] .public-recent-games li strong { white-space: nowrap; } #app[data-public-view="true"] :is(.live-period-breakdown,.live-flow-chart,.live-leaders,.live-powerplay,.live-feed) { background: #fff; color: #172238; border: 0; border-radius: 0; padding: 0; margin: 0; box-shadow: none; } #app[data-public-view="true"] .live-flow-chart { border-top: 1px solid #d7dee7; padding-top: 24px; margin-top: 24px; } #app[data-public-view="true"] .live-flow-chart__svg { width: 100%; max-width: 760px; height: auto; display: block; margin: auto; background: #fff; } #app[data-public-view="true"] .live-flow-chart__svg text { fill: #34435a; } #app[data-public-view="true"] .live-flow-chart__line { stroke: #061b3b; } #app[data-public-view="true"] .live-flow-chart__legend { gap: 16px; flex-wrap: wrap; } #app[data-public-view="true"] :is(.live-flow-chart__legend-chip,.live-flow-chart__subtitle,.live-feed__heading span,.live-leaders__meta) { color: #526178; background: transparent; } #app[data-public-view="true"] :is(.live-flow-chart__title,.live-feed__title,.live-leaders__title,.live-powerplay__title) { color: #061b3b; font-size: 28px; } #app[data-public-view="true"] .live-event { color: #172238; background: #fff; border: 0; border-bottom: 1px solid #d7dee7; border-radius: 0; box-shadow: none; padding: 20px 0; } #app[data-public-view="true"] .live-event__running-score { color: #34435a; background: #f6f8fa; border: 0; } #app[data-public-view="true"] .live-event :is(h3,h4,strong) { color: #061b3b; } #app[data-public-view="true"] .live-event__narration { color: #34435a; } #app[data-public-view="true"] .live-event__type { color: #061b3b; } #app[data-public-view="true"] .live-event__tag { color: #253344; background: #eef2f6; border-color: #cbd5e1; } #app[data-public-view="true"] .live-event__tag--hat-trick { color: #3d4600; background: #f5fac5; border-color: #abbc26; } #app[data-public-view="true"] .live-event__share { color: #003ba8; background: #fff; border: 1px solid #ccd6e3; width: 44px; height: 44px; } #app[data-public-view="true"] .public-box-score__substitutes { color: #526178; background: #f6f8fa; font-size: 14px; } #app[data-public-view="true"] .live-leaders__table { color: #172238; background: #fff; } #app[data-public-view="true"] .live-leaders__table :is(th,td) { color: #172238; padding: 12px 14px; } @media (max-width: 899px) { #app[data-public-view="true"] :is(.public-game-analysis-grid,.public-box-score,.public-recent-games) { grid-template-columns: minmax(0,1fr); } } @media (max-width: 599px) { #app[data-public-view="true"] .live-nav { padding: 8px 14px; } #app[data-public-view="true"] :is(.live-scoreboard,.pre-game-waiting-room) { padding: 24px 18px; border-radius: 12px; } #app[data-public-view="true"] :is(.live-scoreboard__teams,.pre-game-waiting-room__matchup) { gap: 10px; grid-template-columns: minmax(0,1fr) 20px minmax(0,1fr); } #app[data-public-view="true"] .live-analysis { padding: 20px 18px; border-radius: 12px; } #app[data-public-view="true"] .public-story p { font-size: 16px; } #app[data-public-view="true"] .public-tabs { gap: 20px; } #app[data-public-view="true"] .public-tabs button { font-size: 22px; } #app[data-public-view="true"] .public-table-scroll :is(th,td) { padding: 12px 10px; } #app[data-public-view="true"] .public-game-analysis-grid { gap: 28px; } #app[data-public-view="true"] .live-game-context__coverage { flex-basis: 100%; } } /* Official tables and substantive profiles share the public reading surface. */ #app[data-public-view="true"] .stats-card { width: 100%; max-width: none; padding: 0; margin: 0; background: transparent; border: 0; box-shadow: none; overflow: visible; } #app[data-public-view="true"] .stats-page-heading { background: transparent; border: 0; padding: 0; margin-bottom: 20px; } #app[data-public-view="true"] .stats-page-heading h1 { color: #061b3b; font-size: 44px; text-align: left; } #app[data-public-view="true"] :is(.stats-scope-label,.stats-updated,.stats-label,.stats-data-status,.stats-row-meta,.stats-source-note,.stats-table-hint,.stats-search-status,.stats-flyout__subtitle) { color: #526178; } #app[data-public-view="true"] .stats-toolbar { background: transparent; border: 0; padding: 0; margin-bottom: 24px; } #app[data-public-view="true"] .stats-toolbar__filters { display: flex; justify-content: space-between; align-items: end; flex-wrap: wrap; gap: 16px; width: 100%; } #app[data-public-view="true"] .stats-division-field { margin: 0; border: 0; padding: 0; } #app[data-public-view="true"] .division-filter { display: flex; gap: 0; border: 1px solid #cbd5e1; border-radius: 8px; padding: 4px; background: #fff; } #app[data-public-view="true"] .division-chip { color: #34435a; min-width: 90px; min-height: 44px; padding: 8px 18px; border: 0; border-radius: 6px; box-shadow: none; background: transparent; } #app[data-public-view="true"] .division-chip.is-active { background: #061b3b; color: #fff; } #app[data-public-view="true"] :is(.stats-select,.stats-search-input) { color: #172238; background: #fff; border: 1px solid #cbd5e1; border-radius: 7px; min-height: 46px; padding: 10px 14px; } #app[data-public-view="true"] .stats-view-bar { background: transparent; border-bottom: 1px solid #d7dee7; padding: 0; margin-bottom: 16px; } #app[data-public-view="true"] .stats-view-tabs { background: transparent; border: 0; gap: 28px; padding: 0; } #app[data-public-view="true"] .stats-view-tab { color: #526178; background: transparent; border: 0; border-bottom: 4px solid transparent; border-radius: 0; padding: 12px 4px; min-height: 48px; font: 600 25px var(--sk3-display); } #app[data-public-view="true"] .stats-view-tab.is-active { color: #061b3b; background: transparent; box-shadow: none; border-bottom-color: #c4d600; } #app[data-public-view="true"] .stats-view-panel { padding: 0; border: 0; background: transparent; } #app[data-public-view="true"] .stats-table-container { padding: 0; border: 0; border-radius: 0; background: transparent; overflow: visible; } #app[data-public-view="true"] .stats-table { width: 100%; table-layout: auto; background: #fff; color: #172238; border: 0; margin: 0; } #app[data-public-view="true"] .stats-table--teams { min-width: 740px; } #app[data-public-view="true"] .stats-table--players { min-width: 360px; } #app[data-public-view="true"][data-view="statistics"] .stats-table :is(th,td) { display: table-cell; color: #172238; background: #fff; padding: 16px 12px; border-bottom: 1px solid #d7dee7; font-size: 16px; font-variant-numeric: tabular-nums; } #app[data-public-view="true"][data-view="statistics"] .stats-table col { display: table-column; width: auto; } #app[data-public-view="true"][data-view="statistics"] .stats-table thead th { color: #fff; background: #061b3b; } #app[data-public-view="true"][data-view="statistics"] .stats-table thead th { font-size: 15px; font-weight: 500; letter-spacing: 0; text-transform: none; vertical-align: middle; overflow-wrap: normal; word-break: normal; } #app[data-public-view="true"] .stats-table thead th abbr { font-size: inherit; text-transform: none; letter-spacing: 0; text-decoration: none; } #app[data-public-view="true"] .stats-table thead button { color: #fff; font: 500 15px var(--sk3-ui); min-height: 36px; } #app[data-public-view="true"] .stats-table .stats-col--rank { width: 76px; white-space: normal; } #app[data-public-view="true"] .stats-table .stats-col--identity { min-width: 210px; text-align: left; } #app[data-public-view="true"] .stats-table :is(.stats-record,.stats-col--rate) { white-space: nowrap; } #app[data-public-view="true"] .stats-rank span { color: #061b3b; background: transparent; border: 0; box-shadow: none; } #app[data-public-view="true"] :is(.stats-row-trigger,.stats-team-name,.stats-player-name) { color: #003ba8; font-weight: 500; } #app[data-public-view="true"] .stats-row-trigger { min-height: 44px; background: transparent; border: 0; } #app[data-public-view="true"] .stats-row-meta { display: block; font-size: 13px; margin-top: 4px; } #app[data-public-view="true"] .stats-diff--pos { color: #226327; } #app[data-public-view="true"] .stats-diff--neg { color: #a32239; } #app[data-public-view="true"] .public-column-control { display: flex; align-items: center; justify-content: flex-end; gap: 8px; min-height: 44px; color: #34435a; margin-bottom: 8px; font-size: 14px; } #app[data-public-view="true"] .public-column-control input { width: 18px; height: 18px; accent-color: #061b3b; } #app[data-public-view="true"] .public-table-scroll-hint { display: none; } #app[data-public-view="true"] .stats-player-tools { display: flex; flex-wrap: wrap; align-items: center; gap: 12px; margin-bottom: 16px; } #app[data-public-view="true"] .stats-search-input { min-width: 230px; flex: 1; } #app[data-public-view="true"] .public-standings-read:has(.public-story:not(:empty)) { margin: 24px 0; } #app[data-public-view="true"] .public-standings-read .public-story:has(p,li,h3) { background: #061b3b; color: #fff; padding: 24px 28px; border-radius: 12px; } #app[data-public-view="true"] .public-standings-read .public-story :is(h2,h3,p,li) { color: #fff; } #app[data-public-view="true"] .public-standings-read .public-story a { color: #e5f70a; } #app[data-public-view="true"] .stats-methodology { background: transparent; border: 0; border-top: 1px solid #d7dee7; border-radius: 0; padding: 0; color: #34435a; margin: 24px 0 0; } #app[data-public-view="true"] .stats-methodology summary { color: #003ba8; min-height: 44px; padding: 14px 0; } #app[data-public-view="true"] :is(.stats-note,.stats-coverage-notice) { color: #475569; background: #f0f3f6; border: 1px solid #d7dee7; border-radius: 8px; padding: 12px 16px; font-size: 14px; } #app[data-public-view="true"] .stats-flyout { padding: 24px; background: rgb(3 15 34 / 55%); z-index: 100; } #app[data-public-view="true"] .stats-flyout__panel--drawer { width: min(1100px,100%); max-width: 1100px; height: calc(100dvh - 48px); margin: auto; border: 1px solid #d7dee7; border-radius: 14px; background: #fff; color: #172238; box-shadow: 0 12px 50px #00122b40; } #app[data-public-view="true"] .stats-flyout__header { display: flex; align-items: start; justify-content: space-between; color: #fff; background: #061b3b; border: 0; padding: 24px 32px; position: sticky; top: 0; z-index: 5; } #app[data-public-view="true"] .stats-flyout__header h3 { color: #fff; font-size: 40px; line-height: 1.1; } #app[data-public-view="true"] .stats-flyout__header .stats-flyout__subtitle { color: #ced6e2; font-size: 16px; } #app[data-public-view="true"] .stats-flyout__close { color: #fff; background: transparent; min-width: 44px; min-height: 44px; border: 1px solid #718096; } #app[data-public-view="true"] .stats-rank-badge { background: transparent; border: 0; color: #e5f70a; padding: 0 12px 0 0; } #app[data-public-view="true"] .stats-flyout__content { display: block; grid-template-columns: minmax(0,1fr); padding: 28px 32px; background: #fff; color: #172238; } #app[data-public-view="true"] .stats-flyout__content > * { width: 100%; max-width: none; } #app[data-public-view="true"] .stats-flyout__title-stack { display: grid; flex: 1; justify-items: start; align-items: start; text-align: left; } #app[data-public-view="true"] .stats-flyout__header h3 { width: auto; margin: 0; } #app[data-public-view="true"] :is(.stats-flyout__panel--drawer,.stats-flyout__content,.stats-flyout__header,.stats-flyout__insights,.stats-detail-section,.public-profile-trend,.public-player-impact) { text-align: left; } #app[data-public-view="true"] :is(.stats-flyout__header h3,.stats-detail-section h4) { text-align: left; text-transform: none; } #app[data-public-view="true"] :is(.stats-flyout__insights,.stats-detail-section) { min-width: 0; color: #172238; } #app[data-public-view="true"] .stats-detail-section { background: transparent; border: 0; padding: 0; margin: 26px 0; } #app[data-public-view="true"] :is(.stats-detail-section h4,.stats-more-insight h4,.public-profile-trend h4,.public-player-impact h4) { color: #061b3b; font: 600 29px var(--sk3-display); margin: 0 0 12px; } #app[data-public-view="true"] .stats-detail-kpis { display: flex; flex-wrap: wrap; gap: 0; margin: 18px 0 24px; padding: 0; background: transparent; border: 1px solid #d7dee7; border-radius: 10px; overflow: hidden; } #app[data-public-view="true"] .stats-detail-kpi { flex: 1; min-width: 130px; padding: 20px; background: #fff; border: 0; border-radius: 0; text-align: center; } #app[data-public-view="true"] .stats-detail-kpi dt { color: #526178; font-size: 14px; } #app[data-public-view="true"] .stats-detail-kpi dd { color: #061b3b; font: 600 32px var(--sk3-display); margin: 5px 0 0; } #app[data-public-view="true"] .stats-detail-kpis--compact .stats-detail-kpi dd { font-size: 24px; } #app[data-public-view="true"] .public-profile-trend { padding: 24px; border: 1px solid #d7dee7; border-radius: 10px; margin: 24px 0; } #app[data-public-view="true"] .public-profile-trend svg { width: 100%; max-width: 760px; height: auto; display: block; margin: auto; font: 18px var(--sk3-ui); fill: #172238; } #app[data-public-view="true"] .public-player-impact { padding: 24px; border: 1px solid #d7dee7; border-radius: 10px; margin: 24px 0; } #app[data-public-view="true"] .public-player-impact__value { display: flex; align-items: center; gap: 28px; } #app[data-public-view="true"] .public-player-impact__value > strong { font: 700 72px var(--sk3-display); color: #061b3b; } #app[data-public-view="true"] .public-player-impact__value small { font-size: 36px; } #app[data-public-view="true"] .public-player-impact meter { width: 100%; height: 28px; accent-color: #061b3b; } #app[data-public-view="true"] .public-player-impact meter::-webkit-meter-bar { background: #e2e8f0; border: 0; } #app[data-public-view="true"] .public-player-impact meter::-webkit-meter-optimum-value { background: #061b3b; } #app[data-public-view="true"] .public-player-impact meter::-moz-meter-bar { background: #061b3b; } #app[data-public-view="true"] .public-player-impact__connection { border-top: 1px solid #d7dee7; padding-top: 16px; margin-top: 18px; } #app[data-public-view="true"] :is(.stats-team-next,.stats-recent-game,.stats-team-schedule__row,.stats-team-roster__player) { background: #fff; color: #172238; border: 0; border-bottom: 1px solid #d7dee7; border-radius: 0; padding: 16px 0; } #app[data-public-view="true"] .stats-team-next { display: flex; flex-wrap: wrap; align-items: center; gap: 12px 24px; } #app[data-public-view="true"] .stats-team-next a { margin-left: auto; } #app[data-public-view="true"] :is(.stats-team-next span,.stats-team-schedule__date small,.stats-recent-game small) { color: #526178; } #app[data-public-view="true"] .stats-team-roster__number { color: #526178; background: #f0f3f6; } #app[data-public-view="true"] .stats-team-roster__player { padding: 4px 0; } #app[data-public-view="true"] .stats-team-roster__player .stats-row-trigger { align-content: center; } #app[data-public-view="true"] .stats-team-roster__player strong { color: #003ba8; font-size: 16px; font-weight: 600; } #app[data-public-view="true"] .stats-team-roster__player small { font-size: 13px; } #app[data-public-view="true"] .stats-recent-game a { color: #003ba8; } #app[data-public-view="true"] .stats-team-schedule { background: transparent; border: 0; } #app[data-public-view="true"] .stats-flyout__chart { background: #fff; color: #172238; } @media (max-width: 899px) { #app[data-public-view="true"] .stats-flyout { padding: 0; } #app[data-public-view="true"] .stats-flyout__panel--drawer { height: 100dvh; width: 100%; border-radius: 0; } #app[data-public-view="true"] .stats-flyout__header { padding: 22px; } #app[data-public-view="true"] .stats-flyout__content { padding: 22px; } } @media (max-width: 599px) { #app[data-public-view="true"] .stats-page-heading h1 { font-size: 30px; } #app[data-public-view="true"] .stats-toolbar { margin-bottom: 14px; } #app[data-public-view="true"] .stats-page-heading { margin-bottom: 12px; } #app[data-public-view="true"] .stats-updated { font-size: 12px; } #app[data-public-view="true"] .stats-view-bar { margin-bottom: 8px; } #app[data-public-view="true"] .stats-toolbar__filters { align-items: stretch; } #app[data-public-view="true"] .stats-division-field { width: 100%; } #app[data-public-view="true"] .division-chip { flex: 1; min-width: 0; } #app[data-public-view="true"][data-view="statistics"] .stats-table :is(th,td) { padding: 10px 4px; font-size: 14px; line-height: 1.3; min-width: 0; } #app[data-public-view="true"][data-view="statistics"] .stats-table { table-layout: fixed; min-width: 0; width: 100%; } #app[data-public-view="true"][data-view="statistics"] .stats-table :is(col,th,td).stats-col--rank { width: 30px; } #app[data-public-view="true"][data-view="statistics"] .stats-table col.stats-col--identity { width: auto; } #app[data-public-view="true"][data-view="statistics"] .stats-table :is(col,th,td):is(.stats-col--goals,.stats-col--assists) { width: 34px; } #app[data-public-view="true"][data-view="statistics"] .stats-table :is(col,th,td).stats-col--pts { width: 46px; } #app[data-public-view="true"][data-view="statistics"] .stats-table :is(col,th,td).stats-col--record { width: 86px; font-size: 12px; } #app[data-public-view="true"][data-view="statistics"] .stats-table :is(col,th,td):is(.stats-col--gp,.stats-col--rate,.stats-col--pim,.stats-col--gf,.stats-col--ga,.stats-col--diff,.stats-col--form) { display: none; } #app[data-public-view="true"][data-view="statistics"] .stats-table .stats-col--identity { min-width: 0; white-space: normal; } #app[data-public-view="true"][data-view="statistics"] .stats-col--identity :is(.stats-row-trigger,.stats-team-name,.stats-player-name) { white-space: normal; overflow-wrap: anywhere; } #app[data-public-view="true"][data-view="statistics"] .stats-table thead th.stats-col--rank { padding-inline: 2px; font-size: 12px; } #app[data-public-view="true"][data-view="statistics"] .stats-table thead button { font-size: 12px; gap: 0; padding-inline: 0; } #app[data-public-view="true"] .stats-row-trigger { padding: 0; min-height: 40px; } #app[data-public-view="true"] .stats-row-meta { font-size: 11px; margin-top: 3px; line-height: 1.35; } #app[data-public-view="true"] .stats-rank span { width: 24px; height: 24px; min-width: 0; font-size: 13px; } #app[data-public-view="true"] .stats-player-tools { display: grid; grid-template-columns: minmax(90px, .8fr) minmax(0, 1.4fr); gap: 6px 10px; margin-bottom: 10px; } #app[data-public-view="true"] .stats-player-tools label[for="stats-player-scope"] { grid-column: 1; grid-row: 1; } #app[data-public-view="true"] .stats-player-tools label[for="stats-player-search"] { grid-column: 2; grid-row: 1; } #app[data-public-view="true"] #stats-player-scope { grid-column: 1; grid-row: 2; } #app[data-public-view="true"] #stats-player-search { grid-column: 2; grid-row: 2; min-width: 0; width: 100%; } #app[data-public-view="true"] .stats-player-tools :is(input,select) { font-size: 14px; padding: 8px; min-width: 0; } #app[data-public-view="true"] .stats-mobile-details { display: table-row; } #app[data-public-view="true"][data-view="statistics"] .stats-table tr:has(+ .stats-mobile-details) > :is(th,td) { border-bottom: 0; padding-bottom: 4px; } #app[data-public-view="true"][data-view="statistics"] .stats-table .stats-mobile-details > td { padding: 4px 8px 12px 34px; } #app[data-public-view="true"] .stats-mobile-details dl { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 8px; margin: 0; } #app[data-public-view="true"] .stats-mobile-details dl > div { min-width: 0; text-align: left; } #app[data-public-view="true"] .stats-mobile-details dt { font-size: 11px; color: #526178; } #app[data-public-view="true"] .stats-mobile-details dd { margin: 2px 0 0; font-size: 14px; color: #172238; } #app[data-public-view="true"] .stats-mobile-details .stats-detail-form { grid-column: 1 / -1; } #app[data-public-view="true"] .stats-mobile-extra-sort { display: flex; flex-wrap: wrap; align-items: center; gap: 4px 8px; margin: 0 0 8px; font-size: 12px; color: #526178; } #app[data-public-view="true"] .stats-mobile-extra-sort button { color: #003ba8; background: #fff; border: 1px solid #cbd5e1; border-radius: 5px; min-height: 36px; padding: 4px 8px; font-size: 12px; } #app[data-public-view="true"] .stats-mobile-extra-sort button.is-active { color: #fff; background: #061b3b; } #app[data-public-view="true"] .stats-detail-kpi { min-width: 95px; padding: 14px 8px; } #app[data-public-view="true"] .stats-detail-kpis--compact .stats-detail-kpi { min-width: 130px; } #app[data-public-view="true"] .stats-detail-kpi dd { font-size: 28px; } #app[data-public-view="true"] .public-profile-trend { padding: 16px 8px; } #app[data-public-view="true"] .public-profile-trend svg { font-size: 28px; } #app[data-public-view="true"] .public-player-impact { padding: 18px; } #app[data-public-view="true"] .public-player-impact__value { gap: 18px; align-items: start; } #app[data-public-view="true"] .public-player-impact__value > strong { font-size: 58px; } } /* Rink Report: one edition lead and compact routes into full game coverage. */ #app[data-public-view="true"][data-view="rink-report"] .report-wrap--editorial { display: block; max-width: none; padding: 0; width: 100%; background: transparent; } #app[data-public-view="true"][data-view="rink-report"] .report-wrap--editorial .report-edition { padding: 0; margin: 0 0 24px; border: 0; background: transparent; box-shadow: none; } #app[data-public-view="true"][data-view="rink-report"] .report-wrap--editorial .report-edition::before, #app[data-public-view="true"][data-view="rink-report"] .report-wrap--editorial .report-edition::after { content: none; } #app[data-public-view="true"][data-view="rink-report"] #main-content .report-edition__title { color: #061b3b; -webkit-text-fill-color: currentColor; font-size: 46px; line-height: 1.1; text-align: left; text-shadow: none; margin: 0; } #app[data-public-view="true"][data-view="rink-report"] .report-wrap--editorial .report-edition__meta { color: #526178; } #app[data-public-view="true"][data-view="rink-report"] .report-wrap--editorial .report-toolbar--editorial { display: flex; flex-direction: row; flex-wrap: wrap; align-items: end; justify-content: space-between; gap: 20px; position: static; padding: 0; background: transparent; border: 0; box-shadow: none; margin: 0 0 24px; } #app[data-public-view="true"][data-view="rink-report"] .report-wrap--editorial .report-season-control { display: grid; grid-template-columns: 1fr; gap: 6px; height: auto; flex: 0 1 260px; min-width: 240px; color: #526178; } #app[data-public-view="true"][data-view="rink-report"] .report-wrap--editorial .report-season-select { min-height: 46px; background: #fff; color: #172238; border: 1px solid #cbd5e1; border-radius: 7px; } #app[data-public-view="true"][data-view="rink-report"] .report-wrap--editorial .report-toolbar__divisions { display: flex; align-items: center; gap: 0; width: auto; padding: 4px; background: #fff; border: 1px solid #cbd5e1; border-radius: 8px; } #app[data-public-view="true"][data-view="rink-report"] .report-wrap--editorial .report-toolbar__divisions .report-filter__label { position: absolute; width: 1px; height: 1px; overflow: hidden; clip-path: inset(50%); } #app[data-public-view="true"][data-view="rink-report"] .report-wrap--editorial .report-filter__btn { min-width: 92px; min-height: 44px; color: #34435a; background: transparent; border: 0; border-radius: 6px; font: 500 17px var(--sk3-ui); padding: 8px 18px; } #app[data-public-view="true"][data-view="rink-report"] .report-wrap--editorial .report-filter__btn.is-active { background: #061b3b; color: #fff; } #app[data-public-view="true"][data-view="rink-report"] .report-wrap--editorial .rr-nav { display: flex; flex-direction: row; flex-wrap: nowrap; justify-content: start; width: 100%; gap: 24px; padding: 0; margin: 0; border: 0; border-bottom: 1px solid #d7dee7; border-radius: 0; background: transparent; } #app[data-public-view="true"][data-view="rink-report"] .report-wrap--editorial .report-toolbar__divisions { flex-direction: row; flex-wrap: nowrap; } #app[data-public-view="true"][data-view="rink-report"] .report-wrap--editorial .report-toolbar--editorial :is(.rr-nav__item,.report-filter__btn) { flex: 1 1 auto; width: auto; min-width: 0; } #app[data-public-view="true"][data-view="rink-report"] .report-wrap--editorial .rr-nav__item { flex: 0 1 auto; border: 0; border-bottom: 4px solid transparent; border-radius: 0; background: transparent; color: #526178; min-height: 48px; font: 600 25px var(--sk3-display); padding: 12px 4px; } #app[data-public-view="true"][data-view="rink-report"] .report-wrap--editorial .rr-nav__item--active { color: #061b3b; border-bottom-color: #c4d600; background: transparent; box-shadow: none; } #app[data-public-view="true"][data-view="rink-report"] .report-wrap--editorial :is(.report-note,.report-status) { color: #526178; font-size: 14px; margin: 8px 0; padding: 0; background: transparent; border: 0; box-shadow: none; } #app[data-public-view="true"][data-view="rink-report"] .report-wrap--editorial .report-chip-select { background: transparent; border: 0; color: #526178; padding: 0; } #app[data-public-view="true"][data-view="rink-report"] .report-wrap--editorial .report-chip-select select { background: #fff; color: #172238; border: 1px solid #cbd5e1; min-height: 44px; padding: 8px 14px; border-radius: 7px; } #app[data-public-view="true"][data-view="rink-report"] .report-wrap--editorial .public-report-edition { width: 100%; min-width: 0; } #app[data-public-view="true"][data-view="rink-report"] .report-wrap--editorial .public-report-heading { display: flex; align-items: baseline; justify-content: space-between; flex-wrap: wrap; gap: 8px 20px; padding: 0; margin: 26px 0 18px; background: transparent; border: 0; } #app[data-public-view="true"][data-view="rink-report"] .report-wrap--editorial .public-report-heading h2 { font: 600 32px var(--sk3-display); color: #061b3b; text-align: left; margin: 0; } #app[data-public-view="true"][data-view="rink-report"] .report-wrap--editorial .public-report-heading p { color: #526178; margin: 0; font-size: 16px; } #app[data-public-view="true"][data-view="rink-report"] .report-wrap--editorial .public-report-lead { padding: 28px 32px; margin: 0 0 28px; background: #fff; border: 1px solid #d7dee7; border-radius: 14px; } #app[data-public-view="true"][data-view="rink-report"] .report-wrap--editorial .public-report-lead .public-story { max-width: 78ch; } #app[data-public-view="true"][data-view="rink-report"] .report-wrap--editorial .public-report-lead--navy { background: #061b3b; color: #fff; border-color: #061b3b; } #app[data-public-view="true"][data-view="rink-report"] .report-wrap--editorial .public-report-lead--navy :is(h2,h3,p,li,summary) { color: #fff; } #app[data-public-view="true"][data-view="rink-report"] .report-wrap--editorial .public-report-lead--navy a { color: #e5f70a; } #app[data-public-view="true"][data-view="rink-report"] .report-wrap--editorial .public-report-games { background: #fff; border: 1px solid #d7dee7; border-radius: 14px; overflow: hidden; } #app[data-public-view="true"][data-view="rink-report"] .report-wrap--editorial .public-report-game { display: grid; grid-template-columns: minmax(0,1fr) auto; gap: 12px 24px; padding: 24px 28px; border-bottom: 1px solid #d7dee7; } #app[data-public-view="true"][data-view="rink-report"] .report-wrap--editorial .public-report-game:last-child { border-bottom: 0; } #app[data-public-view="true"][data-view="rink-report"] .report-wrap--editorial .public-report-game__meta { grid-column: 1 / -1; color: #526178; font-size: 14px; } #app[data-public-view="true"][data-view="rink-report"] .report-wrap--editorial .public-report-game h3 { color: #061b3b; margin: 0; text-align: left; font: 600 29px var(--sk3-display); } #app[data-public-view="true"][data-view="rink-report"] .report-wrap--editorial .public-report-game h3 small { color: #526178; font-size: 16px; padding: 0 14px; } #app[data-public-view="true"][data-view="rink-report"] .report-wrap--editorial .public-report-game .public-scoreboard { padding: 0; margin: 0; gap: 24px; } #app[data-public-view="true"][data-view="rink-report"] .report-wrap--editorial .public-report-game .public-scoreboard__team { font-size: 27px; } #app[data-public-view="true"][data-view="rink-report"] .report-wrap--editorial .public-report-game .public-scoreboard__score { font-size: 32px; } #app[data-public-view="true"][data-view="rink-report"] .report-wrap--editorial .public-report-game__action { align-self: center; color: #003ba8; min-height: 44px; display: inline-flex; align-items: center; } #app[data-public-view="true"][data-view="rink-report"] .report-wrap--editorial .public-report-game :is(.public-story,.public-report-game__periods) { grid-column: 1 / -1; } #app[data-public-view="true"][data-view="rink-report"] .report-wrap--editorial .public-report-game__periods summary { min-height: 36px; color: #003ba8; font-size: 14px; cursor: pointer; } #app[data-public-view="true"][data-view="rink-report"] .report-wrap--editorial .public-report-game__periods .public-periods { max-width: 560px; } @media (max-width: 899px) { #app[data-public-view="true"][data-view="rink-report"] .report-wrap--editorial .public-report-game { grid-template-columns: minmax(0,1fr); } #app[data-public-view="true"][data-view="rink-report"] .report-wrap--editorial .public-report-game__action { justify-self: start; } } @media (max-width: 599px) { #app[data-public-view="true"][data-view="rink-report"] .report-wrap--editorial .report-edition__title { font-size: 39px; } #app[data-public-view="true"][data-view="rink-report"] .report-wrap--editorial .report-edition__meta { display: none; } #app[data-public-view="true"][data-view="rink-report"] .report-wrap--editorial :is(.report-toolbar__divisions,.report-season-control) { width: 100%; } #app[data-public-view="true"][data-view="rink-report"] .report-wrap--editorial .report-filter__btn { flex: 1; min-width: 0; } #app[data-public-view="true"][data-view="rink-report"] .report-wrap--editorial .public-report-lead { padding: 24px 20px; } #app[data-public-view="true"][data-view="rink-report"] .report-wrap--editorial .public-report-game { padding: 22px 18px; } #app[data-public-view="true"][data-view="rink-report"] .report-wrap--editorial .public-report-game .public-scoreboard { grid-template-columns: minmax(0,1fr) auto minmax(0,1fr); gap: 10px; } #app[data-public-view="true"][data-view="rink-report"] .report-wrap--editorial .public-report-game .public-scoreboard__team { font-size: 23px; } #app[data-public-view="true"][data-view="rink-report"] .report-wrap--editorial .public-report-game .public-scoreboard__score { font-size: 29px; } } /* Home: one navy lead, then the schedule, final and staff access. */ #app[data-public-view="true"] .rink-lobby { display: block; width: 100%; max-width: none; padding: 0; margin: 0; overflow: visible; } #app[data-public-view="true"] .home-division-filter { margin: 0 0 0 auto; width: auto; } #app[data-public-view="true"] .home-front__headline { display: grid; grid-template-columns: minmax(0,1.3fr) minmax(280px,.8fr); gap: 40px; padding: 32px 40px; background: #061b3b; color: #fff; border: 1px solid #031a4f; border-radius: 16px; margin-bottom: 24px; } #app[data-public-view="true"] .home-front__intro { display: flex; align-items: center; margin: 0; padding: 8px 0; background: transparent; border: 0; } #app[data-public-view="true"] .home-front__intro h1 { font-size: clamp(34px,4.2vw,54px); line-height: 1.08; text-transform: none; letter-spacing: -.025em; max-width: 22ch; margin: 16px 0 24px; color: #fff; text-align: left; } #app[data-public-view="true"] .home-front__eyebrow { font: 600 20px/1.2 var(--sk3-display); letter-spacing: .03em; color: #e5f70a; text-transform: uppercase; margin: 0; } #app[data-public-view="true"] .home-front__intro-copy { color: #f0f3f8; font-size: 18px; line-height: 1.65; margin: 0; max-width: 55ch; } #app[data-public-view="true"] .home-front__feature { display: flex; flex-direction: column; justify-content: space-between; gap: 24px; padding: 20px 0 12px 40px; border: 0; border-left: 1px solid #40516d; border-radius: 0; background: transparent; box-shadow: none; overflow: visible; } #app[data-public-view="true"] .home-front__feature::before { content: none; } #app[data-public-view="true"] .home-front__feature-topline { justify-content: center; margin: 0; } #app[data-public-view="true"] .home-front__game-state { color: #c3cddb; font: 600 21px/1.2 var(--sk3-display); text-transform: uppercase; letter-spacing: .03em; padding: 0; background: transparent; } #app[data-public-view="true"] .home-front__matchup--compact { display: flex; flex-direction: column; gap: 22px; margin: 0; text-align: center; } #app[data-public-view="true"] .home-front__team { display: flex; flex-direction: column; align-items: center; gap: 6px; text-align: center; padding: 0; background: transparent; border: 0; border-radius: 0; min-height: 0; } #app[data-public-view="true"] .home-front__team strong { font: 700 32px/1.1 var(--sk3-display); color: #fff; text-transform: none; overflow-wrap: normal; word-break: normal; } #app[data-public-view="true"] .home-front__team span { font: 500 23px/1.2 var(--sk3-display); color: #fff; } #app[data-public-view="true"] .home-front__versus { color: #b5c1d3; width: 100%; display: flex; gap: 16px; align-items: center; font-size: 18px; } #app[data-public-view="true"] .home-front__versus::before, #app[data-public-view="true"] .home-front__versus::after { content: ''; flex: 1; height: 1px; background: #40516d; } #app[data-public-view="true"] .home-front__action-row { margin: 0; display: flex; } #app[data-public-view="true"] .home-front__primary-action { width: 100%; justify-content: center; min-height: 56px; border: 0; border-radius: 9px; background: #e5f70a; color: #071326; font: 600 23px/1.1 var(--sk3-display); text-transform: none; letter-spacing: 0; } #app[data-public-view="true"] :is(.home-front__slate,.home-summary-card) { background: #fff; border: 1px solid #d7dee7; border-radius: 16px; color: #0b1324; overflow: hidden; margin: 0 0 24px; box-shadow: none; } #app[data-public-view="true"] .home-front__slate { padding: 0; } #app[data-public-view="true"] .home-front__slate-heading { display: flex; justify-content: space-between; align-items: center; gap: 16px; padding: 26px 32px 20px; margin: 0; } #app[data-public-view="true"] .home-front__slate-heading h2 { color: #061b3b; font-size: 30px; text-transform: uppercase; margin: 0; } #app[data-public-view="true"] .home-front__slate-heading p { color: #475569; margin: 5px 0 0; font-size: 17px; } #app[data-public-view="true"] .home-front__slate-list { display: block; gap: 0; } #app[data-public-view="true"] .home-front__slate-game { display: grid; grid-template-columns: 110px minmax(0,1fr) 28px; gap: 20px; align-items: center; width: 100%; min-height: 82px; margin: 0; padding: 18px 32px; border: 0; border-top: 1px solid #d7dee7; border-radius: 0; background: #fff; color: #061b3b; box-shadow: none; position: relative; } #app[data-public-view="true"] .home-front__slate-game.is-active { border-color: #d7dee7; background: #fcfdff; box-shadow: inset 8px 0 #e5f70a; } #app[data-public-view="true"] .home-front__slate-time { color: #061b3b; font: 700 24px var(--sk3-display); } #app[data-public-view="true"] .home-front__slate-teams { display: grid; grid-template-columns: minmax(0,1fr) 28px minmax(0,1fr); align-items: center; gap: 16px; font: 600 24px/1.2 var(--sk3-display); text-align: center; } #app[data-public-view="true"] .home-front__slate-teams strong { font: inherit; color: #061b3b; white-space: normal; overflow-wrap: anywhere; } #app[data-public-view="true"] .home-front__slate-teams small { color: #475569; font: 500 16px var(--sk3-ui); } #app[data-public-view="true"] :is(.home-front__slate-arrow,.home-front__slate-score) { color: #475569; } #app[data-public-view="true"] .home-summary-grid { display: block; margin: 0; } #app[data-public-view="true"] .home-summary-card { padding: 28px 32px 30px; } #app[data-public-view="true"] .home-final-summary__meta { color: #475569; margin: 4px 0; font-size: 17px; } #app[data-public-view="true"] .home-final-summary__columns { display: grid; grid-template-columns: minmax(0,1.2fr) minmax(0,1fr); align-items: start; gap: 32px; } #app[data-public-view="true"] .home-final-summary__columns h3 { font-size: 30px; color: #061b3b; margin: 0 0 12px; } #app[data-public-view="true"] .home-final-summary__recap { font-size: 17px; color: #253344; margin: 0 0 20px; line-height: 1.65; } #app[data-public-view="true"] .scorekeeper-entry-strip { display: flex; align-items: center; gap: 24px; padding: 16px 28px; margin: 0; background: transparent; color: #061b3b; border: 1px solid #d7dee7; border-radius: 12px; } #app[data-public-view="true"] .scorekeeper-entry-strip__copy { flex: initial; } #app[data-public-view="true"] .scorekeeper-entry-strip__copy strong { color: #061b3b; font-size: 17px; } #app[data-public-view="true"] .scorekeeper-entry-strip__copy span { display: none; } #app[data-public-view="true"] :is(.scorekeeper-entry-strip__action,.scorekeeper-entry-strip__admin) { min-height: 44px; padding: 10px 18px; font: 500 16px var(--sk3-ui); color: #003ba8; background: #fff; border: 1px solid #003ba8; border-radius: 7px; } #app[data-public-view="true"] .scorekeeper-entry-strip__admin { margin-left: auto; border: 0; background: transparent; } #app[data-public-view="true"] .scorekeeper-entry-strip__icon { display: none; } @media (min-width: 900px) { #app[data-public-view="true"][data-primary-navigation="true"] #top-navigation { background: transparent; } #app[data-public-view="true"] > header { padding-right: max(24px, calc((100% - 1200px) / 2)); } #app[data-public-view="true"] .primary-nav { margin: -76px auto 0; height: 76px; max-width: min(560px, calc(100% - 430px)); padding-bottom: 18px; background: transparent; } #app[data-public-view="true"] #top-navigation:has(.live-nav) { padding-top: 0; } } /* Public alert preferences share the theme without changing subscriptions. */ body:has(#app[data-public-view="true"]) .push-panel { --heading-color: #061b3b; --text-color: #142b4c; --secondary-color: #526178; --gold-light: #061b3b; background: #fff; color: #142b4c; width: min(480px, 100vw); border-color: #ccd6e3; padding: 0 22px 24px; } body:has(#app[data-public-view="true"]) .push-panel__header { background: #061b3b; color: #fff; padding: 24px 22px; margin: 0 -22px 20px; } body:has(#app[data-public-view="true"]) .push-panel__header h3 { color: #fff; font: 700 30px var(--sk3-display); } body:has(#app[data-public-view="true"]) .push-panel__header p { color: #d7e0ed; font-size: 14px; line-height: 1.5; } body:has(#app[data-public-view="true"]) .push-panel__header :is(.push-panel__heading-icon,.push-panel__close) { color: #fff; } body:has(#app[data-public-view="true"]) .push-panel :is(.push-panel__section,.push-panel__advanced,.push-panel__footer) { border-color: #d7dee7; } body:has(#app[data-public-view="true"]) .push-panel :is(.push-panel__hint,.push-panel__level-desc) { font-size: 14px; line-height: 1.5; color: #526178; } body:has(#app[data-public-view="true"]) .push-panel :is(.push-panel__team-btn,.push-panel__level-btn,.push-panel__search,.push-panel__pill,.push-panel__toggle) { color: #061b3b; background: #f6f8fb; border-color: #b9c7d9; font-size: 15px; min-height: 44px; } body:has(#app[data-public-view="true"]) .push-panel :is(.push-panel__team-btn--selected,.push-panel__level-btn--active,.push-panel__pill--selected,.push-panel__toggle--selected) { color: #061b3b; background: #f3f9cc; border-color: #778500; box-shadow: none; } body:has(#app[data-public-view="true"]) .push-panel__level-btn--active .push-panel__level-label { color: #061b3b; } body:has(#app[data-public-view="true"]) .push-panel__selection-summary { color: #061b3b; background: #f1f5f9; border-color: #d7dee7; } body:has(#app[data-public-view="true"]) .push-panel :focus-visible { outline: 3px solid #003ba8; outline-offset: 3px; } body:has(#app[data-public-view="true"]) .push-panel__close:focus-visible { outline-color: #dafa00; } /* Fixture lists use the same identity, time and score hierarchy as Home. */ #app[data-public-view="true"] .games-index { width: 100%; max-width: none; margin: 0; padding: 0; color: #061b3b; } #app[data-public-view="true"] .games-index__heading { display: block; margin: 0 0 20px; padding: 0; border: 0; background: transparent; } #app[data-public-view="true"] .games-index__heading h1 { font-size: 46px; color: #061b3b; margin: 0; text-transform: uppercase; text-align: left; } #app[data-public-view="true"] .games-index__heading p { color: #475569; margin: 4px 0; font-size: 16px; } #app[data-public-view="true"] .games-index__ranges { display: flex; gap: 26px; border-bottom: 1px solid #ccd6e3; margin: 0 0 26px; padding: 0; background: transparent; } #app[data-public-view="true"] .games-index__ranges button { padding: 10px 2px 15px; min-height: 48px; border: 0; border-bottom: 4px solid transparent; border-radius: 0; color: #475569; font: 600 23px var(--sk3-display); background: transparent; } #app[data-public-view="true"] .games-index__ranges button[aria-pressed="true"] { border-bottom-color: #c4d600; color: #061b3b; } #app[data-public-view="true"] .games-index__groups { display: grid; gap: 28px; } #app[data-public-view="true"] .games-index__group { border: 1px solid #d7dee7; border-radius: 14px; overflow: hidden; background: #fff; } #app[data-public-view="true"] .games-index__group > header { display: flex; align-items: center; justify-content: space-between; gap: 12px; padding: 22px 28px; margin: 0; background: #fff; color: #061b3b; border: 0; } #app[data-public-view="true"] .games-index__group h2 { margin: 0; color: #061b3b; font-size: 29px; } #app[data-public-view="true"] .games-index__group > header span { color: #526178; font-size: 15px; } #app[data-public-view="true"] .games-index__game { display: grid; grid-template-columns: 96px minmax(0,1fr) auto; gap: 22px; align-items: center; padding: 24px 28px; border: 0; border-top: 1px solid #d7dee7; border-radius: 0; background: #fff; color: #061b3b; } #app[data-public-view="true"] .games-index__status { display: block; color: #061b3b; font: 700 27px/1.2 var(--sk3-display); white-space: normal; } #app[data-public-view="true"] .games-index__status small { display: block; color: #526178; font: 500 14px var(--sk3-ui); margin-top: 6px; } #app[data-public-view="true"] .games-index__matchup { display: grid; grid-template-columns: minmax(0,1fr) 24px minmax(0,1fr); gap: 14px; align-items: center; font: 600 28px/1.15 var(--sk3-display); color: #061b3b; } #app[data-public-view="true"] .games-index__matchup > * { font: inherit; color: inherit; overflow-wrap: anywhere; } #app[data-public-view="true"] .games-index__matchup--score { grid-template-columns: minmax(0,1fr) minmax(0,1fr); gap: 32px; } #app[data-public-view="true"] .games-index__matchup--score > * { display: flex; align-items: center; justify-content: space-between; gap: 16px; } #app[data-public-view="true"] .games-index__matchup b { color: #061b3b; font-size: 36px; font-variant-numeric: tabular-nums; } #app[data-public-view="true"] .games-index__record { display: block; margin-top: 7px; color: #526178; font: 400 16px var(--sk3-ui); } #app[data-public-view="true"] .games-index__versus { color: #637080; font-size: 18px; } #app[data-public-view="true"] .games-index__open { min-height: 46px; color: #003ba8; background: transparent; border: 0; padding: 8px 0; font: 500 16px var(--sk3-ui); white-space: nowrap; } #app[data-public-view="true"] .games-index__game .public-disclosure { grid-column: 2 / -1; margin: 0; border: 0; } #app[data-public-view="true"] .games-index__game .public-story { grid-column: 2 / -1; } #app[data-public-view="true"] .games-index__game .public-disclosure summary { padding: 0; min-height: 32px; font-size: 14px; } #app[data-public-view="true"] .games-index__game--live { box-shadow: inset 5px 0 #cb2440; } @media (max-width: 899px) { #app[data-public-view="true"] .games-index__game { grid-template-columns: 82px minmax(0,1fr); } #app[data-public-view="true"] .games-index__open { grid-column: 2; justify-self: start; } } @media (max-width: 599px) { #app[data-public-view="true"] .games-index__group > header { padding: 18px; } #app[data-public-view="true"] .games-index__group h2 { font-size: 25px; } #app[data-public-view="true"] .games-index__game { padding: 20px 18px; gap: 10px 18px; grid-template-columns: 62px minmax(0,1fr); } #app[data-public-view="true"] .games-index__matchup { grid-template-columns: minmax(0,1fr); gap: 5px; font-size: 26px; } #app[data-public-view="true"] .games-index__status { font-size: 24px; } #app[data-public-view="true"] .games-index__matchup--score { grid-template-columns: minmax(0,1fr); gap: 10px; } } @media (max-width: 899px) { #app[data-public-view="true"] .home-front__headline { grid-template-columns: minmax(0,1fr); gap: 24px; padding: 30px; } #app[data-public-view="true"] .home-front__feature { border-left: 0; border-top: 1px solid #40516d; padding: 24px 0 0; } #app[data-public-view="true"] .home-front__intro h1 { max-width: 26ch; } #app[data-public-view="true"] .home-front__matchup--compact { display: grid; grid-template-columns: minmax(0,1fr) 40px minmax(0,1fr); align-items: center; gap: 16px; } #app[data-public-view="true"] .home-front__versus::before, #app[data-public-view="true"] .home-front__versus::after { content: none; } #app[data-public-view="true"] .home-front__versus { justify-content: center; } #app[data-public-view="true"] .home-final-summary__columns { grid-template-columns: minmax(0,1fr); } } @media (max-width: 599px) { #app[data-public-view="true"] > header { padding: 15px 18px; min-height: 72px; } #app[data-public-view="true"] .header-top-row { min-height: 44px; } #app[data-public-view="true"] .header-logo-button { width: 156px; } #app[data-public-view="true"] #main-content { padding: 20px 14px 32px; } #app[data-public-view="true"] .primary-nav { gap: 16px; padding: 0 12px; min-height: 52px; } #app[data-public-view="true"] .primary-nav .desktop-nav__link { font-size: 21px; min-height: 52px; padding: 9px 0; } #app[data-public-view="true"] .public-toolbar { gap: 12px; margin-bottom: 20px; } #app[data-public-view="true"] :is(.public-segments,.home-division-filter,.home-division-filter__controls) { width: 100%; } #app[data-public-view="true"] :is(.public-segments button,.home-division-filter .report-filter__btn) { padding: 8px 12px; font-size: 16px; } #app[data-public-view="true"] .home-front__headline { padding: 24px; border-radius: 12px; } #app[data-public-view="true"] .home-front__intro h1 { font-size: 38px; margin: 14px 0 20px; } #app[data-public-view="true"] .home-front__intro-copy { font-size: 16px; } #app[data-public-view="true"] .home-front__team strong { font-size: 27px; } #app[data-public-view="true"] .home-front__slate-heading { padding: 20px; align-items: start; } #app[data-public-view="true"] .home-front__slate-heading h2 { font-size: 26px; } #app[data-public-view="true"] .home-front__slate-heading .home-front__text-link { white-space: nowrap; font-size: 14px; } #app[data-public-view="true"] .home-front__slate-game { grid-template-columns: 65px minmax(0,1fr) 18px; gap: 10px; padding: 16px 18px; } #app[data-public-view="true"] .home-front__slate-time { font-size: 21px; } #app[data-public-view="true"] .home-front__slate-teams { grid-template-columns: minmax(0,1fr); gap: 4px; font-size: 22px; text-align: left; } #app[data-public-view="true"] .home-front__slate-teams small { font-size: 13px; } #app[data-public-view="true"] .home-summary-card { padding: 22px 20px; } #app[data-public-view="true"] .public-scoreboard { gap: 12px; } #app[data-public-view="true"] .public-scoreboard__score { font-size: 36px; } #app[data-public-view="true"] .public-scoreboard__team { font-size: 25px; } #app[data-public-view="true"] .scorekeeper-entry-strip { flex-wrap: wrap; gap: 12px; padding: 18px; } #app[data-public-view="true"] .scorekeeper-entry-strip__copy { width: 100%; } #app[data-public-view="true"] .scorekeeper-entry-strip__admin { padding: 8px 0; } } /* September 2026 approved fan review: compact, continuous reading surfaces. */ #app[data-public-view="true"] > header { padding: 10px max(16px, calc((100% - 1200px) / 2)); min-height: 64px; } #app[data-public-view="true"] .header-top-row { min-height: 44px; } #app[data-public-view="true"] .header-logo-button { width: 124px; } #app[data-public-view="true"] .primary-nav { min-height: 50px; gap: 12px; } #app[data-public-view="true"] .primary-nav .desktop-nav__link { min-height: 48px; font: 700 14px/1.3 var(--sk3-ui); flex: 1; } #app[data-public-view="true"] #main-content { padding: 18px 16px 36px; } #app[data-public-view="true"] :is(p,li) { line-height: 1.5; } #app[data-public-view="true"] .public-toolbar { gap: 10px; margin-bottom: 14px; } #app[data-public-view="true"] :is(.public-segments button,.home-division-filter .report-filter__btn) { padding: 8px 14px; font-size: 14px; } #app[data-public-view="true"] .public-section-title { font-size: 28px; text-transform: none; } #app[data-public-view="true"] .public-story h3 { font-size: 26px; margin: 0 0 10px; } #app[data-public-view="true"] .public-story p { font-size: 16px; margin: 0 0 12px; } #app[data-public-view="true"] .public-story__evidence { margin-top: 10px; } #app[data-public-view="true"] #main-content .public-scoreboard { gap: 12px; margin: 8px 0; } #app[data-public-view="true"] #main-content .public-scoreboard__team { font-size: 22px; } #app[data-public-view="true"] #main-content .public-scoreboard__score { font-size: 28px; } #app[data-public-view="true"] .public-periods :is(th,td) { padding: 10px 8px; font-size: 16px; } #app[data-public-view="true"] .public-periods caption { padding: 10px 12px 0; font-size: 19px; } #app[data-public-view="true"] .public-disclosure { margin: 10px 0; } #app[data-public-view="true"] .rink-lobby__hero-slot { gap: 14px; } #app[data-public-view="true"] .home-front__headline { display: block; padding: 18px; min-height: 0; border-radius: 12px; } #app[data-public-view="true"] .home-front__feature { border: 0; padding: 0; gap: 14px; } #app[data-public-view="true"] .home-front__feature-topline { font-size: 14px; margin-bottom: 14px; } #app[data-public-view="true"] .home-front__team strong { font-size: 27px; } #app[data-public-view="true"] .home-front__team .home-front__record { font: 500 14px/1.3 var(--sk3-ui); } #app[data-public-view="true"] .home-front__game-state { font: 600 14px/1.3 var(--sk3-ui); text-transform: none; letter-spacing: 0; } #app[data-public-view="true"] .home-summary-card { padding: 18px; } #app[data-public-view="true"] .home-final-summary__columns { gap: 16px; } #app[data-public-view="true"] .home-final-summary__columns h3 { font-size: 25px; } #app[data-public-view="true"] .home-final-summary__meta { font: 500 14px/1.4 var(--sk3-ui); text-transform: none; } #app[data-public-view="true"] .home-final-summary__recap { font-size: 16px; margin-bottom: 10px; } #app[data-public-view="true"] .home-front__primary-action { min-height: 44px; padding: 12px; font-size: 16px; margin-top: 14px; } #app[data-public-view="true"] .home-front__story-moved { padding: 18px; margin: 0; border-radius: 12px; background: #061b3b; color: #fff; } #app[data-public-view="true"] .home-front__intro h1 { font-size: 29px; line-height: 1.15; margin: 4px 0 10px; max-width: none; } #app[data-public-view="true"] .home-front__intro-copy { font-size: 16px; margin: 0; } #app[data-public-view="true"] .home-front__eyebrow { font-size: 12px; margin: 0 0 7px; } #app[data-public-view="true"] .home-front__slate { margin: 0; border-radius: 12px; min-height: 0; } #app[data-public-view="true"] .home-front__slate-heading { padding: 14px 16px; gap: 10px; } #app[data-public-view="true"] .home-front__slate-heading h2 { font-size: 23px; text-transform: none; } #app[data-public-view="true"] .home-front__slate-heading p { font-size: 14px; } #app[data-public-view="true"] .home-front__slate-game { grid-template-columns: 64px minmax(0,1fr) 38px; min-height: 66px; padding: 10px 14px; gap: 10px; } #app[data-public-view="true"] .home-front__slate-time { font-size: 17px; } #app[data-public-view="true"] .home-front__slate-teams { grid-template-columns: 1fr; text-align: left; gap: 2px; font-size: 18px; } #app[data-public-view="true"] .home-front__slate-teams small { display: none; } #app[data-public-view="true"] .scorekeeper-entry-strip { margin-top: 18px; padding: 14px; } #app[data-public-view="true"] .games-index__heading { font-size: 29px; margin: 0 0 10px; } #app[data-public-view="true"] .games-index__game { padding: 14px; min-height: 0; gap: 10px; } #app[data-public-view="true"] .games-index__matchup { font-size: 21px; gap: 4px; } #app[data-public-view="true"] .games-index__open { font-size: 14px; min-height: 44px; } #app[data-public-view="true"] .games-index__empty { background: #061b3b; color: #fff; padding: 20px; } /* The report header owns the only season/division labels. */ #app[data-public-view="true"][data-view="rink-report"] #main-content .report-wrap--editorial { display: grid; grid-template-columns: minmax(0,1fr); gap: 0; } #app[data-public-view="true"][data-view="rink-report"] #main-content .report-edition { margin: 0; padding: 0; border: 0; } #app[data-public-view="true"][data-view="rink-report"] #main-content .report-edition__title-row { margin: 0 0 12px; padding: 0; } #app[data-public-view="true"][data-view="rink-report"] #main-content .report-edition__title { font-size: 29px; margin: 0; text-transform: none; } #app[data-public-view="true"][data-view="rink-report"] #main-content .report-toolbar--editorial { min-width: 0; display: flex; flex-wrap: wrap; align-items: center; gap: 10px; margin: 0 0 18px; padding: 0; border: 0; } #app[data-public-view="true"][data-view="rink-report"] #main-content .report-season-control { display: block; flex: 0 0 auto; margin: 0; min-width: 0; } #app[data-public-view="true"][data-view="rink-report"] #main-content .report-season-select { display: block; height: 44px; width: 176px; min-width: 0; padding: 8px 12px; font-size: 14px; } #app[data-public-view="true"][data-view="rink-report"] #main-content .report-toolbar__divisions { display: flex; gap: 4px; padding: 3px; border: 1px solid #d7dee7; border-radius: 8px; background: #fff; } #app[data-public-view="true"][data-view="rink-report"] #main-content .report-toolbar__divisions .report-filter__btn { min-width: 0; min-height: 40px; padding: 8px 14px; font-size: 14px; } #app[data-public-view="true"][data-view="rink-report"] #main-content .report-note { font-size: 14px; margin: 0 0 12px; padding: 10px; } #app[data-public-view="true"][data-view="rink-report"] #main-content .report-status { font-size: 14px; margin: 0 0 12px; padding: 0; text-align: left; } #app[data-public-view="true"] :is(.report-note,.report-status)[hidden] { display: none; } #app[data-public-view="true"][data-view="rink-report"] #main-content .report-content { min-width: 0; } #app[data-public-view="true"][data-view="rink-report"] #main-content .public-report-heading { display: flex; align-items: center; justify-content: space-between; gap: 12px; margin: 22px 0 12px; } #app[data-public-view="true"][data-view="rink-report"] #main-content .public-report-heading h2 { font-size: 23px; margin: 0; text-transform: none; } #app[data-public-view="true"][data-view="rink-report"] #main-content .public-report-heading p { margin: 0; font-size: 14px; } #app[data-public-view="true"][data-view="rink-report"] #main-content .report-filters { display: block; min-width: 0; width: auto; margin: 0; padding: 0; background: transparent; border: 0; box-shadow: none; } #app[data-public-view="true"][data-view="rink-report"] #main-content .report-chip-select { display: block; min-width: 0; margin: 0; padding: 0; border: 0; background: transparent; } #app[data-public-view="true"][data-view="rink-report"] #main-content .report-chip-select select { display: block; min-width: 0; min-height: 40px; height: 40px; padding: 8px 12px; font-size: 14px; } #app[data-public-view="true"][data-view="rink-report"] #main-content .public-report-lead { padding: 22px; border-radius: 12px; margin: 0 0 18px; min-height: 0; background: #061b3b; color: #fff; } #app[data-public-view="true"][data-view="rink-report"] #main-content .public-report-lead :is(h3,p) { color: #fff; max-width: none; } #app[data-public-view="true"][data-view="rink-report"] #main-content .public-report-lead h3 { font-size: 26px; margin: 0 0 12px; } #app[data-public-view="true"][data-view="rink-report"] #main-content .public-report-lead p:last-child { margin-bottom: 0; } #app[data-public-view="true"][data-view="rink-report"] #main-content .public-report-lead .public-story__evidence summary { color: #dce5f0; } #app[data-public-view="true"][data-view="rink-report"] #main-content .public-report-insights { display: grid; gap: 16px; margin: 0 0 18px; } #app[data-public-view="true"][data-view="rink-report"] #main-content .public-report-insight { border-left: 3px solid #dcb668; padding-left: 14px; min-width: 0; } #app[data-public-view="true"][data-view="rink-report"] #main-content .public-report-insight h3 { font: 700 17px/1.3 var(--sk3-ui); margin: 0 0 8px; } #app[data-public-view="true"][data-view="rink-report"] #main-content .public-report-insight p { font-size: 15px; margin: 0; } #app[data-public-view="true"][data-view="rink-report"] #main-content .public-report-games { background: transparent; border: 0; overflow: visible; display: grid; grid-template-columns: minmax(0,1fr); gap: 12px; margin: 0; } #app[data-public-view="true"][data-view="rink-report"] #main-content .public-report-game { display: grid; grid-template-columns: minmax(0,1fr) auto; align-content: start; align-items: start; gap: 8px; min-height: 0; margin: 0; padding: 16px; border: 1px solid #d7dee7; border-radius: 12px; background: #fff; } #app[data-public-view="true"][data-view="rink-report"] #main-content .public-report-game > :is(.public-scoreboard,.public-story,.public-report-game__meta) { grid-column: 1 / -1; } #app[data-public-view="true"][data-view="rink-report"] #main-content .public-report-game__meta { font-size: 13px; margin: 0; } #app[data-public-view="true"][data-view="rink-report"] #main-content .public-report-game h3 { font-size: 21px; margin: 0; } #app[data-public-view="true"][data-view="rink-report"] #main-content .public-report-game h3 small { font: 500 14px var(--sk3-ui); padding: 0 8px; } #app[data-public-view="true"][data-view="rink-report"] #main-content .public-report-game .public-story p { font-size: 15px; margin: 0; } #app[data-public-view="true"][data-view="rink-report"] #main-content .public-report-game__action { display: inline-flex; align-items: center; min-height: 40px; padding: 0; margin: 0; font-size: 14px; align-self: end; } #app[data-public-view="true"][data-view="rink-report"] #main-content .public-report-game__periods { grid-column: auto; justify-self: end; min-width: 0; margin: 0; font-size: 14px; } #app[data-public-view="true"][data-view="rink-report"] #main-content .public-report-game__periods summary { min-height: 40px; display: list-item; padding: 9px 0; color: #003ba8; } #app[data-public-view="true"][data-view="rink-report"] #main-content .public-report-game:has(.public-report-game__periods[open]) .public-report-game__periods { grid-column: 1 / -1; justify-self: stretch; width: 100%; } #app[data-public-view="true"] .live-nav { padding: 8px 16px; } #app[data-public-view="true"] :is(.live-scoreboard,.pre-game-waiting-room) { padding: 18px; border-radius: 12px; } #app[data-public-view="true"] .live-scoreboard__teams { margin: 12px 0 4px; gap: 10px; } #app[data-public-view="true"] .live-scoreboard__team { gap: 8px; } #app[data-public-view="true"] .live-scoreboard__team-name { font-size: 26px; min-height: 0; } #app[data-public-view="true"] .live-scoreboard__score { font-size: 48px; } #app[data-public-view="true"] .live-scoreboard__period { margin-top: 12px; font-size: 14px; } #app[data-public-view="true"] .live-game-context { margin: 6px 0 12px; gap: 6px; padding: 0; font-size: 13px; } #app[data-public-view="true"] .live-game-context__phase { display: none; } #app[data-public-view="true"] .live-game-context__coverage:empty { display: none; } #app[data-public-view="true"] .live-connection { margin: 0 0 8px; padding: 8px 12px; font-size: 13px; } #app[data-public-view="true"] .live-connection--final { display: none; } #app[data-public-view="true"] .live-analysis { margin: 0; padding: 16px; } #app[data-public-view="true"] .live-event { padding: 12px; margin: 0 0 8px; } #app[data-public-view="true"] .live-event__header { padding-right: 54px; min-height: 44px; } #app[data-public-view="true"] .live-event__time { font-size: 13px; } #app[data-public-view="true"] .live-feed__title { font-size: 24px; } #app[data-public-view="true"] .live-leaders__watch { color: #63491e; background: #fff2cf; } #app[data-public-view="true"] .live-scoreboard--loading { color: #fff; } #app[data-public-view="true"] .live-scoreboard__loading-text { color: #fff; font-size: 18px; } #app[data-public-view="true"] .pre-game-waiting-room__record { font-size: 14px; } #app[data-public-view="true"] .pre-game-waiting-room__team { font-size: 26px; } #app[data-public-view="true"] [data-copied="true"] { background: #e2f2e7; color: #176040; } #app[data-public-view="true"] .stats-page-heading { padding: 0; margin: 0 0 12px; } #app[data-public-view="true"] .stats-page-heading h1 { font-size: 29px; margin: 0; } #app[data-public-view="true"] .stats-toolbar { margin: 0 0 10px; padding: 0; gap: 10px; } #app[data-public-view="true"] .stats-note { margin: 8px 0; padding: 10px; font-size: 14px; } #app[data-public-view="true"] .stats-table { table-layout: auto; } #app[data-public-view="true"] .stats-col--rank { width: 44px; min-width: 44px; } #app[data-public-view="true"] .stats-table :is(th,td) { padding: 11px 10px; } #app[data-public-view="true"] .stats-col--record { min-width: 94px; white-space: nowrap; } #app[data-public-view="true"] .stats-col--pts { min-width: 58px; } #app[data-public-view="true"] .stats-col--rate { min-width: 76px; } #app[data-public-view="true"] .stats-sort-button { font-size: 14px; min-height: 30px; } #app[data-public-view="true"] .stats-flyout__panel { width: min(800px,100%); max-width: 100%; } #app[data-public-view="true"] .stats-flyout__header { padding: 16px 18px; position: sticky; top: 0; z-index: 5; } #app[data-public-view="true"] .stats-flyout__header h3 { font-size: 28px; margin: 0 0 6px; padding-right: 50px; } #app[data-public-view="true"] .stats-flyout__header p { font-size: 14px; margin: 0; } #app[data-public-view="true"] .stats-flyout__close { width: 44px; height: 44px; top: 12px; right: 12px; } #app[data-public-view="true"] .stats-flyout__content { padding: 16px; } #app[data-public-view="true"] .stats-detail-kpis { display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); gap: 7px; margin: 10px 0 14px; } #app[data-public-view="true"] .stats-detail-kpis:has(>:last-child:nth-child(2)) { grid-template-columns: repeat(2,minmax(0,1fr)); } #app[data-public-view="true"] .stats-detail-kpis:has(>:last-child:nth-child(3)) { grid-template-columns: repeat(3,minmax(0,1fr)); } #app[data-public-view="true"] .stats-detail-kpi { padding: 10px 6px; min-width: 0; min-height: 0; } #app[data-public-view="true"] .stats-detail-kpi dt { font-size: 12px; line-height: 1.3; text-transform: none; letter-spacing: 0; white-space: normal; overflow-wrap: anywhere; } #app[data-public-view="true"] .stats-detail-kpi dd { font-size: 25px; line-height: 1.2; margin: 8px 0 0; } #app[data-public-view="true"] #main-content .stats-detail-kpis--compact .stats-detail-kpi { min-width: 0; width: auto; } #app[data-public-view="true"] #main-content .stats-detail-kpis--compact :is(dt,dd) { max-width: 100%; white-space: normal; overflow-wrap: anywhere; } #app[data-public-view="true"] #main-content .stats-detail-kpis--compact dd { font-size: 20px; } #app[data-public-view="true"] .stats-game-chart-scroll { max-width: 100%; overflow-x: auto; } #app[data-public-view="true"] .stats-game-chart-scroll .stats-game-chart { max-width: none; } #app[data-public-view="true"] .stats-game-chart .stats-chart__tick-label { font-size: 14px; } #app[data-public-view="true"] .stats-game-chart-key { font-size: 13px; line-height: 1.4; margin: 10px 0 0; } #app[data-public-view="true"] .stats-detail-section { padding: 14px; margin: 12px 0; } #app[data-public-view="true"] .stats-detail-section h3 { margin: 0 0 8px; } #app[data-public-view="true"] .stats-recent-game { padding: 12px; gap: 8px; font-size: 14px; } #app[data-public-view="true"] .stats-team-roster__player { padding: 10px; } #app[data-public-view="true"] .stats-team-schedule__row { padding: 12px 0; gap: 8px; } #app[data-public-view="true"] .stats-more-insight { margin: 12px 0; font-size: 14px; } body:has(#app[data-public-view="true"]) .push-panel--open { inset: 0 0 0 auto; width: min(450px,100%); max-width: 100%; height: 100dvh; max-height: 100dvh; padding: 0 16px 16px; overflow: auto; } body:has(#app[data-public-view="true"]) .push-panel__header { margin: 0 -16px 12px; padding: 16px 64px 16px 16px; position: sticky; top: 0; z-index: 5; } body:has(#app[data-public-view="true"]) .push-panel__header h3 { font-size: 26px; margin: 0 0 6px; } body:has(#app[data-public-view="true"]) .push-panel__header p { font-size: 14px; line-height: 1.4; margin: 0; } body:has(#app[data-public-view="true"]) .push-panel__close { position: absolute; width: 44px; height: 44px; right: 12px; top: 12px; } body:has(#app[data-public-view="true"]) .push-panel__selection-summary { padding: 10px; margin: 8px 0; font-size: 14px; } body:has(#app[data-public-view="true"]) .push-panel__section { padding: 12px 0; margin: 0; } body:has(#app[data-public-view="true"]) .push-panel__section h4 { font: 700 16px/1.3 var(--sk3-ui); margin: 0 0 8px; } body:has(#app[data-public-view="true"]) .push-panel__hint { font-size: 14px; line-height: 1.4; margin: 6px 0 10px; } body:has(#app[data-public-view="true"]) .push-panel__levels { gap: 7px; } body:has(#app[data-public-view="true"]) .push-panel__level-btn { display: grid; text-align: left; padding: 12px; gap: 8px; min-height: 64px; grid-template-columns: 24px 88px minmax(0,1fr); } body:has(#app[data-public-view="true"]) :is(.push-panel__level-label,.push-panel__level-desc,.push-panel__team-btn,.push-panel__advanced summary) { font-size: 14px; line-height: 1.35; } body:has(#app[data-public-view="true"]) .push-panel__team-list { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 6px; } body:has(#app[data-public-view="true"]) .push-panel__team-btn { min-width: 0; white-space: normal; padding: 10px; min-height: 52px; } body:has(#app[data-public-view="true"]) .push-panel__footer { padding: 10px 0; position: static; } @media (min-width: 800px) { #app[data-public-view="true"] .rink-lobby__hero-slot { display: grid; grid-template-columns: 1.15fr 1fr; align-items: start; } #app[data-public-view="true"] .home-front__story-moved { grid-column: 1 / -1; } #app[data-public-view="true"][data-view="rink-report"] #main-content .report-wrap--editorial { grid-template-columns: minmax(0,1fr) auto; } #app[data-public-view="true"][data-view="rink-report"] #main-content .report-edition { align-self: center; margin-bottom: 18px; } #app[data-public-view="true"][data-view="rink-report"] #main-content .report-edition__title-row { margin: 0; } #app[data-public-view="true"][data-view="rink-report"] #main-content .report-toolbar--editorial { justify-content: flex-end; } #app[data-public-view="true"][data-view="rink-report"] #main-content .report-wrap--editorial > :is(.report-note,.report-status,.report-content,.report-filters) { grid-column: 1 / -1; } #app[data-public-view="true"][data-view="rink-report"] #main-content .public-report-games { grid-template-columns: repeat(2,minmax(0,1fr)); align-items: start; } #app[data-public-view="true"][data-view="rink-report"] #main-content .public-report-insights { grid-template-columns: repeat(3,minmax(0,1fr)); } #app[data-public-view="true"] .live-scoreboard__teams { max-width: 720px; margin: 8px auto; } #app[data-public-view="true"] .live-scoreboard__team { flex-direction: row; gap: 24px; } } @media (max-width: 600px) { #app[data-public-view="true"] .public-toolbar { flex-wrap: wrap; } #app[data-public-view="true"] .public-season { flex: 1 1 100%; } #app[data-public-view="true"][data-view="rink-report"] #main-content .report-toolbar__divisions { width: 100%; } #app[data-public-view="true"][data-view="rink-report"] #main-content .report-toolbar__divisions .report-filter__btn { flex: 1; } #app[data-public-view="true"][data-view="rink-report"] #main-content .public-report-lead { padding: 18px; } #app[data-public-view="true"][data-view="rink-report"] #main-content .public-report-heading { gap: 8px; } #app[data-public-view="true"][data-view="rink-report"] #main-content .public-report-heading h2 { font-size: 22px; } #app[data-public-view="true"] #main-content .public-scoreboard { grid-template-columns: minmax(0,1fr) auto; text-align: left; row-gap: 7px; } #app[data-public-view="true"] #main-content .public-scoreboard__score { display: contents; } #app[data-public-view="true"] #main-content .public-scoreboard__separator { display: none; } #app[data-public-view="true"] #main-content .public-scoreboard__team--away { grid-column: 1; grid-row: 1; } #app[data-public-view="true"] #main-content .public-scoreboard__number--away { grid-column: 2; grid-row: 1; } #app[data-public-view="true"] #main-content .public-scoreboard__team--home { grid-column: 1; grid-row: 2; } #app[data-public-view="true"] #main-content .public-scoreboard__number--home { grid-column: 2; grid-row: 2; } #app[data-public-view="true"] #main-content .public-scoreboard__number { font: 700 25px/1.2 var(--sk3-display); } #app[data-public-view="true"][data-view="rink-report"] #main-content .public-report-game--upcoming { grid-template-columns: 1fr; } #app[data-public-view="true"][data-view="rink-report"] #main-content .public-report-game__action { min-height: 44px; } #app[data-public-view="true"] .stats-toolbar__filters { display: flex; flex-wrap: wrap; } #app[data-public-view="true"] .stats-toolbar__group { flex: 1; min-width: 140px; } #app[data-public-view="true"] .stats-view-bar { flex-wrap: wrap; } #app[data-public-view="true"] .stats-data-status { width: 100%; } #app[data-public-view="true"] .stats-flyout__panel { border-radius: 0; } #app[data-public-view="true"] .stats-table--players .stats-col--identity { min-width: 142px; } } #app[data-public-view="true"] .public-score-lines { display: flex; flex-wrap: wrap; gap: 8px 20px; font-size: 14px; } #app[data-public-view="true"] .public-score-lines span { border-bottom: 3px solid #123757; padding-bottom: 4px; } #app[data-public-view="true"] .public-score-lines .public-score-lines__home { border-color: #8b5917; border-bottom-style: dashed; } #app[data-public-view="true"] [data-copied="true"]::after { content: "Link copied"; font: 600 12px/1.3 var(--sk3-ui); padding-left: 6px; } #app[data-public-view="true"][data-view="rink-report"] #main-content .rr-nav[hidden] { display: none; } #app[data-public-view="true"][data-view="rink-report"] #main-content .report-filter__btn { text-transform: none; letter-spacing: 0; } #app[data-public-view="true"][data-view="rink-report"] #main-content .public-report-game:last-child { border-bottom: 1px solid #d7dee7; } @media (max-width: 600px) { body:has(#app[data-public-view="true"]) .push-panel--open { inset: 0; width: auto; max-width: 100%; border: 0; } #app[data-public-view="true"] .primary-nav { gap: 4px; padding-inline: 8px; } #app[data-public-view="true"] .primary-nav .desktop-nav__link { font-size: 13px; } #app[data-public-view="true"][data-view="rink-report"] #main-content .report-season-select { width: 100%; } } html:has(#app[data-public-view="true"]):has(.push-panel--open), html:has(#app[data-public-view="true"]):has(.stats-flyout.is-visible) { overflow: hidden; }