@import url('https://fonts.googleapis.com/css2?family=Barlow+Condensed:wght@600;700;800&display=swap');
/* SRCC football art direction: ink navy, champagne accents and fluted light.
   Colour washes follow Studio's palette. All artwork is static CSS; the
   original image/video layer and glass blur remain independently adjustable. */
:root { --ui-wash-rgb: 66,92,125; --ui-glass-ink-rgb: 255,255,255; }
body.srccV10 {
  --ui-detail-line: rgba(var(--ui-glass-ink-rgb), .14);
  --fg-page-background:
    radial-gradient(ellipse at 90% 0%, rgba(var(--ui-wash-rgb), .35), transparent 60%),
    radial-gradient(ellipse at 0% 65%, rgba(var(--ui-accent-rgb), .09), transparent 55%), #07111c;
  background: var(--fg-page-background);
}
/* The legacy media layer stays mounted even when media is off. */
body.srccV10.srccLogged:not(.hasAppMedia),
body.srccV10.srccLogged:not(.hasAppMedia) #appMediaLayer,
body.srccV10:not(.srccLogged):not(.hasLoginMedia) { background: var(--fg-page-background) !important; }
body.srccV10.srccLogged:not(.hasAppMedia) #appMediaLayer .mediaOverlay { background: transparent !important; }
body.srccV10 :is(.v12MatchPanel, #mainView > section:not([data-page="home"]), #authView .card, #completeProfileView .card) {
  background-image:
    radial-gradient(ellipse at 95% 0%, rgba(var(--ui-wash-rgb), .82), transparent 60%),
    radial-gradient(ellipse at 100% 5%, rgba(var(--ui-accent-rgb), .16), transparent 42%),
    linear-gradient(125deg, #ffffff16, transparent 38%, #ffffff03) !important;
  border-color: rgba(var(--ui-glass-ink-rgb), .19) !important;
  border-top-color: rgba(var(--ui-glass-ink-rgb), .34) !important;
  box-shadow: inset 0 1px 0 #ffffff18, inset 1px 0 0 #ffffff0a, 0 20px 65px #00000026 !important;
}
/* A club-poster heading, sized to leave the day's actions within easy reach. */
body.srccV10 .v12MatchPanel .v10Hero {
  display: grid; grid-template-columns: minmax(0, 1fr) auto;
  align-items: center; gap: 12px 14px; position: relative; isolation: isolate;
  padding-bottom: 22px; margin-bottom: 24px;
  border-bottom: 1px solid var(--ui-detail-line) !important;
  overflow: hidden;
}
.v12MatchPanel .v10Hero::before {
  content: ''; position: absolute; inset: 0 0 0 auto; width: 52%; z-index: -1;
  background:
    radial-gradient(ellipse at 100% 0%, rgba(var(--ui-accent-rgb), .14), transparent 70%),
    repeating-linear-gradient(90deg, #ffffff00 0 12px, #ffffff0a 20px, #ffffff28 27px, #00000015 31px, #ffffff00 44px);
  -webkit-mask-image: linear-gradient(90deg, transparent, #000 75%);
  mask-image: linear-gradient(90deg, transparent, #000 75%);
  opacity: .6; pointer-events: none;
}
.fgClubLine { display: flex; align-items: center; gap: 9px; font-size: .625rem; letter-spacing: .16em; font-weight: 650; color: var(--ui-surface-muted); }
.fgClubLine::before { content: ''; width: 20px; height: 3px; background: var(--ui-accent); border-radius: 4px; flex: 0 0 20px; }
body.srccV10 #nextMatch.uiMatchCard .v12MatchPanel .v10Hero h2 {
  grid-column: 1 / -1;
  font-family: 'Arial Narrow', 'Roboto Condensed', Impact, sans-serif;
  font-size: clamp(2.4rem, 5vw, 3.8rem) !important;
  line-height: .98 !important; letter-spacing: -.035em !important;
  font-weight: 800; text-transform: uppercase;
  color: var(--ui-surface-text) !important;
  margin: 0 !important; padding-right: 6px; text-wrap: balance;
}
body.srccV10 #nextMatch .v12MatchPanel .v10Status {
  justify-self: end; font-size: .625rem; font-weight: 600;
  padding: 7px 10px; background: rgba(var(--ui-surface-rgb), .45);
  border: 1px solid rgba(var(--ui-accent-rgb), .48);
  color: var(--ui-surface-text); letter-spacing: .01em;
}
body.srccV10 .v12MatchPanel .v11DateNumber, #matchHub .mhOverview > .mhDate {
  background: linear-gradient(130deg, #ffffff38, #ffffff03 48%, #0000000b), var(--ui-accent);
  border: 1px solid #ffffff50;
  box-shadow: inset 0 1px 0 #ffffff54, 0 7px 18px rgba(var(--ui-accent-rgb), .10);
  border-radius: calc(var(--ui-radius) * .6);
}
.v12MatchPanel .v11DateNumber strong { font-family: inherit; font-weight: 800; }
.v12MatchPanel .v11MatchDate > div:last-child > strong { font-weight: 600; }
.v12MatchPanel .v11MatchDate > div:last-child > span { letter-spacing: -.04em; }
.v12MatchPanel .v10Clock > strong { letter-spacing: -.045em; font-weight: 750; }
.v12MatchPanel .v10Clock, .v12MatchPanel .v10Attendance,
.v12MatchPanel .v10DetailsActions, .mhContent, .mhLineup, .mhMatchClock,
.mhActions, #mhHistory, .maDisclosure { border-color: var(--ui-detail-line); }
.v12MatchPanel .v10Facts a { text-decoration-color: rgba(var(--ui-glass-ink-rgb), .4); }
/* Controls have quiet flat centres and a reflective lip, not extra blur. */
.v12MatchPanel .v10Attendance .uiAttendance button {
  border-color: rgba(var(--ui-glass-ink-rgb), .23);
  border-radius: calc(var(--ui-radius) * .55);
  background: rgba(var(--ui-surface-rgb), .20);
  box-shadow: inset 0 1px 0 #ffffff0d;
}
body.srccV10 .v12MatchPanel .v10Gold,
body.srccV10 #matchHub .mhPrimary {
  background: linear-gradient(125deg, #ffffff28, transparent 55%), var(--ui-accent);
  border-color: #ffffff45; color: var(--ui-accent-text);
  box-shadow: inset 0 1px 0 #ffffff48, 0 6px 20px #0000000d;
  border-radius: calc(var(--ui-radius) * .6);
}
.v12CheckinNote { border-style: solid; border-color: rgba(var(--ui-glass-ink-rgb), .12); background: rgba(var(--ui-surface-rgb), .12); }
.v12ReadyButton { border-color: rgba(var(--ui-glass-ink-rgb), .23); }
.v12ReadyButton[aria-pressed="true"] { border-color: rgba(var(--ui-accent-rgb), .65); }

/* Thin material edges tie the roster and club screens to the matchday poster. */
body.srccV10 #mainView > section:not([data-page="home"]) > .eyebrow,
#matchHub .mhHeading .mhEyebrow { font-weight: 600; letter-spacing: .18em; }
body.srccV10 #mainView > section:not([data-page="home"]) > h1,
#matchHub h1 { font-weight: 750; letter-spacing: -.045em; }
.mhPersonal { background: linear-gradient(110deg, rgba(var(--ui-accent-rgb), .08), rgba(var(--ui-surface-rgb), .14)); border: 1px solid rgba(var(--ui-glass-ink-rgb), .1); }
.mhResponse, .mhRosterTabs { border-color: var(--ui-detail-line); }
.mhRosterTabs button[aria-pressed="true"] { box-shadow: inset 0 -2px 0 rgba(var(--ui-accent-rgb), .7); }
body.srccV10 #playersList .v61PlayerCard {
  background: linear-gradient(120deg, #ffffff0c, transparent 60%), rgba(var(--ui-surface-rgb), .18);
  border-color: rgba(var(--ui-glass-ink-rgb), .14);
  border-top-color: rgba(var(--ui-glass-ink-rgb), .25);
  box-shadow: inset 0 1px 0 #ffffff09;
}
body.srccV10 #mainView #statsTabs, body.srccV10 #mainView .uiAdminTabs { border-color: var(--ui-detail-line); background: rgba(var(--ui-surface-rgb), .25); }
body.srccV10 #statsList .player { border-bottom-color: rgba(var(--ui-glass-ink-rgb), .11); }
body.srccV10 #statsList .player:first-child { box-shadow: inset 3px 0 0 var(--ui-accent); }
.maStep {
  background: linear-gradient(135deg, #ffffff0b, transparent), rgba(var(--ui-surface-rgb), .12);
  border-color: rgba(var(--ui-glass-ink-rgb), .16);
  border-top-color: rgba(var(--ui-glass-ink-rgb), .27);
  border-radius: calc(var(--ui-radius) * .65);
}
body.srccV10 #uiProfileActions :is(#adminOpenBtn, #notifyBtn) { border-color: rgba(var(--ui-glass-ink-rgb), .21); }
/* The navigation is a single frosted rail; gold identifies the current page. */
body.srccV10 #bottomNav {
  background-image: linear-gradient(115deg, #ffffff15, transparent 55%, rgba(var(--ui-wash-rgb), .30)) !important;
  border-color: rgba(var(--ui-glass-ink-rgb), .22) !important;
  border-top-color: rgba(var(--ui-glass-ink-rgb), .38) !important;
  box-shadow: inset 0 1px 0 #ffffff24, 0 12px 35px #00000026 !important;
}
body.srccV10 #bottomNav button.active { box-shadow: inset 0 1px 0 #ffffff48, 0 3px 12px #00000012 !important; }
@media (min-width: 761px) {
  body.srccV10 #bottomNav button { flex: 1 1 0; }
  body.srccV10 #bottomNav { margin-bottom: 22px !important; }
}
@media (max-width: 760px) {
  body.srccV10 .v12MatchPanel { padding-top: 18px; }
  body.srccV10 .v12MatchPanel .v10Hero { gap: 14px 8px; padding-bottom: 18px; margin-bottom: 20px; }
  .fgClubLine { font-size: .53rem; gap: 6px; letter-spacing: .09em; }
  .fgClubLine::before { width: 12px; flex-basis: 12px; height: 2px; }
  body.srccV10 #nextMatch .v12MatchPanel .v10Status { font-size: .58rem; padding: 6px 8px; gap: 5px; }
  body.srccV10 #nextMatch.uiMatchCard .v12MatchPanel .v10Hero h2 { font-size: clamp(2.2rem, 9vw, 2.8rem) !important; }
  .v12MatchPanel .v10Hero::before { width: 44%; opacity: .4; }
  .v12MatchPanel .v10Clock > strong { font-size: clamp(1.15rem, 5.5vw, 1.4rem); }
}
@media (max-width: 370px) {
  body.srccV10 #nextMatch.uiMatchCard .v12MatchPanel .v10Hero h2 { font-size: 2.05rem !important; }
  .fgClubLine { font-size: .5rem; }
}
@media (prefers-reduced-transparency: reduce) {
  .v12MatchPanel .v10Hero::before { display: none; }
}

/* Next Matchday: one date line, one time line, and state-dependent actions. */
body.srccV10 #nextMatch.uiMatchCard .v12MatchPanel.v15CompactMatch .v10Hero {
  display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;
  gap:10px 18px;padding-bottom:15px;margin-bottom:20px;
}
body.srccV10 #nextMatch.uiMatchCard .v12MatchPanel.v15CompactMatch .v10Hero::before { display:none; }
body.srccV10 #nextMatch.uiMatchCard .v12MatchPanel.v15CompactMatch .v10Hero h2 {
  grid-column:auto;font-size:clamp(28px,4vw,46px)!important;line-height:1.04!important;
}
body.srccV10 #nextMatch .v15CompactMatch .v15When { display:grid;gap:6px; }
body.srccV10 #nextMatch .v15CompactMatch .v15When strong {
  color:var(--ui-surface-text);font-size:clamp(23px,3vw,33px);
  line-height:1.1;font-weight:750;letter-spacing:-.035em;
}
body.srccV10 #nextMatch .v15CompactMatch .v15When span {
  color:var(--ui-surface-text);font-size:clamp(17px,2.2vw,24px);font-weight:650;
  font-variant-numeric:tabular-nums;
}
body.srccV10 #nextMatch .v15CompactMatch .v10Facts {
  padding-left:0;margin-top:12px;font-size:14px;
}
body.srccV10 #nextMatch .v15CompactMatch .v10Attendance { margin-top:18px;padding-top:14px; }
body.srccV10 #nextMatch .v15CompactMatch .v12ActionRow { margin-top:18px; }
body.srccV10 #nextMatch .v15CompactMatch .v10DetailsActions { margin-top:14px; }
body.srccV10 #nextMatch .v15CompactMatch .v10SaveStatus:empty { display:none; }
@media (max-width:760px) {
  body.srccV10 #nextMatch.uiMatchCard .v12MatchPanel.v15CompactMatch .v10Hero { margin-bottom:16px; }
  body.srccV10 #nextMatch .v15CompactMatch .v12Overview { gap:14px; }
  body.srccV10 #nextMatch .v15CompactMatch .v10Clock { padding-top:12px; }
}

