/* One shared interaction for the wheel, contact links, and poll choices. */
:is(.spin-button, .contact-action .button, .header-contact, .vote-buttons button) {
  transform-origin: center;
  transition: transform 280ms cubic-bezier(.2,.75,.25,1),
    box-shadow 280ms ease, background 250ms ease, border-color 250ms ease, color 250ms ease;
}
@media (hover: hover) and (pointer: fine) and (min-width: 801px) {
  :is(.spin-button, .contact-action .button, .header-contact, .vote-buttons button):not(:disabled):is(:hover, :focus-visible) {
    position: relative;
    z-index: 5;
    transform: translateY(-2px) scale(1.2);
    box-shadow: 0 0 24px rgba(103, 221, 255, .18);
  }
  .vote-buttons { gap: clamp(48px, 7vw, 96px); }
  :is(.spin-button, .contact-action .button, .header-contact, .vote-buttons button):not(:disabled):active {
    transform: translateY(0) scale(1.14);
  }
}
@media (prefers-reduced-motion: reduce) {
  :is(.spin-button, .contact-action .button, .header-contact, .vote-buttons button) {
    transition: none;
  }
  :is(.spin-button, .contact-action .button, .header-contact, .vote-buttons button):not(:disabled):is(:hover, :focus-visible, :active) {
    transform: none;
  }
}


/* Keep the complete statement on one line, sized to its actual column. */
.game-answer { container-type: inline-size; }
.game-answer .answer-statement {
  white-space: nowrap;
  font-size: clamp(12px, 3.2vw, 23px);
  font-size: min(clamp(23px, 2.2vw, 34px), 4.7cqi);
}

/* EIMA branding belongs with the stand and venue details. */
.event-venue .event-eima-logo {
  display: block;
  width: 170px;
  max-width: 100%;
  height: auto;
  align-self: flex-start;
  object-fit: contain;
  margin: 0 0 3px;
}

/* Compensate the logo PNG's 122px transparent left inset on a 1418px canvas. */
.event-venue .event-eima-logo { transform: translateX(-8.6036671368%); }