/* v47 – skutečně responzivní vyplnění obrazovky a čistší geometrie scoreboardu */
.display #board{
  width:100vw!important;
  height:100vh!important;
  aspect-ratio:auto!important;
  max-width:none!important;
  max-height:none!important;
}

/* Obrázek i video vyplní celou mediální plochu. Full HD se v běžném poměru neořízne. */
.display #boardImage,
.display #boardVideo{
  inset:0!important;
  width:100%!important;
  height:100%!important;
  object-fit:cover!important;
  object-position:center center!important;
}
.display #mediaStage.mediaBackdropImage:before{display:none!important}

.display #scoreStrip{
  grid-template-columns:minmax(0,1fr) clamp(190px,16vw,340px) minmax(0,1fr)!important;
  gap:clamp(8px,1.1vw,24px)!important;
  padding:.3vh clamp(16px,2vw,42px)!important;
}
.display .boardSide{grid-template-rows:10.35vh 3.65vh!important}
.display .boardTeam{height:10.35vh!important;gap:clamp(10px,1vw,22px)!important}
.display .boardTeam img{
  width:10vh!important;
  height:10vh!important;
  min-width:10vh!important;
  max-height:10vh!important;
}
.display .boardTeam strong,
.display .boardTeam.away strong{
  width:11vh!important;
  height:10.55vh!important;
  min-width:11vh!important;
  max-height:10.55vh!important;
  border-radius:0!important;
  clip-path:polygon(14% 0,100% 0,100% 78%,82% 100%,0 100%,0 20%);
  box-shadow:none!important;
  font-size:7.45vh!important;
  text-shadow:0 .18vh .3vh #780018;
}
.display .boardTeam.away strong{clip-path:polygon(0 0,86% 0,100% 20%,100% 100%,18% 100%,0 78%)}
.display .boardTeam strong:after,.display .boardTeam.away strong:after{display:none!important}

.display .boardCenter{
  position:relative;
  align-self:center!important;
  height:12.4vh!important;
  padding:.65vh .8vw .55vh!important;
  gap:.35vh!important;
  border:.18vh solid #ed2349;
  background:linear-gradient(180deg,#17191f 0%,#07080c 100%);
  clip-path:polygon(7% 0,93% 0,100% 15%,100% 85%,93% 100%,7% 100%,0 85%,0 15%);
  box-shadow:inset 0 0 0 .18vh #3b3e47;
}
.display .boardCenter #bPeriod{
  width:max-content!important;
  max-width:95%!important;
  padding:.32vh .9vw!important;
  border-radius:999px!important;
  background:#ed0037!important;
  color:#fff!important;
  font-size:clamp(12px,1.05vw,23px)!important;
  letter-spacing:.11em!important;
  line-height:1!important;
  text-shadow:none!important;
}
.display .boardCenter #bClock{
  width:100%!important;
  height:7.65vh!important;
  color:#fff!important;
  font-size:clamp(48px,4.65vw,96px)!important;
  letter-spacing:-.055em!important;
  text-shadow:0 .25vh .45vh #000!important;
}

.display .boardPenalties{height:3.65vh!important}
.display .boardPenalties span{
  height:3.25vh!important;
  min-height:3.25vh!important;
  clip-path:polygon(5% 0,100% 0,95% 100%,0 100%);
  border-radius:0!important;
}

.display #cubeSceneFixed{padding-inline:clamp(20px,3vw,64px)}
.display #cubeSceneFixed strong{font-size:clamp(26px,4.2vh,74px)}
.display #cubeSceneFixed img{height:7.2vh;max-width:12vw}
.display #tickerTrack span{font-size:clamp(30px,4.8vh,82px)!important}

@media(max-aspect-ratio:1/1){
  .display #scoreStrip{grid-template-columns:minmax(0,1fr) 22vw minmax(0,1fr)!important;padding-inline:1vw!important}
  .display .boardTeam h2{font-size:2.7vw!important}
  .display .boardCenter #bClock{font-size:5.4vw!important}
}
