/* Shared result styling for host and audience screens. */
#prize-panel .card-face {
  background: linear-gradient(145deg, #fff8dc, #ffe3a0) !important;
  border: 3px solid #b67d24;
  box-shadow: inset 0 0 0 3px #fff5c7;
  overflow: hidden;
  display: grid;
  place-items: center;
}

#prize-panel .card-face:empty::before {
  content: '?';
  font: 400 clamp(36px, 6cqw, 100px)/1 AdumuTitle, sans-serif;
  color: #a82032;
}

#machine-slots .slot-value,
#machine-slots .slot-strip span {
  color: #ff0000;
  text-shadow: none;
}

body[data-view] .stage #winner-note {
  color: #ff0000;
  text-shadow: none;
  font-family: AdumuTitle, AdumuFull, AdumuWinner, sans-serif;
  font-weight: 400;
  font-size: clamp(24px, 2.3cqw, 44px);
  line-height: 1.15;
  text-align: center;
  text-transform: uppercase;
  letter-spacing: 0;
  margin: 0;
  padding: 22px 10px 10px;
  border: 3px solid #d6a03d;
  border-radius: 12px;
  background: linear-gradient(135deg, #fff9dd, #ffe5a0);
  box-shadow: inset 0 0 0 2px #fff6d1, 0 0 0 2px #7b1630, 0 4px 10px #32150060;
  overflow-wrap: anywhere;
  text-wrap: balance;
  max-height: none;
  overflow: visible;
}

body[data-view] .stage #winner-note::before {
  content: '';
  position: absolute;
  top: -24px;
  left: -4%;
  width: 108%;
  height: 48px;
  background: url('../images/nameplate-casino.svg') center / 100% 100% no-repeat;
  pointer-events: none;
}

@media (max-width: 1024px) {
  body[data-view=admin] .stage #winner-note {
    position: relative;
  }
}

body[data-view] .stage #winner-photo.registered-photo img {
  transform: scale(1.15);
  transform-origin: center;
}

@media (min-width: 1025px) {
  body[data-view] .stage #winner-photo {
    left: 74.4%;
    top: 12%;
    width: 22%;
    height: 49%;
  }
  body[data-view] .stage #winner-note {
    left: 75.4%;
    top: 57%;
    width: 20%;
  }
}