/* SyokBox V2.44.6 — official reward reveal and clean winner icon. */
.reveal-stage-official .reveal-official-mark{
  position:relative;
  z-index:1;
  display:block;
  width:178px;
  height:178px;
  filter:drop-shadow(0 12px 18px rgba(37,76,196,.12));
  animation:revealOfficialFloat 2.65s cubic-bezier(.25,.75,.25,1) both;
}
.reveal-stage-official .reveal-official-mark img{
  position:absolute;
  inset:0;
  display:block;
  width:100%;
  height:100%;
  object-fit:contain;
}
.reveal-stage-official .reveal-official-base{
  animation:revealOfficialBase .52s .06s ease both;
}
.reveal-stage-official .reveal-official-ribbon{
  clip-path:inset(0 50% 0 50%);
  transform-origin:50% 34%;
  animation:revealOfficialRibbonTie 1.05s .72s cubic-bezier(.2,.8,.25,1.15) forwards;
}
.reveal-winner .reveal-official-mark{
  animation:revealOfficialWinner .38s ease forwards;
}
.winner-icon-halo{
  background:none!important;
}
.winner-cashier-copy{
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  text-align:center;
  gap:3px;
}
.winner-cashier-copy span,
.winner-cashier-copy strong{
  display:block;
}
.winner-cashier-copy strong{
  color:#53627e;
  font-weight:800;
}
@keyframes revealOfficialBase{
  from{opacity:0;transform:translateY(9px) scale(.88)}
  to{opacity:1;transform:translateY(0) scale(1)}
}
@keyframes revealOfficialRibbonTie{
  0%{opacity:0;clip-path:inset(0 50% 0 50%);transform:translateY(-14px) scaleX(.36) rotate(-5deg)}
  55%{opacity:1;clip-path:inset(0 0 0 0);transform:translateY(1px) scaleX(1.06) rotate(2deg)}
  76%{clip-path:inset(0 0 0 0);transform:translateY(-2px) scaleX(.97) rotate(-1deg)}
  100%{opacity:1;clip-path:inset(0 0 0 0);transform:none}
}
@keyframes revealOfficialFloat{
  0%{transform:translateY(8px) scale(.94)}
  31%,72%{transform:translateY(0) scale(1)}
  85%{transform:translateY(-8px) scale(1.025)}
  100%{transform:translateY(0) scale(1)}
}
@keyframes revealOfficialWinner{
  to{transform:translateY(-12px) scale(1.1);opacity:.8}
}
@media(max-width:760px){
  .reveal-stage-official .reveal-official-mark{width:161px;height:161px}
}
@media(prefers-reduced-motion:reduce){
  .reveal-stage-official .reveal-official-mark,
  .reveal-stage-official .reveal-official-base,
  .reveal-stage-official .reveal-official-ribbon{
    animation-duration:.01ms!important;
    animation-delay:0s!important;
    animation-iteration-count:1!important;
  }
}