/* v45 – rozložení skutečné kostky 4:3 podle nového vizuálu */
.display{display:grid;place-items:center;background:linear-gradient(115deg,#16070d,#02040a 48%,#1b0810)!important;overflow:hidden}
.display #board{
  position:relative;
  width:min(100vw,calc(100vh * 4 / 3));
  height:min(100vh,calc(100vw * 3 / 4))!important;
  aspect-ratio:4/3;
  display:grid!important;
  grid-template-rows:0 85fr 15fr;
  padding:0!important;
  overflow:hidden;
  background:#02040a!important;
}
.display.tickerActive #board{grid-template-rows:10fr 75fr 15fr}

.display #tickerBar{
  grid-row:1;
  order:-1;
  width:100%;
  height:100%!important;
  min-height:0;
  border:0!important;
  background:linear-gradient(90deg,#8c0b23 0%,#e32647 48%,#8c0b23 100%)!important;
  box-shadow:inset 0 -.45vh 0 #06080d,inset 0 .22vh 0 #ff748a!important;
}
.display.cubeScenePenalty #tickerBar{
  background:linear-gradient(90deg,#07090e 0%,#171b23 48%,#07090e 100%)!important;
  box-shadow:inset 0 -.45vh 0 #d91e40,inset 0 .2vh 0 #515865!important;
}
.display.cubeSceneGoal #tickerBar{animation:cubeGoalFlash .55s steps(1) infinite}
@keyframes cubeGoalFlash{50%{background:#080a0f!important}}
.display #tickerTrack{height:100%;align-items:center;animation-duration:15s!important}
.display #tickerTrack span{
  padding-right:7vw!important;
  color:#fff;
  font:1000 5.1vh/1 Arial Black,Arial,sans-serif!important;
  letter-spacing:.055em!important;
  text-transform:uppercase;
}
.display.cubeScenePenalty #tickerTrack span{color:#ef294b}

.display #mediaStage{
  grid-row:2;
  order:0;
  width:100%;
  height:100%!important;
  min-height:0;
  background:linear-gradient(110deg,#240b14 0%,#701027 24%,#0d1729 50%,#791329 76%,#240b14 100%)!important;
}
.display #mediaStage>img,
.display #mediaStage>video,
.display #mediaStage>iframe{
  width:100%!important;
  height:100%!important;
  max-width:none!important;
  max-height:none!important;
  object-position:center!important;
}
.display #boardImage,.display #boardVideo{object-fit:contain!important;transform:none!important;background:transparent!important}

.display #scoreStrip{
  grid-row:3;
  order:1;
  width:100%;
  height:100%!important;
  min-height:0;
  display:grid!important;
  grid-template-columns:minmax(0,1fr) minmax(13.5vw,.34fr) minmax(0,1fr)!important;
  gap:1vw!important;
  align-items:stretch!important;
  padding:.45vh 2vw .35vh!important;
  border:0!important;
  box-shadow:inset 0 .38vh 0 #a60024!important;
}
.display #scoreStrip:before{background:linear-gradient(90deg,#05070b9c,#80001948 50%,#05070b9c)!important}
.display .boardSide{
  height:100%!important;
  min-height:0;
  display:grid!important;
  grid-template-rows:9.6vh 4.3vh;
  align-content:center;
  justify-content:stretch!important;
}
.display .boardTeam{
  width:100%;
  height:9.6vh!important;
  min-height:0;
  gap:1vw!important;
  overflow:visible;
}
.display .boardTeam img{
  width:8.2vh!important;
  height:8.2vh!important;
  min-width:8.2vh!important;
  max-height:8.2vh!important;
}
.display .boardTeam h2{
  min-width:0;
  overflow:hidden;
  font-size:2.15vw!important;
  line-height:.95!important;
  text-overflow:ellipsis;
  white-space:nowrap;
}
.display .boardTeam strong,
.display .boardTeam.away strong{
  width:8.6vh!important;
  height:8.6vh!important;
  min-width:8.6vh!important;
  max-height:8.6vh!important;
  border-width:.25vh!important;
  border-radius:.75vh!important;
  font-size:6.3vh!important;
  line-height:1!important;
}
.display .boardPenalties{
  width:100%;
  height:4.3vh!important;
  min-height:0!important;
  margin:0!important;
  gap:.55vw!important;
  align-items:center!important;
  overflow:hidden;
}
.display .boardPenalties span{
  width:auto;
  min-width:0;
  min-height:3.65vh!important;
  height:3.65vh!important;
  padding:.15vh .65vw!important;
  gap:.48vw!important;
  border-width:.18vh!important;
  border-radius:.45vh!important;
  font-size:1.18vw!important;
}
.display .boardPenalties span b{font-size:1.2vw!important}
.display .boardPenalties span em{font-size:1.18vw!important}
.display .boardPenalties span>strong{font-size:1.42vw!important}
.display .boardCenter{
  height:100%;
  min-height:0;
  align-self:stretch!important;
  justify-content:center!important;
  gap:.35vh!important;
  padding:0!important;
}
.display .boardCenter #bPeriod{
  max-width:15vw;
  margin:0!important;
  padding:.18vh .72vw!important;
  font-size:1.05vw!important;
  line-height:1!important;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
}
.display .boardCenter #bClock{
  width:14.5vw!important;
  height:7.7vh!important;
  margin:0!important;
  border-width:.24vh!important;
  border-radius:.72vh!important;
  font-size:4.35vw!important;
  line-height:1!important;
}
.display #scoreStrip:after{
  top:1.05vh!important;
  width:3.1vw!important;
  height:8.6vh!important;
  max-height:8.6vh!important;
  border-width:.24vh!important;
  border-radius:.72vh!important;
  font-size:3.45vw!important;
}

@media(max-aspect-ratio:1/1){
  .display .boardTeam h2{font-size:2.6vw!important}
  .display .boardCenter #bPeriod{font-size:1.35vw!important}
}