/* Highlight the match's own date without expanding the compact card. */
body.srccV10 #nextMatch .v15CompactMatch .v16When { display:grid;gap:13px;min-width:0; }
body.srccV10 #nextMatch .v15CompactMatch .v16Date {
  border-left:4px solid var(--ui-accent);padding-left:clamp(14px,1.6vw,22px);
}
body.srccV10 #nextMatch .v15CompactMatch .v16Weekday {
  display:block;color:var(--ui-accent);font-size:clamp(13px,1.5vw,16px);
  line-height:1.25;font-weight:800;letter-spacing:.17em;text-transform:uppercase;
}
body.srccV10 #nextMatch .v15CompactMatch .v16Date strong {
  display:block;margin-top:3px;color:var(--ui-surface-text);
  font-size:clamp(46px,6vw,72px);line-height:1.02;
  font-weight:800;letter-spacing:-.06em;white-space:nowrap;
}
body.srccV10 #nextMatch .v15CompactMatch .v16Date em {
  color:var(--ui-accent);font-style:normal;
}
body.srccV10 #nextMatch .v15CompactMatch .v16Time {
  display:block;color:var(--ui-surface-text);font-size:clamp(17px,2.2vw,23px);
  line-height:1.25;font-weight:650;font-variant-numeric:tabular-nums;
}
@media (max-width:370px) {
  body.srccV10 #nextMatch .v15CompactMatch .v16Date strong { font-size:clamp(42px,14vw,50px); }
}

