.elementor-widget-vlx_whackamole_widget,
.elementor-widget-vlx_whackamole_widget > .elementor-widget-container {
  display: block !important;
  width: 1920px !important;
  min-width: 1920px !important;
  max-width: 1920px !important;
  height: 1080px !important;
  min-height: 1080px !important;
  max-height: 1080px !important;
  margin: 0 !important;
  padding: 0 !important;
  overflow: hidden !important;
}

body:not(.elementor-editor-active) .elementor-widget-vlx_whackamole_widget,
body:not(.elementor-editor-active) .elementor-widget-vlx_whackamole_widget > .elementor-widget-container,
body:not(.elementor-editor-active) .vlx-wam-widget {
  margin-left: 0 !important;
  margin-right: auto !important;
}

body:not(.elementor-editor-active) .e-con:has(.elementor-widget-vlx_whackamole_widget),
body:not(.elementor-editor-active) .vlx-wam-host-section {
  --content-width: 1920px !important;
  --container-max-width: 1920px !important;
  --width: 1920px !important;
  width: 1920px !important;
  max-width: 1920px !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
  left: 0 !important;
  right: auto !important;
  align-items: flex-start !important;
  justify-content: flex-start !important;
}

body:not(.elementor-editor-active) .vlx-wam-host-inner,
body:not(.elementor-editor-active) .e-con-inner:has(.elementor-widget-vlx_whackamole_widget),
body:not(.elementor-editor-active) .e-con:has(.elementor-widget-vlx_whackamole_widget) > .e-con-inner {
  width: 1920px !important;
  min-width: 1920px !important;
  max-width: 1920px !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
  align-self: flex-start !important;
  align-items: flex-start !important;
  justify-content: flex-start !important;
}

.vlx-wam-widget {
  display: block;
  position: relative;
  width: 1920px !important;
  min-width: 1920px !important;
  max-width: 1920px !important;
  height: 1080px !important;
  min-height: 1080px !important;
  max-height: 1080px !important;
  overflow: hidden;
  font-family: Arial, Helvetica, sans-serif;
  line-height: 1;
  user-select: none;
  -webkit-user-select: none;
}

.vlx-wam-widget [x-cloak] {
  display: none !important;
}

.vlx-wam-widget *,
.vlx-wam-widget *::before,
.vlx-wam-widget *::after {
  box-sizing: border-box;
}

.vlx-wam-stage {
  position: absolute;
  inset: 0;
  width: 1920px !important;
  height: 1080px !important;
  overflow: hidden;
  background: #2f7a52;
  background-size: cover;
  background-position: center;
  isolation: isolate;
}

.vlx-wam-bg-video {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  z-index: 0;
}

.vlx-wam-preloader,
.vlx-wam-lead-layer,
.vlx-wam-results-layer {
  position: absolute;
  inset: 0;
  z-index: 100;
  display: flex;
  align-items: center;
  justify-content: center;
}

.vlx-wam-preloader {
  background: #111;
  color: #fff;
  z-index: 300;
}

.vlx-wam-preloader-box {
  width: 420px;
  text-align: center;
}

.vlx-wam-spinner {
  width: 64px;
  height: 64px;
  margin: 0 auto 24px;
  border: 8px solid rgba(255, 255, 255, .25);
  border-top-color: #fff;
  border-radius: 999px;
  animation: vlx-wam-spin 1s linear infinite;
}

@keyframes vlx-wam-spin {
  to { transform: rotate(360deg); }
}

.vlx-wam-preloader-label {
  margin-bottom: 18px;
  font-size: 28px;
  font-weight: 800;
}

.vlx-wam-preloader-track {
  height: 14px;
  overflow: hidden;
  border-radius: 999px;
  background: rgba(255, 255, 255, .18);
}

.vlx-wam-preloader-track span {
  display: block;
  height: 100%;
  background: #f7c948;
  transition: width .2s ease;
}

.vlx-wam-preloader-percent {
  margin-top: 14px;
  font-size: 18px;
}

