.scj-widget {
  box-sizing: border-box;
  color: #fff;
  font-family: Arial, Helvetica, sans-serif;
}

.scj-widget *,
.scj-widget *::before,
.scj-widget *::after {
  box-sizing: border-box;
}
.scj-widget {
  width: min(100%, 1120px);
  container-type: inline-size;
  color: #fff;
  font-family: Arial, Helvetica, sans-serif;
}

.scj-carousel {
  --active-slide: 0;
  position: relative;
  width: 100%;
  aspect-ratio: 1920 / 512;
  overflow: hidden;
  border-radius: 0;
  background: #f49300;
  box-shadow: 0 18px 50px rgb(0 0 0 / 35%);
  isolation: isolate;
}

.scj-carousel-track {
  position: absolute;
  inset: 0;
  display: flex;
  width: 200%;
  height: 100%;
  transform: translateX(calc(var(--active-slide, 0) * -50%));
  transition: transform 520ms cubic-bezier(0.22, 1, 0.36, 1);
}

.scj-carousel.is-celebrating .scj-carousel-track {
  transition-duration: 280ms;
}

.scj-carousel-slide {
  flex: 0 0 50%;
  width: 50%;
  height: 100%;
}

.scj-stage {
  position: relative;
  overflow: hidden;
  background:
    linear-gradient(90deg, rgb(255 224 0 / 22%), transparent 42%, rgb(255 117 0 / 18%)),
    url("images/bg-tile-half.jpg") center / auto 100% repeat-x,
    linear-gradient(90deg, #ffb100, #f68d00 60%, #ff9a00);
  isolation: isolate;
}

.scj-stage::after,
.scj-celebration::after {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 1;
  pointer-events: none;
  background:
    radial-gradient(circle at 22% 45%, rgb(255 255 255 / 18%), transparent 22%),
    linear-gradient(90deg, transparent, rgb(255 255 255 / 10%) 50%, transparent);
  mix-blend-mode: screen;
}

.scj-art {
  position: absolute;
  inset: 0;
  z-index: 2;
  pointer-events: none;
}

.scj-art__rays {
  position: absolute;
  left: 9%;
  top: -30%;
  width: 40%;
  height: 155%;
  object-fit: cover;
  opacity: 0.55;
  mix-blend-mode: screen;
}

.scj-art__coins {
  position: absolute;
  left: -1.8%;
  bottom: -36%;
  width: 26%;
  opacity: 0.95;
}

.scj-art__logo {
  position: absolute;
  left: 4.4%;
  top: -28.1%;
  width: 45%;
  height: auto;
  filter: drop-shadow(0 12px 9px rgb(0 0 0 / 32%));
  transform-origin: 50% 58%;
  animation: scj-gentle-pulse 3.8s ease-in-out infinite;
}

.scj-art--compact .scj-art__logo {
  left: 4.4%;
  top: -28.1%;
  width: 45%;
}


.scj-stage--winners .scj-art__logo {
  left: 8.7%;
  top: -2.2%;
  width: 38.2%;
}

.scj-stage--winners .scj-art__rays {
  left: 6%;
  width: 46%;
}
.scj-pot-board {
  position: absolute;
  right: auto;
  left: 53.5%;
  top: 6.85%;
  width: 36%;
  height: 86.2%;
  display: grid;
  grid-template-rows: repeat(3, 1fr);
  gap: 2.25%;
  z-index: 4;
}

.scj-pot-row {
  position: relative;
  display: grid;
  grid-template-columns: 1fr;
  align-items: center;
  min-height: 0;
}

.scj-pot-row__title {
  position: absolute;
  z-index: 3;
  width: 27.7%;
  margin-left: 5.4%;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  justify-self: auto;
  filter: drop-shadow(0 3px 0 #0b245c) drop-shadow(0 4px 4px rgb(0 0 0 / 32%));
}


.scj-pot-row--mega .scj-pot-row__title {
  width: 23.8%;
  margin-left: 4.6%;
}

.scj-pot-row--mini .scj-pot-row__title {
  width: 22.4%;
  margin-left: 5.4%;
}
.scj-pot-row strong {
  position: relative;
  z-index: 2;
  justify-self: stretch;
  margin-left: 15.9%;
  display: flex;
  align-items: center;
  justify-content: flex-end;
  height: 100%;
  padding: 0 7.5% 0 22%;
  border: 3px solid #ffdc00;
  border-left-width: 3px;
  border-radius: 32px;
  background: linear-gradient(180deg, #df2018, #b81212);
  color: #fff;
  font-size: clamp(22px, 2.9cqw, 70px);
  font-weight: 950;
  line-height: 1;
  letter-spacing: 0;
  white-space: nowrap;
  text-shadow: 0 2px 0 rgb(0 0 0 / 32%);
  box-shadow: inset 0 2px 0 rgb(255 255 255 / 18%);
}

.scj-pot-row--mega strong {
  background: linear-gradient(180deg, #f4a100, #d77c00);
}

.scj-pot-row--mini strong {
  background: linear-gradient(180deg, #3d8f2f, #256e22);
}

.scj-pot-row__amount,
.scj-pot-row__currency {
  display: inline-block;
}

.scj-pot-row__currency {
  font-size: 0.6em;
  margin-left: 0.18em;
}

.scj-winner-panel {
  position: absolute;
  right: 6.8%;
  top: 10.4%;
  width: 33.2%;
  height: 82.2%;
  z-index: 5;
  overflow: hidden;
  background: transparent;
}

.scj-winner-panel__title {
  height: 12.2%;
  display: grid;
  place-items: center;
  background: #151515;
  color: #fff;
  font-size: clamp(9px, 1.45cqw, 19px);
  font-weight: 950;
  line-height: 1;
  letter-spacing: 0;
  text-transform: uppercase;
  text-shadow: 0 2px 0 rgb(0 0 0 / 50%);
}

.scj-winner-marquee {
  height: 87.8%;
  overflow: hidden;
}

.scj-winner-track {
  display: grid;
  gap: clamp(3px, 0.42cqw, 8px);
  animation: winners-scroll var(--scroll-duration, 34s) linear infinite;
}

.scj-winner-marquee:hover .scj-winner-track {
  animation-play-state: paused;
}

.scj-winner-card {
  min-height: clamp(30px, 3.75cqw, 48px);
  display: grid;
  grid-template-columns: 17.5% 52.5% 30%;
  align-items: center;
  gap: 0;
  padding: 1.2% 3.2% 1.2% 2.5%;
  border-bottom: 2px solid rgb(255 193 0 / 72%);
  background: linear-gradient(180deg, #de251c, #b71413);
  box-shadow: inset 0 1px 0 rgb(255 255 255 / 18%);
}

.scj-winner-card--mega {
  background: linear-gradient(180deg, #ee9a00, #d97a00);
}

.scj-winner-card--mini {
  background: linear-gradient(180deg, #318536, #206b26);
}

.scj-winner-avatar {
  width: 76%;
  max-width: 42px;
  aspect-ratio: 1;
  border-radius: 50%;
  justify-self: center;
  object-fit: contain;
  filter: drop-shadow(0 2px 3px rgb(0 0 0 / 42%));
}

.scj-winner-meta {
  display: grid;
  align-content: center;
  min-width: 0;
  line-height: 1;
  text-align: left;
}

.scj-winner-id {
  color: #ffe000;
  font-size: clamp(10px, 1.55cqw, 20px);
  font-weight: 950;
  white-space: nowrap;
  text-shadow: 0 2px 0 rgb(0 0 0 / 48%);
}

.scj-winner-time {
  margin-top: 2px;
  color: #fff;
  font-size: clamp(6px, 0.9cqw, 12px);
  font-weight: 950;
  white-space: nowrap;
  text-shadow: 0 1px 0 rgb(0 0 0 / 42%);
}

.scj-winner-prize {
  display: grid;
  justify-items: end;
  align-content: center;
  min-width: 0;
  text-align: right;
}

.scj-winner-pot-art {
  width: 44%;
  max-width: 58px;
  margin-bottom: -2%;
  filter: drop-shadow(0 2px 0 #0b2254);
}

.scj-winner-amount {
  color: #fff;
  font-size: clamp(8px, 1.08cqw, 14px);
  font-weight: 950;
  line-height: 1;
  white-space: nowrap;
  text-shadow: 0 2px 0 rgb(0 0 0 / 42%);
}

.scj-winner-loading {
  padding: 18px;
  color: #fff;
  font-size: 14px;
}
.scj-celebration {
  position: absolute;
  inset: 0;
  z-index: 20;
  overflow: hidden;
  opacity: 0;
  pointer-events: none;
  transform: scale(0.985);
  transition: opacity 240ms ease, transform 240ms ease;
  background:
    linear-gradient(90deg, rgb(255 224 0 / 18%), transparent 46%, rgb(255 126 0 / 18%)),
    url("images/bg-tile-half.jpg") center / auto 100% repeat-x,
    linear-gradient(90deg, #ffae00, #ff7d00 55%, #ffc400);
}

.scj-celebration.is-visible {
  opacity: 1;
  transform: scale(1);
}

.scj-celebration__bg,
.scj-celebration__rays,
.scj-celebration__coins,
.scj-celebration__pot-art {
  position: absolute;
}

.scj-celebration__bg {
  inset: 0;
  z-index: 2;
}

.scj-celebration__rays {
  inset: -16% 0 0 0;
  width: 100%;
  height: 128%;
  object-fit: cover;
  mix-blend-mode: screen;
  opacity: 0.72;
}

.scj-celebration__coins {
  right: -2%;
  bottom: -20%;
  width: 30%;
  opacity: 0.88;
}

.scj-celebration__pot-art {
  left: 7.2%;
  top: -14%;
  width: 37.5%;
  filter: drop-shadow(0 12px 10px rgb(0 0 0 / 35%));
}

.scj-celebration__content {
  position: absolute;
  right: 6.6%;
  top: 14.4%;
  width: 45.4%;
  min-height: 65.5%;
  display: grid;
  align-content: center;
  justify-items: stretch;
  gap: 6.5%;
  z-index: 7;
  padding: 4.2% 3.2% 3.2%;
  color: #151515;
  text-align: center;
  text-transform: uppercase;
  border-radius: 18px;
  background: linear-gradient(180deg, #ffe914, #ffd100);
  box-shadow: 0 10px 14px rgb(0 0 0 / 24%), inset 0 2px 0 rgb(255 255 255 / 36%);
}

.scj-celebration__copy {
  color: #181818;
  font-size: clamp(13px, 2.15cqw, 28px);
  font-weight: 950;
  line-height: 1;
}

.scj-celebration__amount {
  color: #ef4a17;
  font-size: clamp(28px, 4.2cqw, 62px);
  font-weight: 1000;
  line-height: 0.9;
  text-shadow: 0 2px 0 rgb(255 255 255 / 45%);
}

.scj-celebration__player {
  display: grid;
  grid-template-columns: 15% 43% 42%;
  align-items: center;
  min-height: clamp(40px, 5.75cqw, 72px);
  padding: 1.8% 2.6%;
  overflow: hidden;
  color: #fff;
  border: 3px solid #26305c;
  border-radius: 4px;
  background: linear-gradient(90deg, #d91f17, #f07000 78%, #e14b11);
  box-shadow: inset 0 1px 0 rgb(255 255 255 / 22%);
  text-align: left;
}

.scj-celebration__avatar {
  width: 82%;
  aspect-ratio: 1;
  border-radius: 50%;
  object-fit: contain;
  justify-self: center;
  filter: drop-shadow(0 2px 3px rgb(0 0 0 / 42%));
}

.scj-celebration__player-meta {
  display: grid;
  min-width: 0;
  line-height: 1;
}

.scj-celebration__player-meta strong {
  color: #ffe000;
  font-size: clamp(13px, 2.1cqw, 28px);
  font-weight: 1000;
  white-space: nowrap;
  text-shadow: 0 2px 0 rgb(0 0 0 / 48%);
}

.scj-celebration__player-meta small {
  margin-top: 2px;
  color: #fff;
  font-size: clamp(6px, 0.95cqw, 13px);
  font-weight: 950;
  white-space: nowrap;
  text-shadow: 0 1px 0 rgb(0 0 0 / 42%);
}

.scj-celebration__prize {
  display: grid;
  justify-items: end;
  align-content: center;
  min-width: 0;
  text-align: right;
}

.scj-celebration__prize img {
  width: 48%;
  max-width: 86px;
  margin-bottom: -1%;
  filter: drop-shadow(0 2px 0 #0b2254);
}

.scj-celebration__prize b {
  color: #fff;
  font-size: clamp(10px, 1.55cqw, 21px);
  font-weight: 950;
  line-height: 1;
  white-space: nowrap;
  text-shadow: 0 2px 0 rgb(0 0 0 / 42%);
}
.scj-confetti-field {
  position: absolute;
  inset: 0;
  z-index: 8;
  overflow: hidden;
  pointer-events: none;
}

.scj-confetti-field--screen {
  position: fixed;
  inset: 0;
  z-index: 2147483000;
  width: 100vw;
  height: 100vh;
  overflow: hidden;
}

.scj-confetti-piece {
  position: absolute;
  left: var(--x, 50%);
  top: var(--y, -12%);
  width: var(--size, 9px);
  height: calc(var(--size, 9px) * var(--shape-ratio, 1.7));
  border-radius: var(--radius, 2px);
  background: var(--color, #ffe000);
  opacity: 0;
  transform: translate(-50%, -50%) rotate(0deg);
  animation: confetti-burst var(--duration, 5200ms) cubic-bezier(0.16, 0.52, 0.2, 1) var(--delay, 0ms) forwards;
}


.scj-celebration--mega {
  background:
    linear-gradient(90deg, rgb(255 228 0 / 10%), rgb(255 117 0 / 16%)),
    url("images/bg-tile-half.jpg") center / auto 100% repeat-x,
    #ffe400;
}

.scj-celebration--major {
  background:
    linear-gradient(90deg, rgb(255 228 0 / 8%), rgb(229 5 57 / 13%)),
    url("images/bg-tile-half.jpg") center / auto 100% repeat-x,
    #e52219;
}

.scj-celebration--mini {
  background:
    linear-gradient(90deg, rgb(255 228 0 / 7%), rgb(23 125 41 / 18%)),
    url("images/bg-tile-half.jpg") center / auto 100% repeat-x,
    #208232;
}

.scj-celebration--major .scj-celebration__content,
.scj-celebration--mini .scj-celebration__content {
  background: #ffe400;
}

.scj-celebration--major .scj-celebration__player {
  background: linear-gradient(90deg, #232323 43.269%, #b80909 68.269%), linear-gradient(90deg, #232323 43.269%, #e50539 100%);
}

.scj-celebration--mega .scj-celebration__player {
  background: linear-gradient(90deg, #232323 43.269%, #d17900 68.269%), linear-gradient(90deg, #232323 43.269%, #fc6200 100%);
}

.scj-celebration--mini .scj-celebration__player {
  background: linear-gradient(90deg, #232323 43.269%, #3b852b 68.269%), linear-gradient(90deg, #232323 43.269%, #1f8d32 100%);
}

@keyframes scj-gentle-pulse {
  0%, 100% { transform: scale(1); }
  50% { transform: scale(1.035); }
}
@keyframes winners-scroll {
  from { transform: translateY(0); }
  to { transform: translateY(-50%); }
}

@keyframes confetti-burst {
  0% {
    top: var(--y, -12%);
    opacity: 0;
    transform: translate(-50%, -50%) rotate(0deg) scale(0.8);
  }
  12% { opacity: 1; }
  82% { opacity: 1; }
  100% {
    top: var(--fall-y, 124%);
    opacity: 0;
    transform: translate(calc(-50% + var(--drift-x, 0cqw)), -50%) rotate(var(--spin)) scale(1);
  }
}

@media (max-width: 640px) {
  .scj-widget {
    width: 100%;
  }

  .scj-carousel {
    aspect-ratio: 800 / 400;
  }

  .scj-art__rays {
    left: -6%;
    top: -18%;
    width: 62%;
    height: 134%;
  }

  .scj-art__logo,
  .scj-art--compact .scj-art__logo {
    left: 5.2%;
    top: 4.8%;
    width: 41.5%;
  }

  .scj-art__coins {
    left: -7%;
    bottom: -25%;
    width: 39%;
  }

  
.scj-stage--winners .scj-art__logo {
  left: 8.7%;
  top: -2.2%;
  width: 38.2%;
}

.scj-stage--winners .scj-art__rays {
  left: 6%;
  width: 46%;
}
.scj-pot-board {
    right: 5.2%;
    top: 18.5%;
    width: 50%;
    height: 58%;
    gap: 4.4%;
  }

  .scj-pot-row {
    grid-template-columns: 34% 66%;
  }

  .scj-pot-row__title {
    width: 112%;
    margin-left: -8%;
  }

  
.scj-pot-row--mega .scj-pot-row__title {
  width: 23.8%;
  margin-left: 4.6%;
}

.scj-pot-row--mini .scj-pot-row__title {
  width: 22.4%;
  margin-left: 5.4%;
}
.scj-pot-row strong {
    height: 80%;
    border-width: 2px;
    border-left-width: 3px;
    border-radius: 0 8px 8px 0;
    padding-right: 7%;
    padding-left: 16%;
    font-size: clamp(12px, 5.7cqw, 23px);
  }

  .scj-winner-panel {
    right: 4.8%;
    top: 10%;
    width: 48%;
    height: 78%;
    border-width: 2px;
  }

  .scj-winner-card {
    grid-template-columns: 18% 32% 1fr;
    min-height: 46px;
  }

  .scj-celebration__pot-art {
    left: 2%;
    top: 4%;
    width: 48%;
  }

  .scj-celebration__content {
    right: 5%;
    top: 13%;
    width: 45%;
  }
}
@media (max-width: 640px) {
  .scj-stage--winners .scj-art__logo {
    left: 4.8%;
    top: 6%;
    width: 43%;
  }

  .scj-stage--winners .scj-art__rays {
    left: -8%;
    width: 64%;
  }

  .scj-winner-panel {
    right: 4.2%;
    top: 6.6%;
    width: 45.2%;
    height: 86.8%;
  }

  .scj-winner-panel__title {
    height: 11.2%;
    font-size: clamp(6px, 2cqw, 9px);
  }

  .scj-winner-marquee {
    height: 88.8%;
  }

  .scj-winner-card {
    grid-template-columns: 18% 52% 30%;
    min-height: 31px;
    padding: 1.2% 3%;
    border-bottom-width: 1px;
  }

  .scj-winner-avatar {
    width: 78%;
  }

  .scj-winner-id {
    font-size: clamp(9px, 2.75cqw, 14px);
  }

  .scj-winner-time {
    font-size: clamp(5px, 1.8cqw, 8px);
  }

  .scj-winner-pot-art {
    width: 44%;
  }

  .scj-winner-amount {
    font-size: clamp(6px, 1.9cqw, 10px);
  }
}

@media (max-width: 640px) {
  .scj-art__logo,
  .scj-art--compact .scj-art__logo {
    left: -0.9%;
    top: 4.25%;
    width: 48.8%;
  }

  .scj-stage--pots .scj-pot-board {
    right: auto;
    left: 50.65%;
    top: 20.5%;
    width: 46.2%;
    height: 59%;
    gap: 2.25%;
  }

  .scj-stage--pots .scj-pot-row {
    grid-template-columns: 1fr;
  }

  .scj-stage--pots .scj-pot-row__title {
    position: absolute;
    left: 0;
    top: 50%;
    width: 28%;
    margin-left: 3%;
    transform: translateY(-50%);
  }

  .scj-stage--pots .scj-pot-row--mega .scj-pot-row__title {
    width: 18%;
    margin-left: 4.5%;
  }

  .scj-stage--pots .scj-pot-row--mini .scj-pot-row__title {
    width: 23%;
    margin-left: 5.2%;
  }

  .scj-stage--pots .scj-pot-row strong {
    height: 100%;
    margin-left: 15.9%;
    padding: 0 7% 0 20%;
    border-width: 2px;
    border-radius: 14px;
    font-size: clamp(14px, 6cqw, 24px);
  }
}

.scj-stage--winners .scj-art {
  z-index: 10;
}

/* Figma measured winner-list frame: node 726:12819 */
.scj-stage--winners .scj-art__logo {
  left: 2.4%;
  top: -29.1%;
  width: 45%;
}

.scj-stage--winners .scj-art__rays {
  left: 0;
  top: -30%;
  width: 52%;
  height: 150%;
}

.scj-stage--winners .scj-winner-panel {
  left: 64.5%;
  right: auto;
  top: 0;
  width: 30.16%;
  height: 100%;
  border: 0;
  overflow: hidden;
}

.scj-stage--winners .scj-winner-panel__title {
  position: relative;
  z-index: 2;
  height: 10.16%;
  background: #232323;
  color: #fff;
  font-size: clamp(12px, 1.88cqw, 36px);
  line-height: 1;
}

.scj-stage--winners .scj-winner-marquee {
  height: 89.84%;
  overflow: hidden;
}

.scj-stage--winners .scj-winner-card {
  min-height: clamp(42px, 4.54cqw, 87px);
  grid-template-columns: 14.15% 48.35% 1fr;
  column-gap: 2.08%;
  padding: 1.27% 4.63% 1.27% 1.28%;
  border: 4px solid rgb(35 35 35 / 60%);
  border-radius: 4px;
  background: linear-gradient(90deg, #232323 43.269%, #b80909 68.269%), linear-gradient(90deg, #232323 43.269%, #fc6200 100%);
}

.scj-stage--winners .scj-winner-card--mega {
  background: linear-gradient(90deg, #232323 43.269%, #d17900 68.269%), linear-gradient(90deg, #232323 43.269%, #fc6200 100%);
}

.scj-stage--winners .scj-winner-card--mini {
  background: linear-gradient(90deg, #232323 43.269%, #3b852b 68.269%), linear-gradient(90deg, #232323 43.269%, #fc6200 100%);
}

.scj-stage--winners .scj-winner-avatar {
  width: 100%;
  max-width: none;
}

.scj-stage--winners .scj-winner-id {
  font-size: clamp(17px, 2.06cqw, 40px);
  line-height: 0.75;
  color: #ffe400;
  text-shadow: 0 3px 3px #e50539;
}

.scj-stage--winners .scj-winner-time {
  margin-top: 9px;
  font-size: clamp(9px, 1.17cqw, 22px);
  line-height: 0.75;
  color: #ffe400;
  text-shadow: 0 3px 3px #e50539;
}

.scj-stage--winners .scj-winner-pot-art {
  width: 68%;
  max-width: none;
  margin-bottom: 4px;
}

.scj-stage--winners .scj-winner-amount {
  font-size: clamp(10px, 1.5cqw, 29px);
  letter-spacing: 0;
}

@media (max-width: 640px) {
  .scj-stage--winners .scj-art__logo {
    left: 3.1%;
    top: 6.75%;
    width: 49.7%;
  }

  .scj-stage--winners .scj-winner-panel {
    left: 54%;
    right: auto;
    top: 0;
    width: 40.57%;
    height: 100%;
  }

  .scj-stage--winners .scj-winner-panel__title {
    height: 8.25%;
    font-size: clamp(7px, 2.75cqw, 11px);
  }

  .scj-stage--winners .scj-winner-marquee {
    height: 91.75%;
  }

  .scj-stage--winners .scj-winner-card {
    min-height: clamp(37px, 10.9cqw, 44px);
    grid-template-columns: 14.15% 48.35% 1fr;
    column-gap: 2.08%;
    padding: 1.27% 4.63% 1.27% 1.28%;
    border-width: 2px;
  }

  .scj-stage--winners .scj-winner-id {
    font-size: clamp(12px, 4.95cqw, 20px);
  }

  .scj-stage--winners .scj-winner-time {
    margin-top: 4px;
    font-size: clamp(7px, 2.8cqw, 11px);
  }

  .scj-stage--winners .scj-winner-amount {
    font-size: clamp(8px, 3.55cqw, 14px);
  }
}

/* Full-width Figma title strip for winner-list frame */
.scj-stage--winners .scj-winner-panel {
  overflow: visible;
}

.scj-stage--winners .scj-winner-panel__title {
  position: absolute;
  left: -213.9%;
  top: 0;
  width: 331.6%;
  height: 10.16%;
}

.scj-stage--winners .scj-winner-marquee {
  position: absolute;
  left: 0;
  top: 10.16%;
  width: 100%;
  height: 89.84%;
}

@media (max-width: 640px) {
  .scj-stage--winners .scj-winner-panel__title {
    left: -133.1%;
    width: 246.5%;
    height: 8.25%;
  }

  .scj-stage--winners .scj-winner-marquee {
    top: 8.25%;
    height: 91.75%;
  }
}

/* Figma measured winner overlay: nodes 725:10747 and 726:11488 */
.scj-celebration {
  background:
    linear-gradient(90deg, rgb(255 228 0 / 7%), rgb(255 117 0 / 12%)),
    url("images/bg-tile-half.jpg") center / auto 100% repeat-x,
    #ffe400;
}

.scj-celebration__rays {
  inset: -4.25% -11.9% -4.25% -11.9%;
  width: 123.8%;
  height: 108.5%;
  opacity: 0.86;
}

.scj-celebration__pot-art {
  left: 0;
  top: -27.2%;
  width: 48.15%;
  max-width: none;
  filter: drop-shadow(0 12px 10px rgb(0 0 0 / 34%));
  transform-origin: 48% 58%;
  animation: scj-gentle-pulse 3.8s ease-in-out infinite;
}

.scj-celebration__coins {
  left: 79.8%;
  right: auto;
  top: 60.7%;
  bottom: auto;
  width: 19.25%;
  opacity: 0.95;
}

.scj-celebration__content {
  left: 47.75%;
  right: auto;
  top: 12.5%;
  width: 46.75%;
  min-height: 0;
  height: 75.1%;
  gap: 5.2%;
  padding: 2.15% 1.07%;
  border: clamp(3px, 0.31cqw, 6px) solid #fc6200;
  border-radius: clamp(14px, 1.61cqw, 31px);
  background: #ffe400;
  box-shadow: 0 10px 14px rgb(0 0 0 / 22%);
}

.scj-celebration__copy {
  font-size: clamp(18px, 2.6cqw, 50px);
  letter-spacing: 0;
}

.scj-celebration__amount {
  color: #fc6200;
  font-size: clamp(30px, 4.29cqw, 82px);
  letter-spacing: 0.06em;
  line-height: 1;
  text-shadow: none;
}

.scj-celebration__player {
  grid-template-columns: 14.15% 48.35% 23.83%;
  column-gap: 2.08%;
  width: 95.4%;
  min-height: clamp(58px, 6.72cqw, 129px);
  margin-inline: auto;
  padding: 1.27% 4.63% 1.27% 1.28%;
  border: clamp(3px, 0.31cqw, 6px) solid rgb(35 35 35 / 60%);
  border-radius: clamp(4px, 0.34cqw, 7px);
  background: linear-gradient(90deg, #232323 43.269%, #fc6200 68.269%), linear-gradient(90deg, #232323 43.269%, #fc6200 100%);
}

.scj-celebration__avatar {
  width: 100%;
  max-width: none;
}

.scj-celebration__player-meta strong {
  font-size: clamp(22px, 3.05cqw, 59px);
  line-height: 0.75;
  color: #ffe400;
  text-shadow: 0 5px 5px #e50539;
}

.scj-celebration__player-meta small {
  margin-top: clamp(5px, 0.72cqw, 14px);
  font-size: clamp(12px, 1.73cqw, 33px);
  line-height: 0.75;
  color: #ffe400;
  text-shadow: 0 5px 5px #e50539;
}

.scj-celebration__prize img {
  width: 68%;
  max-width: none;
}

.scj-celebration__prize b {
  font-size: clamp(13px, 2.21cqw, 43px);
  letter-spacing: 0.015em;
}

@media (max-width: 640px) {
  .scj-celebration__rays {
    inset: 2.25% -22.8% 2.25% -22.8%;
    width: 145.6%;
    height: 95.5%;
  }

  .scj-celebration__pot-art {
    left: -3.5%;
    top: 9.75%;
    width: 46.5%;
  }

  .scj-celebration__coins {
    left: 69.6%;
    top: 66.75%;
    width: 30.45%;
  }

  .scj-celebration__content {
    left: 33.63%;
    top: 26.5%;
    width: 64%;
    height: 52.25%;
    display: block;
    padding: 0;
    border: 0;
    border-radius: clamp(12px, 3.72cqw, 15px);
    overflow: visible;
  }

  .scj-celebration__copy {
    position: absolute;
    left: -52.55%;
    top: -50.72%;
    width: 156.64%;
    height: 15.8%;
    display: grid;
    place-items: center;
    color: #fc6200;
    background: #232323;
    font-size: clamp(15px, 6.25cqw, 25px);
    line-height: 1;
  }

  .scj-celebration__amount {
    position: absolute;
    left: 6.64%;
    top: 21.53%;
    width: 86.72%;
    font-size: clamp(36px, 16cqw, 64px);
    color: #111;
    letter-spacing: 0;
    text-align: center;
  }

  .scj-celebration__player {
    position: absolute;
    left: 1.37%;
    top: 50.72%;
    width: 97.27%;
    min-height: 0;
    height: 27.75%;
    grid-template-columns: 16% 54% 0;
    column-gap: 4%;
    padding: 0 3.5% 0 16%;
    border-width: 3px;
    border-radius: 2px;
  }

  .scj-celebration__avatar {
    position: absolute;
    left: 16%;
    width: 14%;
  }

  .scj-celebration__player-meta strong {
    font-size: clamp(20px, 8cqw, 32px);
  }

  .scj-celebration__player-meta small,
  .scj-celebration__prize {
    display: none;
  }
}

/* Overlay row fit tweak after visual preview */
.scj-celebration__player {
  grid-template-columns: 14.15% 43% 34%;
}

.scj-celebration__prize img {
  width: 54%;
}

.scj-celebration__prize b {
  font-size: clamp(12px, 1.7cqw, 32px);
}

@media (max-width: 640px) {
  .scj-celebration__player {
    grid-template-columns: 16% 72%;
  }
}

/* Keep the full-width winner title pinned once the embed exceeds the intended desktop size. */
.scj-stage--winners .scj-winner-panel__title {
  left: calc(-64.5cqw + 2.4cqw);
  width: min(100cqw, 1120px);
  max-width: 100cqw;
}

@media (min-width: 1121px) {
  .scj-stage--winners .scj-winner-panel__title {
    left: calc(-1 * (min(100cqw, 1120px) * 0.621));
  }
}

@media (max-width: 640px) {
  .scj-stage--winners .scj-winner-panel__title {
    left: -133.1%;
    width: 246.5%;
    max-width: none;
  }
}

/* Winner title strip belongs to the slide, not the scrolling winner column. */
.scj-stage--winners::before {
  content: "Vencedores de hoje";
  position: absolute;
  left: 0;
  top: 0;
  z-index: 9;
  width: 100%;
  height: 10.16%;
  display: grid;
  place-items: center;
  color: #fff;
  background: #232323;
  font-size: clamp(12px, 1.88cqw, 36px);
  font-weight: 950;
  line-height: 1;
  text-align: center;
  text-transform: uppercase;
  pointer-events: none;
}

.scj-stage--winners .scj-winner-panel__title {
  display: none;
}

@media (max-width: 640px) {
  .scj-stage--winners::before {
    height: 8.25%;
    font-size: clamp(7px, 2.75cqw, 11px);
  }
}

/* Split shortcode panels for use inside an external carousel. */
.scj-widget--panel {
  width: min(100%, 1120px);
}

.scj-panel {
  position: relative;
  width: 100%;
  aspect-ratio: 1920 / 512;
  overflow: hidden;
  background: #f49300;
  isolation: isolate;
  container-type: inline-size;
}

.scj-panel > .scj-stage,
.scj-carousel-slide > .scj-stage {
  width: 100%;
  height: 100%;
}

.scj-celebration-host {
  container-type: inline-size;
  overflow: hidden;
}

.scj-celebration--external {
  position: absolute;
  inset: 0;
  z-index: 999;
}

.scj-celebration-host.is-scj-celebrating .scj-widget--panel {
  pointer-events: none;
}

@media (max-width: 640px) {
  .scj-widget--panel {
    width: 100%;
  }

  .scj-panel {
    aspect-ratio: 800 / 400;
  }
}
.scj-countdown {
  position: absolute;
  right: clamp(8px, 1.4cqw, 18px);
  bottom: clamp(8px, 1.4cqw, 18px);
  z-index: 1000;
  display: grid;
  grid-template-columns: auto auto;
  gap: 2px 8px;
  align-items: center;
  min-width: clamp(112px, 15cqw, 168px);
  padding: clamp(6px, 0.9cqw, 10px) clamp(8px, 1.2cqw, 14px);
  border: 2px solid rgb(255 228 0 / 88%);
  border-radius: 6px;
  color: #fff;
  background: rgb(24 24 24 / 82%);
  box-shadow: 0 6px 16px rgb(0 0 0 / 28%);
  font-family: Arial, Helvetica, sans-serif;
  pointer-events: none;
  text-transform: uppercase;
}

.scj-countdown__label {
  grid-column: 1 / -1;
  color: #ffe400;
  font-size: clamp(7px, 0.85cqw, 11px);
  font-weight: 950;
  line-height: 1;
}

.scj-countdown strong {
  font-size: clamp(15px, 2.2cqw, 26px);
  font-weight: 1000;
  line-height: 1;
}

.scj-countdown [data-scj-countdown-pot] {
  justify-self: end;
  color: #ffe400;
  font-size: clamp(9px, 1.1cqw, 14px);
  font-weight: 950;
}

.scj-countdown.is-complete {
  opacity: 0.62;
}

@media (max-width: 640px) {
  .scj-countdown {
    right: 6px;
    bottom: 6px;
    min-width: 92px;
    padding: 5px 7px;
  }
}
/* Late overrides: celebration colour follows the winning pot. */
.scj-celebration.scj-celebration--mega {
  background:
    linear-gradient(90deg, rgb(255 228 0 / 10%), rgb(255 117 0 / 16%)),
    url("images/bg-tile-half.jpg") center / auto 100% repeat-x,
    #ffe400;
}

.scj-celebration.scj-celebration--major {
  background:
    linear-gradient(90deg, rgb(255 228 0 / 8%), rgb(229 5 57 / 13%)),
    url("images/bg-tile-half.jpg") center / auto 100% repeat-x,
    #e52219;
}

.scj-celebration.scj-celebration--mini {
  background:
    linear-gradient(90deg, rgb(255 228 0 / 7%), rgb(23 125 41 / 18%)),
    url("images/bg-tile-half.jpg") center / auto 100% repeat-x,
    #208232;
}

.scj-celebration.scj-celebration--major .scj-celebration__player {
  background: linear-gradient(90deg, #232323 43.269%, #b80909 68.269%), linear-gradient(90deg, #232323 43.269%, #e50539 100%);
}

.scj-celebration.scj-celebration--mega .scj-celebration__player {
  background: linear-gradient(90deg, #232323 43.269%, #d17900 68.269%), linear-gradient(90deg, #232323 43.269%, #fc6200 100%);
}

.scj-celebration.scj-celebration--mini .scj-celebration__player {
  background: linear-gradient(90deg, #232323 43.269%, #3b852b 68.269%), linear-gradient(90deg, #232323 43.269%, #1f8d32 100%);
}
/* Pot colour map: Mega red, Major yellow, Mini green. */
.scj-pot-row--mega strong,
.scj-winner-card--mega {
  background: linear-gradient(180deg, #df2018, #b81212);
}

.scj-pot-row--major strong,
.scj-winner-card--major {
  background: linear-gradient(180deg, #f4a100, #d77c00);
}

.scj-pot-row--mini strong,
.scj-winner-card--mini {
  background: linear-gradient(180deg, #3d8f2f, #256e22);
}

.scj-winner-card {
  border-bottom-width: 1px;
}

.scj-stage--winners .scj-winner-card {
  border-width: 1px;
}

.scj-stage--winners .scj-winner-card--mega {
  background: linear-gradient(90deg, #232323 43.269%, #b80909 68.269%), linear-gradient(90deg, #232323 43.269%, #e50539 100%);
}

.scj-stage--winners .scj-winner-card--major {
  background: linear-gradient(90deg, #232323 43.269%, #d17900 68.269%), linear-gradient(90deg, #232323 43.269%, #fc6200 100%);
}

.scj-stage--winners .scj-winner-card--mini {
  background: linear-gradient(90deg, #232323 43.269%, #3b852b 68.269%), linear-gradient(90deg, #232323 43.269%, #1f8d32 100%);
}

.scj-celebration.scj-celebration--mega {
  background:
    linear-gradient(90deg, rgb(229 5 57 / 12%), rgb(184 9 9 / 18%)),
    url("images/bg-tile-half.jpg") center / auto 100% repeat-x,
    #e52219;
}

.scj-celebration.scj-celebration--major {
  background:
    linear-gradient(90deg, rgb(255 228 0 / 10%), rgb(255 117 0 / 16%)),
    url("images/bg-tile-half.jpg") center / auto 100% repeat-x,
    #ffe400;
}

.scj-celebration.scj-celebration--mini {
  background:
    linear-gradient(90deg, rgb(255 228 0 / 7%), rgb(23 125 41 / 18%)),
    url("images/bg-tile-half.jpg") center / auto 100% repeat-x,
    #208232;
}

.scj-celebration.scj-celebration--mega .scj-celebration__player {
  background: linear-gradient(90deg, #232323 43.269%, #b80909 68.269%), linear-gradient(90deg, #232323 43.269%, #e50539 100%);
}

.scj-celebration.scj-celebration--major .scj-celebration__player {
  background: linear-gradient(90deg, #232323 43.269%, #d17900 68.269%), linear-gradient(90deg, #232323 43.269%, #fc6200 100%);
}

.scj-celebration.scj-celebration--mini .scj-celebration__player {
  background: linear-gradient(90deg, #232323 43.269%, #3b852b 68.269%), linear-gradient(90deg, #232323 43.269%, #1f8d32 100%);
}
/* Keep jackpot title artwork visually consistent across Mega, Major and Mini. */
.scj-pot-row__title,
.scj-stage--pots .scj-pot-row__title,
.scj-pot-row--mega .scj-pot-row__title,
.scj-pot-row--major .scj-pot-row__title,
.scj-pot-row--mini .scj-pot-row__title,
.scj-stage--pots .scj-pot-row--mega .scj-pot-row__title,
.scj-stage--pots .scj-pot-row--major .scj-pot-row__title,
.scj-stage--pots .scj-pot-row--mini .scj-pot-row__title {
  width: 35%;
  height: 64%;
  object-fit: contain;
  margin-left: 2.4%;
}

@media (max-width: 640px) {
  .scj-pot-row__title,
  .scj-stage--pots .scj-pot-row__title,
  .scj-pot-row--mega .scj-pot-row__title,
  .scj-pot-row--major .scj-pot-row__title,
  .scj-pot-row--mini .scj-pot-row__title,
  .scj-stage--pots .scj-pot-row--mega .scj-pot-row__title,
  .scj-stage--pots .scj-pot-row--major .scj-pot-row__title,
  .scj-stage--pots .scj-pot-row--mini .scj-pot-row__title {
    width: 28%;
    max-width: 28%;
    height: 66%;
    margin-left: 4.8%;
  }
}
/* Mobile fit pass: keep jackpot labels clear of the values. */
@media (max-width: 640px) {
  .scj-stage--pots .scj-pot-board {
    left: 42%;
    top: 18.5%;
    width: 55%;
    height: 64%;
    gap: 3%;
  }

  .scj-pot-row__title,
  .scj-stage--pots .scj-pot-row__title,
  .scj-pot-row--mega .scj-pot-row__title,
  .scj-pot-row--major .scj-pot-row__title,
  .scj-pot-row--mini .scj-pot-row__title,
  .scj-stage--pots .scj-pot-row--mega .scj-pot-row__title,
  .scj-stage--pots .scj-pot-row--major .scj-pot-row__title,
  .scj-stage--pots .scj-pot-row--mini .scj-pot-row__title {
    width: 18%;
    max-width: 18%;
    height: 58%;
    margin-left: 13%;
  }

  .scj-stage--pots .scj-pot-row strong {
    margin-left: 5%;
    padding: 0 7% 0 20%;
    border-radius: 11px;
    font-size: clamp(12px, 4.2cqw, 17px);
  }

  .scj-countdown {
    right: 2px;
    bottom: 2px;
    min-width: 82px;
    padding: 4px 6px;
    transform: scale(0.76);
    transform-origin: right bottom;
  }

  .scj-countdown__label {
    font-size: 7px;
  }

  .scj-countdown strong {
    font-size: 16px;
  }
}
/* Mobile celebration fit pass. */
@media (max-width: 640px) {
  .scj-celebration__rays {
    inset: 0;
    width: 100%;
    height: 100%;
  }

  .scj-celebration__pot-art {
    left: 1.5%;
    top: 15%;
    width: 37%;
  }

  .scj-celebration__coins {
    left: 77%;
    top: 68%;
    width: 21%;
  }

  .scj-celebration__content {
    left: 34%;
    top: 9%;
    width: 64%;
    height: 80%;
    display: grid;
    grid-template-rows: 18% 37% 31%;
    align-content: center;
    gap: 5%;
    padding: 0;
    border: 0;
    border-radius: 0;
    overflow: visible;
    background: transparent;
    box-shadow: none;
  }

  .scj-celebration__copy {
    position: static;
    left: auto;
    top: auto;
    width: 100%;
    height: auto;
    min-height: 18px;
    display: grid;
    place-items: center;
    padding: 0 4px;
    color: #fc6200;
    background: #232323;
    font-size: clamp(8px, 2.5cqw, 10px);
    line-height: 1;
    white-space: nowrap;
  }

  .scj-celebration__amount {
    position: static;
    left: auto;
    top: auto;
    width: 100%;
    display: grid;
    place-items: center;
    padding: 0 10%;
    border-radius: 10px;
    color: #111;
    background: #ffe400;
    font-size: clamp(17px, 5.4cqw, 21px);
    letter-spacing: 0;
    line-height: 0.95;
    text-align: center;
    white-space: nowrap;
  }

  .scj-celebration__player {
    position: static;
    left: auto;
    top: auto;
    width: 100%;
    height: auto;
    min-height: 32px;
    grid-template-columns: 15% 47% 32%;
    column-gap: 3%;
    padding: 2px 6px 2px 4px;
    border-width: 2px;
    border-radius: 2px;
  }

  .scj-celebration__avatar {
    position: static;
    left: auto;
    width: 100%;
  }

  .scj-celebration__player-meta strong {
    font-size: clamp(9px, 3cqw, 12px);
    line-height: 1;
  }

  .scj-celebration__player-meta small {
    display: block;
    margin-top: 2px;
    font-size: clamp(5px, 1.7cqw, 7px);
    line-height: 1;
  }

  .scj-celebration__prize {
    display: grid;
  }

  .scj-celebration__prize img {
    width: 62%;
  }

  .scj-celebration__prize b {
    font-size: clamp(6px, 1.9cqw, 8px);
    white-space: nowrap;
  }
}
/* Jackpot value box alignment: equal boxes with right-aligned amounts. */
.scj-stage--pots .scj-pot-row {
  align-items: stretch;
}

.scj-stage--pots .scj-pot-row strong {
  width: 84.1%;
  height: 100%;
  min-width: 0;
  margin-left: 0;
  justify-self: end;
  justify-content: flex-end;
  text-align: right;
}

@media (max-width: 640px) {
  .scj-stage--pots .scj-pot-row strong {
    width: 80%;
    margin-left: 0;
    justify-self: end;
    justify-content: flex-end;
    text-align: right;
  }
}
/* Mobile winner list fit pass. */
@media (max-width: 640px) {
  .scj-stage--winners .scj-winner-id {
    font-size: clamp(9px, 3.7cqw, 15px);
    line-height: 0.9;
  }

  .scj-stage--winners .scj-winner-amount {
    font-size: clamp(6px, 2.55cqw, 10px);
    line-height: 1;
  }

  .scj-stage--winners .scj-winner-pot-art,
  .scj-stage--winners .scj-winner-card--mega .scj-winner-pot-art,
  .scj-stage--winners .scj-winner-card--major .scj-winner-pot-art,
  .scj-stage--winners .scj-winner-card--mini .scj-winner-pot-art {
    width: 58%;
    height: 14px;
    max-width: none;
    object-fit: contain;
    object-position: center;
  }
}
/* Mobile winner prize alignment: full-width centered image and amount. */
@media (max-width: 640px) {
  .scj-stage--winners .scj-winner-prize {
    width: 100%;
    min-width: 0;
    display: grid;
    justify-items: center;
    align-content: center;
    text-align: center;
  }

  .scj-stage--winners .scj-winner-pot-art,
  .scj-stage--winners .scj-winner-card--mega .scj-winner-pot-art,
  .scj-stage--winners .scj-winner-card--major .scj-winner-pot-art,
  .scj-stage--winners .scj-winner-card--mini .scj-winner-pot-art {
    height: 14px;
    justify-self: center;
    object-fit: contain;
    object-position: center;
  }

  .scj-stage--winners .scj-winner-amount {
    justify-self: center;
    text-align: center;
  }
}
/* Figma mobile celebration pass: node 726:11488. */
@media (max-width: 640px) {
  .scj-celebration__copy {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 8.25%;
    min-height: 0;
    display: grid;
    place-items: center;
    padding: 0 3%;
    color: #fc6200;
    background: #232323;
    font-size: clamp(13px, 4.4cqw, 24px);
    font-weight: 950;
    line-height: 1;
    white-space: nowrap;
    text-align: center;
  }

  .scj-celebration__pot-art {
    left: -3.5%;
    top: 9.75%;
    width: 46.5%;
    height: 83.5%;
    object-fit: contain;
    object-position: center;
  }

  .scj-celebration__content {
    left: 33.625%;
    top: 26.5%;
    width: 64%;
    height: 52.25%;
    display: block;
    padding: 0;
    border: 0;
    border-radius: clamp(7px, 1.75cqw, 14px);
    overflow: visible;
    background: #ffe400;
    box-shadow: none;
  }

  .scj-celebration__amount {
    position: absolute;
    left: 6.64%;
    top: 21.53%;
    width: 86.72%;
    height: 19.62%;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0;
    border-radius: 0;
    color: #111;
    background: transparent;
    font-size: clamp(28px, 10.5cqw, 67px);
    font-weight: 1000;
    line-height: 1;
    text-align: center;
    white-space: nowrap;
    text-shadow: none;
  }

  .scj-celebration__player {
    position: absolute;
    left: 1.37%;
    top: 50.72%;
    width: 97.26%;
    height: 27.75%;
    min-height: 0;
    display: grid;
    grid-template-columns: 31% 1fr;
    column-gap: 4%;
    align-items: center;
    padding: 0 4%;
    border: clamp(1px, 0.38cqw, 3px) solid #fcc200;
    border-radius: 0;
    overflow: visible;
    background: #fc6200;
    text-align: left;
    box-shadow: none;
  }

  .scj-celebration__avatar {
    width: clamp(34px, 8.75cqw, 70px);
    max-width: none;
    justify-self: end;
  }

  .scj-celebration__player-meta {
    min-width: 0;
    justify-self: start;
  }

  .scj-celebration__player-meta strong {
    color: #ffe400;
    font-size: clamp(18px, 5.7cqw, 32px);
    font-weight: 1000;
    line-height: 1;
    white-space: nowrap;
    text-shadow: 0 2px 0 rgb(0 0 0 / 45%);
  }

  .scj-celebration__player-meta small,
  .scj-celebration__prize {
    display: none;
  }

  .scj-celebration__coins {
    left: 69.6%;
    top: 66.75%;
    width: 30.45%;
  }
}
/* Mobile celebration title strip correction. */
@media (max-width: 640px) {
  .scj-celebration__content {
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: transparent;
    border-radius: 0;
  }

  .scj-celebration__content::before {
    content: "";
    position: absolute;
    left: 33.625%;
    top: 26.5%;
    width: 64%;
    height: 52.25%;
    border-radius: clamp(7px, 1.75cqw, 14px);
    background: #ffe400;
    z-index: -1;
  }

  .scj-celebration__copy {
    left: 0;
    top: 0;
    width: 100%;
    height: 8.25%;
  }

  .scj-celebration__amount {
    left: 37.875%;
    top: 37.75%;
    width: 55.5%;
    height: 10.25%;
  }

  .scj-celebration__player {
    left: 34.5%;
    top: 53%;
    width: 62.25%;
    height: 14.5%;
  }
}

/* WINNER OVERLAY final Figma pass: desktop 725:10747, mobile 726:11488. */
.scj-celebration__content {
  left: 47.75%;
  top: 12.5%;
  width: 46.75%;
  height: 75.1%;
  min-height: 0;
  display: block;
  padding: 0;
  border: clamp(3px, 0.31cqw, 6px) solid #fc6200;
  border-radius: clamp(14px, 1.61cqw, 31px);
  overflow: visible;
  background: #ffe400;
  box-shadow: 0 10px 14px rgb(0 0 0 / 22%);
}

.scj-celebration__content::before {
  content: none;
}

.scj-celebration__copy {
  position: absolute;
  left: 2.29%;
  top: 10.71%;
  width: 95.42%;
  height: 13.01%;
  display: grid;
  place-items: center;
  padding: 0;
  color: #fc6200;
  background: transparent;
  font-size: clamp(18px, 2.6cqw, 50px);
  font-weight: 950;
  line-height: 1;
  text-align: center;
  white-space: nowrap;
}

.scj-celebration__amount {
  position: absolute;
  left: 17.64%;
  top: 28.92%;
  width: 64.72%;
  height: 21.59%;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0;
  color: #fc6200;
  background: transparent;
  font-size: clamp(30px, 4.29cqw, 82px);
  font-weight: 1000;
  line-height: 1;
  letter-spacing: 0.06em;
  text-align: center;
  white-space: nowrap;
  text-shadow: none;
}

.scj-celebration__player {
  position: absolute;
  left: 2.29%;
  top: 55.71%;
  width: 95.42%;
  height: 33.57%;
  min-height: 0;
  display: grid;
  grid-template-columns: 14.15% 43% 34%;
  column-gap: 2.08%;
  align-items: center;
  margin: 0;
  padding: 1.27% 4.63% 1.27% 1.28%;
  border: clamp(3px, 0.31cqw, 6px) solid rgb(35 35 35 / 60%);
  border-radius: clamp(4px, 0.34cqw, 7px);
  overflow: hidden;
  background: linear-gradient(90deg, #232323 43.269%, #fc6200 68.269%), linear-gradient(90deg, #232323 43.269%, #fc6200 100%);
  text-align: left;
  box-shadow: none;
}

.scj-celebration__avatar {
  position: static;
  width: 100%;
  max-width: none;
  justify-self: center;
}

.scj-celebration__player-meta {
  display: grid;
  min-width: 0;
  justify-self: stretch;
}

.scj-celebration__player-meta strong {
  color: #ffe400;
  font-size: clamp(22px, 3.05cqw, 59px);
  font-weight: 1000;
  line-height: 0.75;
  white-space: nowrap;
  text-shadow: 0 5px 5px #e50539;
}

.scj-celebration__player-meta small {
  display: block;
  margin-top: clamp(5px, 0.72cqw, 14px);
  color: #ffe400;
  font-size: clamp(12px, 1.73cqw, 33px);
  font-weight: 950;
  line-height: 0.75;
  white-space: nowrap;
  text-shadow: 0 5px 5px #e50539;
}

.scj-celebration__prize {
  display: grid;
  justify-items: end;
  align-content: center;
  min-width: 0;
  text-align: right;
}

.scj-celebration__prize img {
  width: 54%;
  max-width: none;
  margin-bottom: 2px;
  object-fit: contain;
}

.scj-celebration__prize b {
  color: #fff;
  font-size: clamp(12px, 1.7cqw, 32px);
  font-weight: 950;
  line-height: 1;
  white-space: nowrap;
  text-shadow: 0 2px 0 rgb(0 0 0 / 42%);
}

@media (max-width: 640px) {
  .scj-celebration__content {
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    border: 0;
    border-radius: 0;
    background: transparent;
    box-shadow: none;
  }

  .scj-celebration__content::before {
    content: "";
    position: absolute;
    left: 33.625%;
    top: 26.5%;
    width: 64%;
    height: 52.25%;
    border-radius: clamp(7px, 1.75cqw, 14px);
    background: #ffe400;
    z-index: -1;
  }

  .scj-celebration__copy {
    left: 0;
    top: 0;
    width: 100%;
    height: 8.25%;
    color: #fc6200;
    background: #232323;
    font-size: clamp(13px, 4.4cqw, 24px);
  }

  .scj-celebration__amount {
    left: 37.875%;
    top: 37.75%;
    width: 55.5%;
    height: 10.25%;
    color: #111;
    font-size: clamp(28px, 10.5cqw, 67px);
    letter-spacing: 0;
  }

  .scj-celebration__player {
    left: 34.5%;
    top: 53%;
    width: 62.25%;
    height: 14.5%;
    grid-template-columns: 31% 1fr;
    column-gap: 4%;
    padding: 0 4%;
    border: clamp(1px, 0.38cqw, 3px) solid #fcc200;
    border-radius: 0;
    overflow: visible;
    background: #fc6200;
  }

  .scj-celebration__avatar {
    width: clamp(34px, 8.75cqw, 70px);
    justify-self: end;
  }

  .scj-celebration__player-meta {
    justify-self: start;
  }

  .scj-celebration__player-meta strong {
    font-size: clamp(18px, 5.7cqw, 32px);
    line-height: 1;
    text-shadow: 0 2px 0 rgb(0 0 0 / 45%);
  }

  .scj-celebration__player-meta small,
  .scj-celebration__prize {
    display: none;
  }
}
/* WINNER OVERLAY revised Figma pass: desktop 1130:38678, mobile 1130:38938. */
.scj-celebration__pot-art {
  left: 0;
  top: -27.18%;
  width: 48.13%;
  height: 162.18%;
  max-width: none;
  object-fit: contain;
  object-position: center;
}

.scj-celebration__content {
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  display: block;
  padding: 0;
  border: 0;
  border-radius: 0;
  overflow: visible;
  background: transparent;
  box-shadow: none;
}

.scj-celebration__content::before {
  content: none;
}

.scj-celebration__copy {
  position: absolute;
  left: 43.97%;
  top: 6.32%;
  width: 49.12%;
  height: 46.51%;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0;
  color: #fc6200;
  background: transparent;
  font-size: clamp(42px, 6.8cqw, 130px);
  font-weight: 1000;
  line-height: 0.86;
  letter-spacing: 0;
  text-align: center;
  text-transform: uppercase;
  white-space: normal;
  text-shadow: 0 5px 0 #011b41, 0 8px 8px rgb(0 0 0 / 35%);
}

.scj-celebration__amount {
  display: none;
}

.scj-celebration__player {
  position: absolute;
  left: 43.05%;
  top: 58.87%;
  width: 52.15%;
  min-height: 0;
  display: grid;
  grid-template-columns: 14.15% 48.35% 23.83%;
  column-gap: 2.08%;
  align-items: center;
  margin: 0;
  padding: 1.27% 4.63% 1.27% 1.28%;
  border: clamp(3px, 0.31cqw, 6px) solid rgb(35 35 35 / 60%);
  border-radius: clamp(4px, 0.34cqw, 7px);
  overflow: hidden;
  background: linear-gradient(90deg, #232323 43.269%, #fc6200 68.269%), linear-gradient(90deg, #232323 43.269%, #fc6200 100%);
  text-align: left;
  box-shadow: none;
}

.scj-celebration__avatar {
  position: static;
  width: 100%;
  max-width: none;
  justify-self: center;
}

.scj-celebration__player-meta {
  display: grid;
  min-width: 0;
  justify-self: stretch;
}

.scj-celebration__player-meta strong {
  color: #ffe400;
  font-size: clamp(22px, 3.05cqw, 59px);
  font-weight: 1000;
  line-height: 0.75;
  white-space: nowrap;
  text-shadow: 0 5px 5px #e50539;
}

.scj-celebration__player-meta small {
  display: block;
  margin-top: clamp(5px, 0.72cqw, 14px);
  color: #ffe400;
  font-size: clamp(12px, 1.73cqw, 33px);
  font-weight: 950;
  line-height: 0.75;
  white-space: nowrap;
  text-shadow: 0 5px 5px #e50539;
}

.scj-celebration__prize {
  display: grid;
  justify-items: end;
  align-content: center;
  min-width: 0;
  text-align: right;
}

.scj-celebration__prize img {
  width: 68%;
  max-width: none;
  margin-bottom: 2px;
  object-fit: contain;
}

.scj-celebration__prize b {
  color: #fff;
  font-size: clamp(13px, 2.21cqw, 43px);
  font-weight: 950;
  line-height: 1;
  white-space: nowrap;
  text-shadow: 0 2px 0 rgb(0 0 0 / 42%);
}

.scj-celebration__coins {
  left: 79.84%;
  top: 60.74%;
  width: 19.24%;
}

@media (max-width: 640px) {
  .scj-celebration__pot-art {
    left: -3.5%;
    top: -6.75%;
    width: 53.18%;
    height: 95.57%;
  }

  .scj-celebration__copy {
    left: 40.71%;
    top: 11.25%;
    width: 55.51%;
    height: 50.84%;
    color: #fc6200;
    background: transparent;
    font-size: clamp(31px, 10.8cqw, 86px);
    line-height: 0.84;
    text-shadow: 0 3px 0 #011b41, 0 5px 6px rgb(0 0 0 / 35%);
  }

  .scj-celebration__player {
    left: 6.3%;
    top: 66.84%;
    width: 90.56%;
    height: 27.3%;
    grid-template-columns: 14.15% 48.35% 23.83%;
    column-gap: 2.08%;
    padding: 1.27% 4.63% 1.27% 1.28%;
    border: clamp(1px, 0.38cqw, 3px) solid rgb(35 35 35 / 60%);
    border-radius: 3px;
    overflow: hidden;
    background: linear-gradient(90deg, #232323 43.269%, #fc6200 68.269%), linear-gradient(90deg, #232323 43.269%, #fc6200 100%);
  }

  .scj-celebration__avatar {
    width: 100%;
    justify-self: center;
  }

  .scj-celebration__player-meta {
    justify-self: stretch;
  }

  .scj-celebration__player-meta strong {
    font-size: clamp(16px, 4.4cqw, 35px);
    line-height: 0.8;
    text-shadow: 0 3px 3px #e50539;
  }

  .scj-celebration__player-meta small {
    display: block;
    margin-top: 4px;
    font-size: clamp(8px, 2.5cqw, 20px);
    line-height: 0.8;
    text-shadow: 0 3px 3px #e50539;
  }

  .scj-celebration__prize {
    display: grid;
  }

  .scj-celebration__prize img {
    width: 68%;
  }

  .scj-celebration__prize b {
    font-size: clamp(8px, 2.9cqw, 23px);
  }

  .scj-celebration__coins {
    left: 69.58%;
    top: 66.75%;
    width: 30.45%;
  }
}
/* Winner overlay text artwork. */
.scj-celebration__copy {
  overflow: hidden;
  color: transparent;
  background: transparent url("images/desktop-winner-text.png") center / contain no-repeat;
  font-size: 0;
  line-height: 0;
  text-shadow: none;
}

@media (max-width: 640px) {
  .scj-celebration__copy {
    background-image: url("images/mobile-winner-text.png");
  }
}
/* Celebration pot artwork by winning pot. */
.scj-celebration__pot-art {
  background-position: center;
  background-size: contain;
  background-repeat: no-repeat;
}

.scj-celebration.scj-celebration--mega .scj-celebration__pot-art,
.scj-celebration[data-scj-celebration-pot="mega"] .scj-celebration__pot-art {
  background-image: url("images/mega.png");
}

.scj-celebration.scj-celebration--major .scj-celebration__pot-art,
.scj-celebration[data-scj-celebration-pot="major"] .scj-celebration__pot-art {
  background-image: url("images/major.png");
}

.scj-celebration.scj-celebration--mini .scj-celebration__pot-art,
.scj-celebration[data-scj-celebration-pot="mini"] .scj-celebration__pot-art {
  background-image: url("images/mini.png");
}
/* Winner prize column final centering. */
.scj-stage--winners .scj-winner-prize {
  width: 100%;
  min-width: 0;
  display: grid;
  justify-items: center;
  align-content: center;
  text-align: center;
  transform: none;
}

.scj-stage--winners .scj-winner-pot-art,
.scj-stage--winners .scj-winner-amount {
  justify-self: center;
  text-align: center;
}

.scj-stage--winners .scj-winner-pot-art {
  object-fit: contain;
  object-position: center;
}
/* Countdown pause control. */
.scj-countdown__pause {
  margin-top: 4px;
  padding: 2px 7px;
  border: 1px solid rgb(255 255 255 / 55%);
  border-radius: 999px;
  color: #fff;
  background: rgb(0 0 0 / 32%);
  font: inherit;
  font-size: 9px;
  font-weight: 900;
  line-height: 1.1;
  text-transform: uppercase;
  cursor: pointer;
}

.scj-countdown__pause:hover,
.scj-countdown__pause:focus-visible {
  background: rgb(255 255 255 / 22%);
  outline: none;
}

.scj-countdown.is-paused {
  border-color: #ffdf00;
}
/* Final celebration pot colour lock: Mega red, Major yellow, Mini green. */
.scj-celebration.scj-celebration--mega,
.scj-celebration[data-scj-celebration-pot="mega"] {
  background:
    linear-gradient(90deg, rgb(229 5 57 / 12%), rgb(184 9 9 / 18%)),
    url("images/bg-tile-half.jpg") center / auto 100% repeat-x,
    #e52219;
}

.scj-celebration.scj-celebration--major,
.scj-celebration[data-scj-celebration-pot="major"] {
  background:
    linear-gradient(90deg, rgb(255 228 0 / 10%), rgb(255 117 0 / 16%)),
    url("images/bg-tile-half.jpg") center / auto 100% repeat-x,
    #ffe400;
}

.scj-celebration.scj-celebration--mini,
.scj-celebration[data-scj-celebration-pot="mini"] {
  background:
    linear-gradient(90deg, rgb(255 228 0 / 7%), rgb(23 125 41 / 18%)),
    url("images/bg-tile-half.jpg") center / auto 100% repeat-x,
    #208232;
}

.scj-celebration.scj-celebration--mega .scj-celebration__player,
.scj-celebration[data-scj-celebration-pot="mega"] .scj-celebration__player {
  background: linear-gradient(90deg, #232323 43.269%, #b80909 68.269%), linear-gradient(90deg, #232323 43.269%, #e50539 100%);
}

.scj-celebration.scj-celebration--major .scj-celebration__player,
.scj-celebration[data-scj-celebration-pot="major"] .scj-celebration__player {
  background: linear-gradient(90deg, #232323 43.269%, #d17900 68.269%), linear-gradient(90deg, #232323 43.269%, #fc6200 100%);
}

.scj-celebration.scj-celebration--mini .scj-celebration__player,
.scj-celebration[data-scj-celebration-pot="mini"] .scj-celebration__player {
  background: linear-gradient(90deg, #232323 43.269%, #3b852b 68.269%), linear-gradient(90deg, #232323 43.269%, #1f8d32 100%);
}
/* Final winner overlay panel reset: the celebration artwork supplies the backdrop. */
.scj-celebration .scj-celebration__content,
.scj-celebration.scj-celebration--mega .scj-celebration__content,
.scj-celebration.scj-celebration--major .scj-celebration__content,
.scj-celebration.scj-celebration--mini .scj-celebration__content,
.scj-celebration[data-scj-celebration-pot="mega"] .scj-celebration__content,
.scj-celebration[data-scj-celebration-pot="major"] .scj-celebration__content,
.scj-celebration[data-scj-celebration-pot="mini"] .scj-celebration__content {
  border: 0;
  background: transparent;
  box-shadow: none;
}

.scj-celebration .scj-celebration__content::before,
.scj-celebration.scj-celebration--mega .scj-celebration__content::before,
.scj-celebration.scj-celebration--major .scj-celebration__content::before,
.scj-celebration.scj-celebration--mini .scj-celebration__content::before,
.scj-celebration[data-scj-celebration-pot="mega"] .scj-celebration__content::before,
.scj-celebration[data-scj-celebration-pot="major"] .scj-celebration__content::before,
.scj-celebration[data-scj-celebration-pot="mini"] .scj-celebration__content::before {
  content: none;
  display: none;
  background: transparent;
}
/* Hide production debug countdown. */
.scj-countdown {
  display: none !important;
}
/* Celebration row pot label icon. */
.scj-celebration__avatar {
  object-fit: contain;
  filter: drop-shadow(0 3px 0 #0b245c) drop-shadow(0 4px 4px rgb(0 0 0 / 32%));
}

.scj-celebration__prize img,
.scj-celebration__prize [data-celebration-pot-title] {
  display: none !important;
}