/* Selected sports lettering for the Home match card, option 1. */
body.srccV10 #nextMatch.uiMatchCard .v12MatchPanel.v15CompactMatch .v10Hero h2,
body.srccV10 #nextMatch .v15CompactMatch .v16Date {
  font-family:'Barlow Condensed','Arial Narrow',Impact,sans-serif!important;
}
body.srccV10 #nextMatch.uiMatchCard .v12MatchPanel.v15CompactMatch .v10Hero h2 {
  font-size:clamp(34px,5vw,56px)!important;
  line-height:.96!important;
  letter-spacing:.02em!important;
}
body.srccV10 #nextMatch .v15CompactMatch .v16Weekday {
  font-size:clamp(17px,2vw,23px);letter-spacing:.14em;
}
body.srccV10 #nextMatch .v15CompactMatch .v16Date strong {
  font-size:clamp(62px,7vw,92px);line-height:1.04;letter-spacing:.005em;
}
@media(max-width:370px){
  body.srccV10 #nextMatch.uiMatchCard .v12MatchPanel.v15CompactMatch .v10Hero h2 {
    font-size:clamp(30px,8vw,38px)!important;
  }
  body.srccV10 #nextMatch .v15CompactMatch .v16Date strong { font-size:clamp(52px,16vw,66px); }
}