.vlx-wam-hud {
  position: absolute;
  z-index: 50;
  min-height: 78px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 8px;
  color: #fff;
  font-size: 48px;
  font-weight: 900;
  letter-spacing: 0;
  pointer-events: none;
  --vlx-wam-timer-inactive-color: rgba(255, 255, 255, .42);
  --vlx-wam-score-inactive-color: rgba(255, 255, 255, .42);
}

.vlx-wam-hud.is-background-disabled:not(.is-combo) {
  background: transparent !important;
  background-color: transparent !important;
  background-image: none !important;
}

.vlx-wam-timer {
  left: 80px;
  top: 944px;
  width: 260px;
}

.vlx-wam-score {
  left: 1580px;
  top: 944px;
  width: 260px;
}

.vlx-wam-timer.is-inactive {
  color: var(--vlx-wam-timer-inactive-color);
}

.vlx-wam-timer.is-idle-noise .vlx-wam-timer-digits,
.vlx-wam-score.is-idle-noise .vlx-wam-score-inactive {
  animation:
    vlx-wam-idle-digital-flicker 6.8s ease-in-out infinite,
    vlx-wam-idle-digital-breathe 4.4s ease-in-out infinite;
  will-change: opacity, filter, text-shadow;
}

.vlx-wam-timer.is-countdown {
  color: inherit;
}

.vlx-wam-timer.is-countdown .vlx-wam-timer-digits {
  animation: vlx-wam-timer-countdown-pulse 1s ease-in-out infinite;
}

@keyframes vlx-wam-timer-countdown-pulse {
  0%, 100% {
    transform: scale(1);
    text-shadow: none;
  }
  45% {
    transform: scale(1.12);
    text-shadow: 0 0 18px rgba(255, 255, 255, .42);
  }
}

@keyframes vlx-wam-idle-digital-flicker {
  0%, 100% {
    opacity: .68;
    filter: brightness(1);
    text-shadow: none;
  }
  18% {
    opacity: .78;
    filter: brightness(1.05);
    text-shadow: 0 0 7px rgba(255, 255, 255, .12), .7px 0 0 rgba(78, 222, 255, .14), -.7px 0 0 rgba(255, 73, 143, .1);
  }
  36% {
    opacity: .6;
    filter: brightness(.96);
    text-shadow: 0 0 4px rgba(78, 222, 255, .1);
  }
  53% {
    opacity: .83;
    filter: brightness(1.09);
    text-shadow: 0 0 10px rgba(255, 255, 255, .16), .9px 0 0 rgba(90, 255, 183, .12);
  }
  72% {
    opacity: .64;
    filter: brightness(.99);
    text-shadow: -.6px 0 0 rgba(78, 222, 255, .1), .6px 0 0 rgba(255, 73, 143, .08);
  }
  88% {
    opacity: .74;
    filter: brightness(1.03);
    text-shadow: 0 0 6px rgba(255, 255, 255, .1);
  }
}

@keyframes vlx-wam-idle-digital-breathe {
  0%, 100% {
    transform: translateY(0);
  }
  48% {
    transform: translateY(-1px);
  }
}

.vlx-wam-score.is-inactive {
  color: var(--vlx-wam-score-inactive-color);
}

.vlx-wam-score-inactive {
  display: inline-block;
  color: var(--vlx-wam-score-inactive-color);
}

.vlx-wam-score-active {
  display: inline-block;
  color: inherit;
}

.vlx-wam-extras {
  left: 760px;
  top: 58px;
  width: 400px;
  font-size: 36px;
  transform-origin: 50% 50%;
  will-change: transform, opacity;
}

.vlx-wam-extras.is-combo {
  background: linear-gradient(135deg, rgba(255, 249, 147, .98), rgba(255, 153, 63, .96) 52%, rgba(255, 91, 91, .94));
  border: 2px solid rgba(255, 255, 255, .62);
  border-radius: 999px;
  color: #230c05;
  box-shadow:
    0 0 22px rgba(255, 226, 92, .34),
    0 0 42px rgba(255, 93, 160, .2),
    0 18px 48px rgba(255, 124, 57, .34),
    inset 0 0 0 2px rgba(255, 255, 255, .42);
}

