/* v45.36: selected sunlit gold sweep. Only the frame and decorative light move. */
.event-shimmer-shell {
  --event-edge: #80642e;
  --event-gold: #edb84b;
  --event-gleam: #fff2c0;
  --event-ray: #eac772;
  --event-radius: 14px;
  --event-outset: 14px;
  position: relative;
  isolation: isolate;
  min-width: 0;
  padding: 3px;
  margin: 0 16px 24px;
  border-radius: var(--event-radius);
  background: linear-gradient(115deg,
    var(--event-edge) 0%, var(--event-edge) 35%,
    var(--event-gold) 44%, var(--event-gleam) 49%,
    var(--event-gleam) 51%, var(--event-gold) 56%,
    var(--event-edge) 65%, var(--event-edge) 100%);
  background-size: 250% 100%;
  background-position: 80% 50%;
}
.event-shimmer-shell > :not(.event-shimmer-decor) {
  position: relative;
  z-index: 0;
  border: 0;
  border-radius: calc(var(--event-radius) - 3px);
  margin: 0;
}
.event-shimmer-standing { position: sticky; top: 0; z-index: 5; }
.event-shimmer-shell > .event-standing { position: relative; }
.event-shimmer-shell > .event-hero { isolation: isolate; overflow: hidden; }
.event-shimmer-shell > .event-hero .event-hero-art,
.event-shimmer-shell > .event-hero::before { border-radius: inherit; }
.event-shimmer-decor {
  display: block;
  position: absolute;
  pointer-events: none;
  border-radius: inherit;
}
.event-shimmer-aura {
  inset: -3px;
  z-index: -1;
  background: inherit;
  filter: blur(8px);
  opacity: .44;
}
.event-shimmer-wave {
  inset: -3px;
  z-index: -1;
  border: 1px solid var(--event-gold);
  box-shadow: 0 0 8px #edb84b59;
  opacity: .22;
}
.event-shimmer-rays {
  inset: calc(-1 * var(--event-outset));
  z-index: -2;
  border-radius: 32px;
  pointer-events: none;
  opacity: .5;
  filter: blur(1.5px);
  background: repeating-conic-gradient(from 6deg,
    transparent 0deg, transparent 1deg,
    #eac772ad 3deg, var(--event-ray) 4deg,
    #eac77273 5deg, transparent 8deg, transparent 22deg);
  -webkit-mask-image: radial-gradient(ellipse closest-side, #000 60%, #000 90%, transparent 100%);
  mask-image: radial-gradient(ellipse closest-side, #000 60%, #000 90%, transparent 100%);
}
.event-shimmer-shell.is-playing { animation: event-gold-sweep 2.5s linear infinite !important; }
.event-shimmer-shell.is-playing > .event-shimmer-aura { animation: event-aura-glimmer 2.8s ease-in-out infinite !important; }
.event-shimmer-shell.is-playing > .event-shimmer-wave { animation: event-aura-outward 2.8s ease-out infinite !important; }
.event-shimmer-shell.is-playing > .event-shimmer-rays { animation: event-sun-rays 5.5s ease-in-out infinite !important; }
@keyframes event-gold-sweep {
  from { background-position: 110% 50%; }
  to { background-position: -10% 50%; }
}
@keyframes event-aura-glimmer {
  0%, 100% { opacity: .32; }
  50% { opacity: .56; }
}
@keyframes event-aura-outward {
  0% { inset: 0; opacity: 0; border-radius: var(--event-radius); }
  30% { opacity: .3; }
  100% { inset: -12px; opacity: 0; border-radius: calc(var(--event-radius) + 12px); }
}
@keyframes event-sun-rays {
  0%, 100% { opacity: .4; transform: scale(.97); }
  50% { opacity: .6; transform: scale(1); }
}
.event-effects-hidden .event-shimmer-shell,
.event-effects-hidden .event-shimmer-shell.is-playing > .event-shimmer-decor { animation-play-state: paused !important; }
@media (prefers-reduced-motion: reduce) {
  .event-shimmer-shell:not(.motion-opt-in),
  .event-shimmer-shell:not(.motion-opt-in) > .event-shimmer-decor { animation: none !important; }
}
@media (max-width: 650px) {
  .event-shimmer-standing { position: relative; }
}
@container (max-width: 600px) {
  .event-shimmer-standing { position: relative; }
}