/* HG V121D7C27A Trivia Correct Answer Glory Burst */
:root {
  --hg-trivia-gold: #ffd75a;
  --hg-trivia-deep-gold: #f5a623;
  --hg-trivia-correct: #43d17d;
  --hg-trivia-ink: #06070d;
}

#hgTriviaGloryV121D7C27A {
  position: fixed;
  inset: 0;
  width: 100%;
  height: 100vh;
  height: 100dvh;
  overflow: hidden;
  pointer-events: none;
  z-index: 2147483645;
  display: grid;
  place-items: center;
  isolation: isolate;
  box-sizing: border-box;
  padding:
    max(18px, env(safe-area-inset-top))
    max(18px, env(safe-area-inset-right))
    max(18px, env(safe-area-inset-bottom))
    max(18px, env(safe-area-inset-left));
  animation: hgTriviaGloryFade 3.2s cubic-bezier(.2,.8,.2,1) both;
}

#hgTriviaGloryV121D7C27A * { box-sizing: border-box; }

.hg-trivia-glory-flash {
  position: absolute;
  inset: 0;
  background:
    radial-gradient(circle at 50% 48%, rgba(255,255,255,.95) 0 3%, rgba(255,221,104,.72) 8%, rgba(255,183,45,.22) 30%, rgba(4,5,12,0) 66%),
    linear-gradient(180deg, rgba(255,239,160,.20), rgba(5,6,13,.08));
  mix-blend-mode: screen;
  animation: hgTriviaFlash 1.05s ease-out both;
}