.vlx-wam-score.is-animating .vlx-wam-score-active,
.vlx-wam-score.is-animating.is-inactive .vlx-wam-score-inactive {
  animation: vlx-wam-score-number-pulse .42s ease-out both;
}

.vlx-wam-score.is-increase .vlx-wam-score-active,
.vlx-wam-score.is-increase.is-inactive .vlx-wam-score-inactive {
  text-shadow: 0 0 14px rgba(95, 214, 134, .8), 0 0 28px rgba(95, 214, 134, .34);
}

.vlx-wam-score.is-decrease .vlx-wam-score-active,
.vlx-wam-score.is-decrease.is-inactive .vlx-wam-score-inactive {
  text-shadow: 0 0 14px rgba(255, 117, 105, .82), 0 0 28px rgba(255, 117, 105, .34);
}

@keyframes vlx-wam-score-number-pulse {
  0% { transform: scale(1); filter: brightness(1); }
  45% { transform: scale(1.12); filter: brightness(1.18); }
  100% { transform: scale(1); filter: brightness(1); }
}

.vlx-wam-score-bubbles {
  position: absolute;
  inset: 0;
  z-index: 95;
  pointer-events: none;
}

.vlx-wam-rainbow {
  position: absolute;
  inset: 0;
  z-index: 18;
  width: 1920px;
  height: 1080px;
  overflow: visible;
  pointer-events: none;
  mix-blend-mode: screen;
}

.vlx-wam-rainbow-stripe {
  fill: none;
  stroke-width: 13px;
  stroke-linecap: round;
  stroke-linejoin: round;
  opacity: 0;
  stroke-dasharray: 100;
  stroke-dashoffset: 100;
  filter: blur(.35px);
  will-change: opacity, stroke-dashoffset;
}

.vlx-wam-rainbow-stripe.is-animated {
  animation: vlx-wam-rainbow-fallback var(--stripe-duration, 8s) ease-in-out var(--stripe-delay, 0s) both;
}

@keyframes vlx-wam-rainbow-fallback {
  0% {
    opacity: .96;
    stroke-dashoffset: 100;
  }
  1% {
    opacity: .96;
    stroke-dashoffset: 100;
  }
  32% {
    opacity: .96;
    stroke-dashoffset: 0;
  }
  86% {
    opacity: .92;
    stroke-dashoffset: 0;
  }
  100% {
    opacity: 0;
    stroke-dashoffset: 0;
  }
}

.vlx-wam-score-bubble {
  position: absolute;
  min-width: 86px;
  padding: 12px 18px;
  border-radius: 999px;
  background: linear-gradient(135deg, rgba(255, 255, 255, .98), rgba(223, 255, 228, .96));
  color: #12552e;
  font-size: 32px;
  font-weight: 1000;
  line-height: 1;
  text-align: center;
  transform: translate(-50%, -50%);
  box-shadow: 0 14px 30px rgba(0, 0, 0, .26), inset 0 0 0 2px rgba(255, 255, 255, .62);
  animation: vlx-wam-score-bubble .9s cubic-bezier(.18, 1.24, .28, 1) both;
  will-change: transform, opacity;
}

.vlx-wam-score-bubble.is-negative {
  background: linear-gradient(135deg, rgba(255, 245, 244, .98), rgba(255, 199, 191, .96));
  color: #8d241d;
}

.vlx-wam-score-bubble.is-combo {
  min-width: 106px;
  background: linear-gradient(135deg, rgba(255, 245, 139, .99), rgba(255, 145, 71, .97));
  color: #2e1204;
  box-shadow: 0 18px 40px rgba(255, 124, 57, .38), inset 0 0 0 2px rgba(255, 255, 255, .68);
}

@keyframes vlx-wam-score-bubble {
  0% { opacity: 0; transform: translate(-50%, -28%) scale(.78); }
  26% { opacity: 1; transform: translate(-50%, -50%) scale(1.06); }
  100% { opacity: 0; transform: translate(-50%, -128%) scale(1.08); }
}

.vlx-wam-extras.is-animating {
  animation: vlx-wam-extras-pop .78s cubic-bezier(.18, 1.28, .28, 1) both;
}

