/* Live readouts align to the dark interiors of the 1000 x 1800 cabinet artwork.
   Main plaques: (278,773) and (723,773); bet plaque: (501,1466).
   Labels and values share each plaque's horizontal anchor and safe padding. */
html[data-layout="portrait"] .portrait-meter-label {
  display: grid;
  place-items: center;
  height: 1.444444%;
  top: 40.888889%;
  margin: 0;
  padding: 0 1.6cqw;
  font-size: 2.4cqw;
  line-height: 1;
  letter-spacing: .1cqw;
}
html[data-layout="portrait"] .portrait-balance-label,
html[data-layout="portrait"] #balance {
  left: 7.3%;
  width: 41%;
}
html[data-layout="portrait"] .portrait-win-label,
html[data-layout="portrait"] #win {
  left: 51.8%;
  width: 41%;
}
html[data-layout="portrait"] .meter {
  top: 42.333333%;
  height: 2.666667%;
  margin: 0;
  padding: 0 2cqw;
  font-size: 4.3cqw;
  line-height: 1;
  display: grid;
  place-items: center;
  white-space: nowrap;
}
html[data-layout="portrait"] .portrait-bet-label,
html[data-layout="portrait"] #bet {
  left: 39.5%;
  width: 21.2%;
}
html[data-layout="portrait"] .portrait-bet-label {
  top: 79.555556%;
  height: 1.277778%;
  padding: 0 .7cqw;
  font-size: 2.05cqw;
  letter-spacing: .07cqw;
}
html[data-layout="portrait"] #bet {
  top: 80.833333%;
  height: 2.333333%;
  padding: 0 1.2cqw;
  font-size: 3.8cqw;
}

/* The source frame includes transparent vertical padding. At 158% background
   height its painted centre falls at 46.75%, not halfway down the element. */
html[data-layout="portrait"] .pulse-side .panel-content {
  inset: 12.75% 10% 19.25%;
  padding: 0;
  gap: .75cqw;
}
html[data-layout="portrait"] .pulse-panel-title,
html[data-layout="portrait"] .pulse-side strong {
  margin: 0;
  min-width: 0;
  max-width: 100%;
  text-align: center;
  justify-content: center;
  align-items: center;
}
html[data-layout="portrait"] .pulse-panel-title canvas,
html[data-layout="portrait"] .pulse-side strong canvas,
html[data-layout="portrait"] .pulse-jackpot canvas {
  object-position: center;
  flex-shrink: 1;
  min-width: 0;
}
html[data-layout="portrait"] .life-lights {
  margin: 0;
  align-items: center;
  justify-content: center;
}
html[data-layout="portrait"] .pulse-jackpot {
  text-align: center;
}
html[data-layout="portrait"] .pulse-jackpot > span,
html[data-layout="portrait"] .pulse-jackpot > strong {
  display: flex;
  align-items: center;
  justify-content: center;
  min-width: 0;
  margin: 0;
}
/* Let long bitmap totals take their natural, smaller height after width fitting,
   so the label-and-number pair stays centred as an entire group. */
html[data-layout="portrait"] .pulse-side strong {
  height: auto;
  max-height: 5.3cqw;
}
html[data-layout="portrait"] .pulse-side strong canvas {
  width: auto;
  height: auto;
  max-width: 100%;
  max-height: 5.3cqw;
}
/* The life artwork has extra transparent padding below its visible gold heart.
   Shift the whole label-and-hearts group down 4.4 design pixels to compensate. */
html[data-layout="portrait"] #pulseHud .pulse-side-left .panel-content {
  inset: 15.925% 10% 16.075%;
}