/* Personal check-in and live-quarter progress inside the compact match card. */
body.srccV10 #nextMatch .v17MyCheckin { display:flex;align-items:center;gap:8px;margin-top:7px;color:var(--ui-surface-muted);font-size:13px;font-weight:600; }
body.srccV10 #nextMatch .v17MyCheckin i { width:8px;height:8px;flex:none;border-radius:50%;background:var(--ui-accent); }
body.srccV10 #nextMatch .v17MyCheckin.isHere i { background:#83d6ab; }
body.srccV10 #nextMatch .v17Progress { margin-top:20px; }
body.srccV10 #nextMatch .v17Progress > span { display:block;margin-bottom:10px;color:var(--ui-surface-muted);font-size:11px;font-weight:750;letter-spacing:.14em; }
body.srccV10 #nextMatch .v17Progress ol { display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px;margin:0;padding:0;list-style:none; }
body.srccV10 #nextMatch .v17Progress li { border-top:4px solid #ffffff40;padding-top:8px;text-align:center;color:var(--ui-surface-muted);font-size:12px;font-weight:700;white-space:nowrap; }
body.srccV10 #nextMatch .v17Progress li.isDone { border-color:#a5c6b2;color:var(--ui-surface-text); }
body.srccV10 #nextMatch .v17Progress li.isCurrent { border-color:var(--ui-accent);color:var(--ui-accent); }
body.srccV10 #nextMatch .v16Date.v17DateGlow { animation:v17DateGlow 1.3s ease-out 1; }
@keyframes v17DateGlow { 0% { filter:brightness(1); } 35% { filter:brightness(1.32); } 100% { filter:brightness(1); } }
@media(max-width:430px) { body.srccV10 #nextMatch .v17Progress ol { gap:4px; } body.srccV10 #nextMatch .v17Progress li { font-size:11px; } body.srccV10 #nextMatch .v17Progress li.isCurrent { font-size:10px; } }
@media(prefers-reduced-motion:reduce) { body.srccV10 #nextMatch .v16Date.v17DateGlow { animation:none; } }
body.srccV10.uiNoMotion #nextMatch .v16Date.v17DateGlow,body.srccV10.v7NoMotion #nextMatch .v16Date.v17DateGlow { animation:none; }

/* Extra quarters scroll horizontally while the first five retain their usual width. */
body.srccV10 #nextMatch .v17Progress ol{display:flex;overflow-x:auto;scrollbar-width:thin;padding-bottom:6px}
body.srccV10 #nextMatch .v17Progress li{flex:0 0 max(64px,calc((100% - 32px)/5))}