.vlx-wam-extras.is-combo.is-animating {
  animation: vlx-wam-extras-combo 1.08s cubic-bezier(.18, 1.28, .28, 1) both;
}

.vlx-wam-extras.is-combo.is-pulsing {
  animation: vlx-wam-extras-combo 1.08s cubic-bezier(.18, 1.28, .28, 1) both, vlx-wam-extras-combo-pulse .82s ease-in-out .96s infinite;
}

@keyframes vlx-wam-extras-pop {
  0% { opacity: 0; transform: translateY(-44px) scale(.9); }
  62% { opacity: 1; transform: translateY(4px) scale(1.04); }
  100% { opacity: 1; transform: translateY(0) scale(1); }
}

@keyframes vlx-wam-extras-combo {
  0% { opacity: 0; transform: translateY(-104px) rotate(-2.4deg) scale(.7); filter: brightness(1.25); }
  42% { opacity: 1; transform: translateY(7px) rotate(1.4deg) scale(1.12); filter: brightness(1.18); }
  62% { opacity: 1; transform: translateY(-2px) rotate(-.6deg) scale(.98); filter: brightness(1.02); }
  82% { opacity: 1; transform: translateY(-1px) rotate(.3deg) scale(1.07); filter: brightness(1.14); }
  100% { opacity: 1; transform: translateY(0) scale(1); }
}

@keyframes vlx-wam-extras-combo-pulse {
  0%, 100% {
    transform: translateY(0) scale(1);
    filter: brightness(1);
  }
  45% {
    transform: translateY(-2px) scale(1.045);
    filter: brightness(1.12);
  }
}

.vlx-wam-hole-grid {
  position: absolute;
  inset: 0;
  z-index: 20;
}

.vlx-wam-hole-slot {
  position: absolute;
  cursor: pointer;
  overflow: visible;
  transform: translateZ(0);
}

