/* Fanatics Live–style embed. No native chrome. No CSS gradients. */
[data-player] { position: relative; }
[data-player]:fullscreen, [data-player]:-webkit-full-screen { border-radius: 0; width: 100%; height: 100%; }
[data-player] video {
  display: block; width: 100%; height: 100%; object-fit: cover;
  background: #061631;
}
[data-player] video::-webkit-media-controls,
[data-player] video::-webkit-media-controls-enclosure,
[data-player] video::-webkit-media-controls-panel { display: none !important; }

.vp-ui { position: absolute; inset: 0; z-index: 2; pointer-events: none; }
.vp-ui > * { pointer-events: auto; }

.vp-play {
  position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%);
  width: 44px; height: 44px; padding: 0; border: 0; border-radius: 50%;
  background: rgba(6, 22, 49, .82); color: #fff; cursor: pointer;
  display: grid; place-items: center;
  box-shadow: 0 8px 24px rgba(0, 0, 0, .28);
  opacity: 0; pointer-events: none;
  transition: opacity .2s ease;
}
.vp-play:hover, .vp-play:focus-visible { background: #E53D2E; }
.vp-play .hi, .vp-play .hi > div {
  display: flex; align-items: center; justify-content: center; line-height: 0;
}
.vp-play .vp-icon-play { transform: translateX(1px); }
.hi { display: inline-flex; align-items: center; justify-content: center; line-height: 0; color: inherit; pointer-events: none; }
.hi > div { display: flex; line-height: 0; }
.vp-play .vp-pause { display: none; }
[data-player].is-chrome .vp-play,
[data-player]:focus-within .vp-play,
[data-player].is-scrubbing .vp-play {
  opacity: 1;
  pointer-events: auto;
}
[data-player].is-playing .vp-play .vp-icon-play { display: none; }
[data-player].is-playing .vp-play .vp-pause { display: flex; }
[data-player="full"] .vp-play { width: 52px; height: 52px; }

.vp-dock {
  position: absolute; left: 0; right: 0; bottom: 0;
  padding: 10px 10px 8px;
  background: rgba(6, 22, 49, .78);
  opacity: 0;
  pointer-events: none;
  transition: opacity .2s ease;
}
[data-player].is-chrome .vp-dock,
[data-player]:focus-within .vp-dock,
[data-player].is-scrubbing .vp-dock {
  opacity: 1; pointer-events: auto;
}
@media (hover: none) {
  .vp-dock { padding: 12px 12px calc(10px + env(safe-area-inset-bottom, 0px)); }
  .vp-play { width: 52px; height: 52px; }
  .vp-mute, .vp-fs { width: 40px; height: 40px; }
  .vp-scrub { height: 28px; }
  .vp-knob { opacity: 1; width: 14px; height: 14px; margin: -7px 0 0 -7px; }
}

.vp-scrub {
  position: relative; height: 16px; margin: -6px 0 4px; cursor: pointer;
  display: flex; align-items: center;
}
.vp-track {
  position: relative; display: block; width: 100%; height: 3px;
  background: rgba(255, 255, 255, .22); border-radius: 999px; overflow: visible;
}
.vp-scrub:hover .vp-track, .vp-scrub:focus-visible .vp-track,
[data-player].is-scrubbing .vp-track { height: 5px; }
.vp-fill {
  display: block; height: 100%; width: 0%; background: #E53D2E; border-radius: 999px;
}
.vp-knob {
  position: absolute; top: 50%; width: 10px; height: 10px; margin: -5px 0 0 -5px;
  background: #fff; border-radius: 50%; left: 0; opacity: 0;
  box-shadow: 0 1px 4px rgba(0, 0, 0, .35);
}
.vp-scrub:hover .vp-knob, [data-player].is-scrubbing .vp-knob { opacity: 1; }

.vp-row {
  display: flex; align-items: center; gap: 8px; min-height: 22px;
}
.vp-time {
  margin-right: auto;
  font-family: "Odudo", "Helvetica Neue", Arial, sans-serif;
  font-weight: 700; font-size: 11px; letter-spacing: .04em;
  color: rgba(255, 255, 255, .88); font-variant-numeric: tabular-nums;
}
.vp-mute, .vp-fs {
  width: 28px; height: 28px; padding: 0; border: 0; border-radius: 999px;
  background: rgba(255, 255, 255, .1); color: #fff; cursor: pointer;
  display: grid; place-items: center;
}
.vp-mute:hover, .vp-fs:hover, .vp-mute:focus-visible, .vp-fs:focus-visible {
  background: rgba(255, 255, 255, .2);
}
.vp-mute svg, .vp-fs svg { display: block; }
.vp-mute .vp-on { display: block; }
.vp-mute .vp-off { display: none; }
[data-player].is-muted .vp-mute .vp-on { display: none; }
[data-player].is-muted .vp-mute .vp-off { display: block; }

.vp-line {
  position: absolute; left: 0; right: 0; bottom: 0; height: 3px;
  background: rgba(255, 255, 255, .16); pointer-events: none; z-index: 1;
}
.vp-line i {
  display: block; height: 100%; width: 0%; background: #E53D2E;
}
[data-player].is-chrome .vp-line,
[data-player]:focus-within .vp-line,
[data-player].is-scrubbing .vp-line { opacity: 0; }

.vp-cue { display: none; }
video::cue { display: none; }
video::-webkit-media-text-track-display { display: none; }