/* Fallback measurements for TV browsers without CSS container query units. */
.countdown-overlay { top: 0; right: 0; bottom: 0; left: 0; width: 100%; height: 100%; }
.countdown-overlay strong { font: 800 28vw/.8 Arial,sans-serif; text-shadow: 0 0 1.5vw rgba(237,255,0,.34), 0 .7vw 1.3vw #000; }
.cast-button { right: 1.2vw; top: 1.2vw; gap: .55vw; height: 3.2vw; padding: 0 1vw; border-radius: .45vw; box-shadow: 0 .3vw .8vw rgba(0,0,0,.45); font-size: 1vw; }
.cast-button svg { width: 1.35vw; }
.display-header { padding: 0 2vw; }
.event-brand { gap: .6vw; font-size: 1.55vw; }
.event-logo { width: 4vw; }
.display-header h1 { font-size: 3.8vw; }
.display-header h1 em { padding: 0 .35vw; }
.name-row h2 { font-size: 3.35vw; }
.country-strip strong { font-size: 4.4vw; }
.country-flag { width: 12vw; border: .55vw solid #070707; }
.country-flag i { font: normal 1.05vw/1 Arial,sans-serif; }
.country-flag .star-main { left: 1.15vw; top: 1.2vw; font-size: 2.65vw; }
.country-flag i:nth-child(2) { left: 4.25vw; top: .8vw; }
.country-flag i:nth-child(3) { left: 5.1vw; top: 2vw; }
.country-flag i:nth-child(4) { left: 5vw; top: 3.45vw; }
.country-flag i:nth-child(5) { left: 4vw; top: 4.4vw; }
.camera-icon { width: 13vw; padding: 3.3vw 3vw; }
.big-score { font: 700 18vw/.8 Arial,sans-serif; text-shadow: 0 .5vw 1.2vw rgba(0,0,0,.22); }
.fighter-footer { padding: 0 4vw; }
.fighter-footer > span { font-size: 1.55vw; }
.fighter-footer b { font-size: 3.65vw; }
.match-number span { font-size: 2.35vw; }
.match-number strong { font-size: 5.5vw; }
.match-center time { margin: 0 -.5vw; border: .18vw solid #eee; border-radius: .25vw; font: 700 7.5vw/.9 Arial,sans-serif; }
.round-number > span { font-size: 5.7vw; }
.connection-state { bottom: .5vw; font-size: .7vw; }

@media (max-aspect-ratio: 4/3) {
  .display-header h1 { font-size: 3.2vw; }
}

@supports not (gap: 1px) {
  .event-logo { margin-right: .6vw; }
  .cast-button svg { margin-right: .55vw; }
}