.vlx-wam-hole {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  height: var(--vlx-wam-hole-ellipse-height, 7vh);
  border-radius: 50%;
  background:
    radial-gradient(ellipse at 52% 38%, var(--vlx-wam-hole-gradient-center, #453126) 0%, var(--vlx-wam-hole-color, #2b1a12) 42%, var(--vlx-wam-hole-gradient-edge, #110704) 100%);
  box-shadow:
    inset 0 16px 18px rgba(255, 255, 255, .04),
    inset 0 -20px 30px rgba(0, 0, 0, .42);
  z-index: 2;
}

.vlx-wam-hole::after {
  content: "";
  position: absolute;
  inset: 0;
  border-radius: 50%;
  background:
    radial-gradient(ellipse at 51% 70%, rgba(0, 0, 0, .22) 0%, rgba(0, 0, 0, .08) 38%, transparent 67%),
    linear-gradient(180deg, rgba(255, 255, 255, .08) 0%, transparent 26%, rgba(0, 0, 0, .14) 100%);
  pointer-events: none;
}

.vlx-wam-hole-rim {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  height: var(--vlx-wam-hole-ellipse-height, 7vh);
  border-radius: 50%;
  z-index: 3;
  pointer-events: none;
}

.vlx-wam-hole-rim::before {
  content: "";
  position: absolute;
  left: 1.2%;
  right: 1.2%;
  top: 1.5%;
  height: 48%;
  border-top: var(--vlx-wam-hole-top-border-width, 5px) solid var(--vlx-wam-hole-top-border-color, #5a473b);
  border-radius: 50% 50% 0 0 / 100% 100% 0 0;
  opacity: .66;
}

.vlx-wam-hole-slot.is-transparent .vlx-wam-hole {
  background: transparent;
  box-shadow: none;
}

.vlx-wam-hole-slot.is-transparent .vlx-wam-hole::after,
.vlx-wam-hole-slot.is-transparent .vlx-wam-hole-rim {
  display: none;
}

.elementor-editor-active .vlx-wam-hole-slot.is-transparent .vlx-wam-hole,
.elementor-editor-preview .vlx-wam-hole-slot.is-transparent .vlx-wam-hole,
.vlx-wam-editor-mode .vlx-wam-hole-slot.is-transparent .vlx-wam-hole {
  background: rgba(255, 0, 0, .5);
}

.vlx-wam-mole-mask {
  position: absolute;
  left: 0;
  right: 0;
  top: -230%;
  bottom: calc(var(--vlx-wam-hole-ellipse-height, 7vh) * -0.10);
  z-index: 4;
  overflow: hidden;
  -webkit-clip-path: var(--vlx-wam-mole-mask-path, polygon(
    0 0,
    100% 0,
    100% calc(100% - (var(--vlx-wam-hole-ellipse-height, 7vh) * .52)),
    92% calc(100% - (var(--vlx-wam-hole-ellipse-height, 7vh) * .25)),
    75% calc(100% - (var(--vlx-wam-hole-ellipse-height, 7vh) * .08)),
    50% 100%,
    25% calc(100% - (var(--vlx-wam-hole-ellipse-height, 7vh) * .08)),
    8% calc(100% - (var(--vlx-wam-hole-ellipse-height, 7vh) * .25)),
    0 calc(100% - (var(--vlx-wam-hole-ellipse-height, 7vh) * .52))
  ));
  clip-path: polygon(
    0 0,
    100% 0,
    100% calc(100% - (var(--vlx-wam-hole-ellipse-height, 7vh) * .52)),
    92% calc(100% - (var(--vlx-wam-hole-ellipse-height, 7vh) * .25)),
    75% calc(100% - (var(--vlx-wam-hole-ellipse-height, 7vh) * .08)),
    50% 100%,
    25% calc(100% - (var(--vlx-wam-hole-ellipse-height, 7vh) * .08)),
    8% calc(100% - (var(--vlx-wam-hole-ellipse-height, 7vh) * .25)),
    0 calc(100% - (var(--vlx-wam-hole-ellipse-height, 7vh) * .52))
  );
  clip-path: var(--vlx-wam-mole-mask-path, polygon(
    0 0,
    100% 0,
    100% calc(100% - (var(--vlx-wam-hole-ellipse-height, 7vh) * .52)),
    92% calc(100% - (var(--vlx-wam-hole-ellipse-height, 7vh) * .25)),
    75% calc(100% - (var(--vlx-wam-hole-ellipse-height, 7vh) * .08)),
    50% 100%,
    25% calc(100% - (var(--vlx-wam-hole-ellipse-height, 7vh) * .08)),
    8% calc(100% - (var(--vlx-wam-hole-ellipse-height, 7vh) * .25)),
    0 calc(100% - (var(--vlx-wam-hole-ellipse-height, 7vh) * .52))
  ));
  pointer-events: none;
}

.vlx-wam-mole-wrap {
  position: absolute;
  left: 50%;
  bottom: 0;
  z-index: 1;
  width: var(--vlx-wam-mole-scale, 60%);
  aspect-ratio: 1;
  transform: translate(-50%, 86%);
  transform-origin: 50% 100%;
  pointer-events: none;
  will-change: transform;
}

.vlx-wam-mole {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center center;
  pointer-events: none;
}

.vlx-wam-hole-slot.is-hit .vlx-wam-mole {
  filter: brightness(1.35) saturate(1.2);
}

.vlx-wam-mallet {
  position: absolute;
  left: 0;
  top: 0;
  z-index: 90;
  width: 220px;
  height: 220px;
  object-fit: contain;
  opacity: 0;
  pointer-events: none;
  transform-origin: 50% 50%;
  will-change: transform, opacity;
}

.vlx-wam-button,
.vlx-wam-results-button,
.vlx-wam-lead-submit {
  appearance: none;
  border: 0;
  border-radius: 8px;
  background: #f7c948;
  color: #111;
  font: inherit;
  font-size: 34px;
  font-weight: 900;
  line-height: 1;
  text-align: center;
  cursor: pointer;
}

.vlx-wam-button {
  position: absolute;
  z-index: 70;
  min-height: 72px;
  padding: 18px 28px;
}

.vlx-wam-start-label {
  position: absolute;
  z-index: 70;
  left: 700px;
  top: 885px;
  width: 520px;
  color: #fff;
  font-size: 44px;
  font-weight: 900;
  line-height: 1.12;
  text-align: center;
  text-shadow: 0 4px 18px rgba(0, 0, 0, .38);
  pointer-events: none;
}

.vlx-wam-back-button {
  left: 48px;
  top: 46px;
  width: 150px;
}

.vlx-wam-reset-button {
  left: 1716px;
  top: 46px;
  width: 150px;
}

.vlx-wam-button.is-transparent-hitbox {
  opacity: 0;
}

.vlx-wam-editor-mode .vlx-wam-button.is-transparent-hitbox {
  opacity: 1;
  background: rgba(255, 0, 0, .38) !important;
  color: #fff !important;
  border: 2px dashed rgba(255, 255, 255, .8) !important;
}

.vlx-wam-lead-layer,
.vlx-wam-results-layer {
  z-index: 180;
}

.vlx-wam-lead-overlay,
.vlx-wam-results-overlay {
  position: absolute;
  inset: 0;
  background: #000;
  opacity: .72;
}

.vlx-wam-lead-form,
.vlx-wam-results-popup {
  position: relative;
  z-index: 2;
  width: 560px;
  max-height: 90%;
  overflow: auto;
  padding: 46px;
  border-radius: 12px;
  background-color: #fff;
  color: #111;
  box-shadow: 0 24px 80px rgba(0, 0, 0, .45);
}

.vlx-wam-lead-form.has-background-image,
.vlx-wam-results-popup.has-background-image {
  background-color: transparent;
}

.vlx-wam-results-close {
  position: absolute;
  top: 16px;
  right: 16px;
  z-index: 5;
  width: 44px;
  height: 44px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 999px;
  background: rgba(0, 0, 0, .08);
  color: #111;
  font-size: 34px;
  font-weight: 700;
  line-height: 1;
  cursor: pointer;
  user-select: none;
  transition: transform .14s ease, background-color .14s ease, opacity .14s ease;
}

.vlx-wam-results-close:hover,
.vlx-wam-results-close:focus-visible {
  background: rgba(0, 0, 0, .14);
  transform: scale(1.06);
  outline: none;
}

.vlx-wam-results-close:active {
  transform: scale(.94);
}

.vlx-wam-results-layer.is-closing .vlx-wam-results-overlay {
  animation: vlx-wam-results-overlay-out .58s ease forwards;
}

.vlx-wam-results-layer.is-closing .vlx-wam-results-popup {
  animation: vlx-wam-results-popup-out .58s cubic-bezier(.52, 0, .34, 1) forwards;
  pointer-events: none;
}

@keyframes vlx-wam-results-overlay-out {
  to { opacity: 0; }
}

@keyframes vlx-wam-results-popup-out {
  0% {
    opacity: 1;
    transform: translateY(0) scale(1);
    filter: blur(0);
  }
  100% {
    opacity: 0;
    transform: translateY(44px) scale(.94);
    filter: blur(2px);
  }
}

.vlx-wam-lead-title,
.vlx-wam-results-title {
  margin: 0 0 28px;
  font-size: 46px;
  line-height: 1.05;
}

.vlx-wam-lead-subtitle {
  margin: 0 0 24px;
  font-size: 24px;
  line-height: 1.3;
}

.vlx-wam-lead-close {
  position: absolute;
  display: flex;
  align-items: center;
  justify-content: center;
  top: 14px;
  right: 14px;
  width: 44px;
  height: 44px;
  padding: 0;
  border: 0;
  border-radius: 999px;
  background: rgba(0, 0, 0, .08);
  color: #111;
  font-size: 30px;
  line-height: 1;
  cursor: pointer;
  user-select: none;
}

.vlx-wam-lead-close:hover {
  background: rgba(0, 0, 0, .14);
}

.vlx-wam-field {
  margin-bottom: 24px;
}

.vlx-wam-field label {
  display: block;
  margin-bottom: 10px;
  font-size: 20px;
  font-weight: 800;
}

.vlx-wam-field input {
  width: 100%;
  min-height: 60px;
  padding: 0 18px;
  border: 2px solid #c8c8c8;
  border-radius: 8px;
  font-size: 24px;
}

.vlx-wam-lead-form .avatar-emoji-selector {
  display: grid;
  grid-template-columns: repeat(10, 1fr);
  gap: 0;
  margin-bottom: 10px;
  border: 1px solid #ddd;
  border-radius: 8px;
  overflow: hidden;
}

.vlx-wam-lead-form .avatar-emoji-btn {
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 42px;
  padding: 6px;
  border: none;
  border-right: 1px solid #ddd;
  border-bottom: 1px solid #ddd;
  background: #f5f5f5;
  font-size: 25px;
  cursor: pointer;
  transition: background-color .2s ease;
}

.vlx-wam-lead-form .avatar-emoji-btn img.emoji {
  width: 1em;
  height: 1em;
  margin: 0;
}

.vlx-wam-lead-form .avatar-emoji-btn:nth-child(10n) {
  border-right: none;
}

.vlx-wam-lead-form .avatar-emoji-btn:nth-last-child(-n+10) {
  border-bottom: none;
}

.vlx-wam-lead-form .avatar-emoji-btn.selected {
  background: #c8e6c9;
}

.vlx-wam-form-error {
  margin: 0 0 18px;
  color: #b42318;
  font-size: 18px;
  font-weight: 800;
}

.vlx-wam-lead-submit,
.vlx-wam-results-button {
  width: 100%;
  min-height: 66px;
  padding: 18px 24px;
}

.vlx-wam-lead-form .vlx-wam-lead-submit {
  display: flex;
  align-items: center;
  justify-content: center;
  box-sizing: border-box;
}

.vlx-wam-results-popup {
  width: 900px;
  padding: 54px;
  text-align: center;
}

.vlx-wam-results-subtitle {
  margin-bottom: 28px;
  font-size: 32px;
  line-height: 1.25;
}

.vlx-wam-mini-leaderboard {
  margin: 28px 0;
  border-radius: 8px;
  overflow: hidden;
  background: rgba(0, 0, 0, .06);
}

.vlx-wam-mini-row {
  display: grid;
  grid-template-columns: 90px 1fr 160px;
  gap: 14px;
  align-items: center;
  min-height: 54px;
  padding: 0 18px;
  font-size: 22px;
  font-weight: 800;
  text-align: left;
}

.vlx-wam-mini-row span:last-child {
  text-align: right;
}

.vlx-wam-mini-head {
  background: #111;
  color: #fff;
  font-size: 18px;
  text-transform: uppercase;
}

.vlx-wam-mini-skeleton {
  background: rgba(255, 255, 255, .72);
}

.vlx-wam-mini-skeleton-row {
  background: rgba(255, 255, 255, .74);
}

.vlx-wam-mini-skeleton-row span {
  display: block;
  height: 18px;
  border-radius: 999px;
  background: linear-gradient(90deg, rgba(0, 0, 0, .08) 0%, rgba(0, 0, 0, .16) 42%, rgba(0, 0, 0, .08) 84%);
  background-size: 220% 100%;
  animation: vlx-wam-skeleton-shimmer 1.05s ease-in-out infinite;
}

.vlx-wam-mini-skeleton-row span:first-child {
  width: 42px;
}

.vlx-wam-mini-skeleton-row span:nth-child(2) {
  width: 72%;
}

.vlx-wam-mini-skeleton-row span:last-child {
  justify-self: end;
  width: 88px;
}

@keyframes vlx-wam-skeleton-shimmer {
  0% { background-position: 120% 0; }
  100% { background-position: -120% 0; }
}

.vlx-wam-rank-first { background: #ffe08a; color: #1a1300; }
.vlx-wam-rank-second { background: #e9edf2; color: #111; }
.vlx-wam-rank-third { background: #e7c3a2; color: #160b03; }
.vlx-wam-rank-other { background: #fff; color: #111; }
.vlx-wam-rank-player { outline: 4px solid #2f7a52; outline-offset: -4px; }

.vlx-wam-mini-empty {
  padding: 24px;
  font-size: 20px;
}