@keyframes win-glow {
  0%,
  100% {
    box-shadow:
      inset 0 0 0 2px #f2c94c,
      0 3px 0 #e6b73a,
      0 0 0 0 rgba(255, 201, 40, 0.55);
  }
  50% {
    box-shadow:
      inset 0 0 0 2px #f2c94c,
      0 3px 0 #e6b73a,
      0 0 0 8px rgba(255, 201, 40, 0);
  }
}

@media (max-height: 760px) {
  .win-hero {
    height: 172px;
    padding-top: 22px;
  }
  .win-medal {
    width: 120px;
    height: 120px;
  }
  .win-medal canvas {
    width: 120px;
    height: 120px;
  }
  .win-crown {
    top: -28px;
    width: 60px;
    height: 46px;
    margin-left: -30px;
  }
}
@media (max-height: 680px) {
  .win-hero {
    height: 122px;
    padding-top: 16px;
  }
  .win-medal {
    width: 88px;
    height: 88px;
  }
  .win-medal canvas {
    width: 88px;
    height: 88px;
    margin-top: 4px;
  }
  .win-crown {
    top: -24px;
    width: 52px;
    height: 40px;
    margin-left: -26px;
  }
  #win .win-title {
    font-size: clamp(26px, 7.6vw, 34px);
  }
  #win .win-stats { margin: 8px 0 4px; }
  #win .rank { margin: 6px 0 2px; gap: 4px; }
  #win .rank li { padding-top: 5px; padding-bottom: 5px; }
  #win .win-notes { margin: 8px 0; }
}
@media (max-width: 400px) {
  #win .rank li {
    grid-template-columns: 26px 46px minmax(0, 1fr) auto;
    gap: 8px;
    font-size: 15px;
  }
  #win .rank .rank-cat {
    width: 46px;
    height: 36px;
  }
}
@media (prefers-reduced-motion: reduce) {
  .win-rays,
  .win-medal,
  .win-medal canvas,
  .win-crown,
  .win-spark,
  #win .win-title,
  .win-stats,
  #win .rank li,
  .win-note,
  .win-note.prize {
    animation: none;
  }
  .win-confetti {
    display: none;
  }
  .win-spark {
    opacity: 0.8;
  }
}


/* End of css/win-02.css */