.hg-trivia-glory-rays {
  position: absolute;
  left: 50%;
  top: 50%;
  width: min(150vmax, 1250px);
  aspect-ratio: 1;
  transform: translate(-50%, -50%);
  opacity: .72;
  background: repeating-conic-gradient(
    from 0deg,
    rgba(255,225,112,.54) 0deg 2.2deg,
    rgba(255,205,65,0) 2.2deg 8deg
  );
  -webkit-mask: radial-gradient(circle, transparent 0 13%, #000 26% 62%, transparent 74%);
  mask: radial-gradient(circle, transparent 0 13%, #000 26% 62%, transparent 74%);
  animation: hgTriviaRays 3.2s cubic-bezier(.18,.78,.24,1) both;
}

.hg-trivia-glory-aura,
.hg-trivia-glory-aura::before,
.hg-trivia-glory-aura::after {
  position: absolute;
  left: 50%;
  top: 50%;
  border-radius: 50%;
  transform: translate(-50%, -50%) scale(.15);
  border: 2px solid rgba(255,226,123,.88);
  box-shadow: 0 0 32px rgba(255,196,55,.54), inset 0 0 28px rgba(255,217,103,.18);
  animation: hgTriviaAura 1.45s cubic-bezier(.12,.72,.16,1) both;
}

.hg-trivia-glory-aura { width: min(68vmin, 560px); aspect-ratio: 1; }
.hg-trivia-glory-aura::before,
.hg-trivia-glory-aura::after { content: ''; width: 100%; height: 100%; }
.hg-trivia-glory-aura::before { animation-delay: .14s; }
.hg-trivia-glory-aura::after { animation-delay: .28s; }

.hg-trivia-glory-center {
  position: relative;
  z-index: 3;
  width: min(92vw, 520px);
  display: grid;
  justify-items: center;
  text-align: center;
  transform: translateY(8px);
}

.hg-trivia-glory-seal {
  position: relative;
  width: clamp(112px, 29vw, 168px);
  aspect-ratio: 1;
  border-radius: 50%;
  display: grid;
  place-items: center;
  color: #07130d;
  background:
    radial-gradient(circle at 32% 27%, #fffbd8 0 7%, #ffe88a 23%, #ffc83d 58%, #e99512 100%);
  border: 4px solid rgba(255,255,255,.90);
  box-shadow:
    0 0 0 8px rgba(255,212,76,.20),
    0 0 36px rgba(255,207,57,.90),
    0 18px 60px rgba(0,0,0,.52),
    inset 0 -14px 24px rgba(142,78,0,.20);
  animation: hgTriviaSeal 1.05s cubic-bezier(.16,1.35,.34,1) both;
}

.hg-trivia-glory-seal::before,
.hg-trivia-glory-seal::after {
  content: '';
  position: absolute;
  inset: -18%;
  border-radius: inherit;
  border: 2px solid rgba(255,229,132,.70);
  animation: hgTriviaSealOrbit 2.7s linear both;
}
.hg-trivia-glory-seal::after {
  inset: -29%;
  border-style: dashed;
  opacity: .52;
  animation-direction: reverse;
}

.hg-trivia-glory-check {
  font: 1000 clamp(60px, 17vw, 100px)/1 system-ui, sans-serif;
  transform: rotate(-10deg) scale(.1);
  text-shadow: 0 3px 0 rgba(255,255,255,.55);
  animation: hgTriviaCheck .82s .16s cubic-bezier(.12,1.5,.22,1) both;
}

.hg-trivia-glory-title {
  margin-top: clamp(22px, 5vw, 34px);
  font: 1000 clamp(2.05rem, 10vw, 4.2rem)/.92 'Unbounded', Inter, system-ui, sans-serif;
  letter-spacing: -.055em;
  color: #fff8d6;
  text-shadow:
    0 2px 0 #8d4d00,
    0 0 12px rgba(255,216,89,.92),
    0 0 44px rgba(255,168,26,.78),
    0 10px 36px rgba(0,0,0,.72);
  transform: translateY(24px) scale(.76);
  opacity: 0;
  animation: hgTriviaWords .78s .32s cubic-bezier(.16,1.18,.24,1) both;
}

.hg-trivia-glory-subtitle {
  margin-top: 12px;
  padding: 9px 16px;
  border-radius: 999px;
  color: #161008;
  background: linear-gradient(135deg, #fff5bf, #ffd75a 52%, #f6a625);
  border: 1px solid rgba(255,255,255,.82);
  box-shadow: 0 7px 26px rgba(0,0,0,.42), 0 0 24px rgba(255,202,56,.50);
  font: 900 clamp(.72rem, 3.2vw, .94rem)/1.15 Inter, system-ui, sans-serif;
  letter-spacing: .105em;
  text-transform: uppercase;
  opacity: 0;
  transform: translateY(18px) scale(.84);
  animation: hgTriviaWords .65s .55s cubic-bezier(.16,1.18,.24,1) both;
}

.hg-trivia-glory-reward {
  margin-top: 13px;
  color: white;
  font: 900 clamp(.96rem, 4.3vw, 1.22rem)/1 Inter, system-ui, sans-serif;
  text-shadow: 0 3px 18px rgba(0,0,0,.8);
  opacity: 0;
  animation: hgTriviaReward .68s .75s ease-out both;
}

.hg-trivia-glory-spark {
  --hg-angle: 0deg;
  --hg-distance: 180px;
  --hg-delay: 0ms;
  --hg-size: 10px;
  --hg-spin: 180deg;
  position: absolute;
  left: 50%;
  top: 50%;
  width: var(--hg-size);
  height: var(--hg-size);
  margin: calc(var(--hg-size) / -2);
  border-radius: 35% 65% 45% 55%;
  background: linear-gradient(135deg, #fffbd7, #ffd54d 55%, #f39a17);
  box-shadow: 0 0 12px rgba(255,215,84,.88);
  opacity: 0;
  transform: rotate(var(--hg-angle)) translateX(0) rotate(calc(var(--hg-angle) * -1));
  animation: hgTriviaSpark 1.42s var(--hg-delay) cubic-bezier(.08,.66,.16,1) both;
}

.hg-trivia-glory-spark.hg-trivia-glory-diamond {
  border-radius: 2px;
  background: linear-gradient(135deg, #e8fdff, #7cecff 52%, #61a8ff);
  box-shadow: 0 0 14px rgba(109,225,255,.88);
}

.hg-trivia-card-correct-v121d7c27a {
  position: relative;
  animation: hgTriviaCardVictory 1.3s cubic-bezier(.17,.88,.25,1) both;
}

@keyframes hgTriviaFlash {
  0% { opacity: 0; }
  8% { opacity: 1; }
  34% { opacity: .70; }
  100% { opacity: 0; }
}
@keyframes hgTriviaRays {
  0% { transform: translate(-50%,-50%) rotate(-12deg) scale(.15); opacity: 0; }
  20% { opacity: .78; }
  100% { transform: translate(-50%,-50%) rotate(44deg) scale(1.18); opacity: 0; }
}
@keyframes hgTriviaAura {
  0% { transform: translate(-50%,-50%) scale(.08); opacity: 0; }
  22% { opacity: .95; }
  100% { transform: translate(-50%,-50%) scale(1.32); opacity: 0; }
}
@keyframes hgTriviaSeal {
  0% { transform: scale(.06) rotate(-24deg); opacity: 0; }
  62% { transform: scale(1.12) rotate(3deg); opacity: 1; }
  100% { transform: scale(1) rotate(0); opacity: 1; }
}
@keyframes hgTriviaCheck {
  0% { transform: rotate(-28deg) scale(.05); opacity: 0; }
  70% { transform: rotate(4deg) scale(1.13); opacity: 1; }
  100% { transform: rotate(0) scale(1); opacity: 1; }
}
@keyframes hgTriviaSealOrbit {
  from { transform: rotate(0deg) scale(.82); opacity: 0; }
  18% { opacity: .8; }
  to { transform: rotate(210deg) scale(1.08); opacity: 0; }
}
@keyframes hgTriviaWords {
  from { transform: translateY(24px) scale(.76); opacity: 0; filter: blur(8px); }
  to { transform: translateY(0) scale(1); opacity: 1; filter: blur(0); }
}
@keyframes hgTriviaReward {
  from { transform: translateY(12px); opacity: 0; }
  to { transform: translateY(0); opacity: 1; }
}
@keyframes hgTriviaSpark {
  0% { opacity: 0; transform: rotate(var(--hg-angle)) translateX(12px) rotate(0deg) scale(.2); }
  12% { opacity: 1; }
  72% { opacity: 1; }
  100% { opacity: 0; transform: rotate(var(--hg-angle)) translateX(var(--hg-distance)) rotate(var(--hg-spin)) scale(.76); }
}
@keyframes hgTriviaCardVictory {
  0% { transform: scale(1); filter: brightness(1); }
  24% { transform: scale(1.025); filter: brightness(1.34) saturate(1.2); box-shadow: 0 0 0 2px rgba(255,221,91,.9), 0 0 44px rgba(255,198,44,.74); }
  100% { transform: scale(1); filter: brightness(1); }
}
@keyframes hgTriviaGloryFade {
  0% { opacity: 0; }
  6% { opacity: 1; }
  80% { opacity: 1; }
  100% { opacity: 0; }
}

#hgTriviaGloryV121D7C27A.hg-trivia-glory-lite .hg-trivia-glory-rays { opacity: .45; }
#hgTriviaGloryV121D7C27A.hg-trivia-glory-lite .hg-trivia-glory-seal::after { display: none; }

@media (max-width: 390px) {
  .hg-trivia-glory-center { width: 95vw; }
  .hg-trivia-glory-title { letter-spacing: -.06em; }
}

@media (prefers-reduced-motion: reduce) {
  #hgTriviaGloryV121D7C27A { animation-duration: 1.45s; }
  .hg-trivia-glory-rays,
  .hg-trivia-glory-aura,
  .hg-trivia-glory-spark,
  .hg-trivia-glory-seal::before,
  .hg-trivia-glory-seal::after { display: none !important; }
  .hg-trivia-glory-seal,
  .hg-trivia-glory-check,
  .hg-trivia-glory-title,
  .hg-trivia-glory-subtitle,
  .hg-trivia-glory-reward {
    animation-duration: .24s !important;
    animation-delay: 0s !important;
  }
  .hg-trivia-card-correct-v121d7c27a { animation-duration: .45s; }
}