:root {
  --nq-bg-abyss: #080C12;
  --nq-bg-card: #0E151F;
  --nq-bg-card-subtle: #111823;
  --nq-border-subtle: #1E293B;
  --nq-text-primary: #F1F5F9;
  --nq-text-secondary: #8B9BB4;
  --nq-text-muted: #64748B;
  --nq-mint-accent: #6EE7B7;
  --nq-mint-surface: #0F2922;
  --nq-mint-border: #1F5142;
  --nq-mint-cta-text: #06281E;
  --nq-mint-glow: rgba(110, 231, 183, 0.18);
  --nq-gold-accent: #F4B740;
  --nq-gold-surface: #231D12;
  --nq-gold-border: #4D3B1A;
  --nq-gold-glow: rgba(244, 183, 64, 0.16);
  --nq-cyan-accent: #38BDF8;
  --nq-cyan-surface: #0F2231;
  --nq-cyan-border: #1E405B;
}

.module-recap-shell {background:var(--nq-bg-abyss)}
.module-recap-shell .sidebar,
.module-recap-shell .topbar {
  background:var(--nq-bg-card);
  border-color:var(--nq-border-subtle);
}
.module-recap-shell .mobile-nav {border-color:var(--nq-border-subtle)}
.module-recap-shell .content {padding-block:22px 26px}

.reward-sr {position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.partial-session {max-width:600px;margin:35px auto}
.partial-session .summary-back {display:block;margin-top:12px;background:transparent;border:0;border-radius:5px;color:#b3c2cd;font-size:11px;font-weight:500;padding:7px 12px;min-height:30px}
.partial-session .summary-back:hover {color:#f2deb4;background:#233344}
.partial-session .summary-back:focus-visible {outline:2px solid #f4d48f;outline-offset:5px}

.module-recap {
  width:100%;
  max-width:680px;
  margin-inline:auto;
  display:grid;
  gap:12px;
  color:var(--nq-text-primary);
  font-variant-numeric:tabular-nums;
}
.module-recap-hero {position:relative;text-align:center;padding:0 0 4px}
.module-recap-skip {
  position:absolute;
  top:0;
  right:0;
  z-index:2;
  display:inline-flex;
  align-items:center;
  gap:5px;
  min-height:44px;
  padding:0 6px;
  border:0;
  border-radius:6px;
  background:transparent;
  color:var(--nq-text-secondary);
  font:inherit;
  font-size:11px;
}
.module-recap-skip:hover {color:var(--nq-text-primary);background:var(--nq-bg-card)}
.module-recap-skip[hidden] {display:none}
.module-recap-sound {left:0;right:auto}
.module-recap-sound svg {width:15px;height:15px}
.module-recap-sound[aria-pressed="true"] {color:#6EE7B7}
.module-recap-flight {position:fixed;inset:0;z-index:12;overflow:hidden;pointer-events:none}
.module-recap-flight i {
  position:absolute;
  top:0;
  left:0;
  width:5px;
  height:5px;
  margin:-2.5px;
  border-radius:50%;
  background:radial-gradient(circle,#FEF08A 0 34%,#FBBF24 58%);
  box-shadow:0 0 9px #FBBF24B3;
  will-change:transform,opacity;
}
.module-recap-emblem {
  width:148px;
  height:73px;
  margin:0 auto 7px;
  display:grid;
  place-items:end center;
  position:relative;
}
.module-recap-star {
  --recap-star-delay:100ms;
  position:absolute;
  width:15px;
  height:15px;
  top:30px;
  left:16px;
  color:var(--nq-gold-accent);
  filter:drop-shadow(0 0 6px var(--nq-gold-glow));
}
.module-recap-star:nth-child(2) {--recap-star-delay:200ms;top:0;left:66px;width:16px;height:16px}
.module-recap-star:nth-child(3) {--recap-star-delay:300ms;left:auto;right:16px;top:36px;width:12px;height:12px}
.module-recap-star svg {display:block;width:100%;height:100%;fill:currentColor}
.module-recap-medal {
  position:relative;
  display:grid;
  place-items:center;
  width:57px;
  height:57px;
  border:1px solid var(--nq-mint-border);
  border-radius:50%;
  background:var(--nq-mint-surface);
  box-shadow:0 0 0 5px #6ee7b708;
  color:var(--nq-mint-accent);
}
.module-recap-medal > .reward-brain-icon {width:33px;height:33px;color:inherit}
.module-recap-check {
  display:grid;
  place-items:center;
  position:absolute;
  right:-4px;
  bottom:-1px;
  width:19px;
  height:19px;
  border:1px solid var(--nq-mint-border);
  border-radius:50%;
  background:var(--nq-mint-surface);
  color:var(--nq-mint-accent);
  font-size:12px;
  font-weight:800;
}
.module-recap-particles {
  position:absolute;
  inset:0;
  pointer-events:none;
}
.module-recap-particles i {
  position:absolute;
  top:var(--recap-y);
  left:calc(50% + var(--recap-x));
  width:var(--recap-size);
  height:var(--recap-size);
  border-radius:50%;
  background:var(--nq-gold-accent);
  opacity:0;
}
.module-recap-particles i:nth-child(3n) {background:var(--nq-mint-accent)}
.module-recap-kicker {
  margin:0;
  color:var(--nq-text-secondary);
  font-size:10px;
  font-weight:700;
  letter-spacing:.13em;
  line-height:1.4;
  text-transform:uppercase;
}
.module-recap-hero .module-recap-kicker {color:var(--nq-gold-accent)}
.module-recap-hero h1 {
  margin:5px 0 5px;
  color:var(--nq-text-primary);
  font:normal clamp(30px,5vw,43px)/1.12 Georgia,serif;
  text-wrap:balance;
}
.module-recap-context {
  margin:0;
  color:var(--nq-text-secondary);
  font-size:13px;
  text-wrap:balance;
}
.module-recap-context > span {display:inline-block}

.module-recap-stats {display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
.module-recap-stat {
  --recap-tone:var(--nq-mint-accent);
  --recap-number:var(--nq-text-primary);
  --recap-surface:var(--nq-mint-surface);
  --recap-border:var(--nq-mint-border);
  position:relative;
  padding:16px 12px;
  border:1px solid var(--recap-border);
  border-radius:12px;
  background:var(--recap-surface);
  text-align:center;
}
.module-recap-stat--xp,
.module-recap-stat--coins {
  --recap-tone:#FBBF24;
  --recap-number:#FBBF24;
  --recap-number-glow:0 0 18px rgba(251,191,36,.35);
  --recap-surface:var(--nq-gold-surface);
  --recap-border:var(--nq-gold-border);
}
.module-recap-stat--steps.is-recap-perfect {
  --recap-tone:#10B981;
  --recap-number:#ECFDF5;
  --recap-surface:linear-gradient(180deg,rgba(16,185,129,.18) 0%,rgba(6,78,59,.28) 100%);
  --recap-border:#1F5142;
}
.module-recap-stat--accuracy.is-recap-perfect {--recap-tone:#7DD3FC;--recap-number:#7DD3FC}
.module-recap-stat--accuracy {
  --recap-tone:var(--nq-cyan-accent);
  --recap-number:var(--nq-cyan-accent);
  --recap-surface:var(--nq-cyan-surface);
  --recap-border:var(--nq-cyan-border);
  padding-inline:8px;
}
.module-recap-stat strong {
  display:block;
  color:var(--recap-number);
  text-shadow:var(--recap-number-glow,none);
  font-size:clamp(23px,3vw,28px);
  font-weight:750;
  line-height:1.15;
  letter-spacing:-.035em;
  overflow-wrap:anywhere;
}
.module-recap-stat-label {display:inline-flex;align-items:center;justify-content:center;gap:6px;margin-top:5px;color:var(--nq-text-secondary);font-size:11px;line-height:1.35}
.module-recap-stat-label svg {width:13px;height:13px;flex:none;color:var(--recap-tone)}
.module-recap-stat--accuracy .module-recap-stat-label {max-width:calc(100% + 8px);margin-inline:-4px;text-align:start}
.module-recap-stat-icon {position:relative;flex:none;display:inline-flex}
.module-recap-stat--accuracy .module-recap-stat-icon::after {
  content:"";
  position:absolute;
  top:-2px;
  right:-3px;
  width:5px;
  height:5px;
  border-radius:50%;
  background:#F59E0B;
  box-shadow:0 0 6px #F59E0B80;
}
.module-recap-stat--accuracy.is-recap-perfect .module-recap-stat-icon::after {
  width:7px;
  height:7px;
  background:#FBBF24;
  clip-path:polygon(50% 0,63% 37%,100% 50%,63% 63%,50% 100%,37% 63%,0 50%,37% 37%);
}
.module-recap-stat--accuracy:not(.has-recap-miss,.is-recap-perfect) .module-recap-stat-icon::after {content:none}
.module-recap-fraction {display:inline-flex;align-items:baseline}
.module-recap-odometer {display:inline-grid;position:relative;overflow:hidden;min-width:calc(var(--recap-digits)*1ch);text-align:end}
.module-recap-odometer [data-recap-previous] {position:absolute;inset:0;opacity:0}
.module-recap-denominator {opacity:.5}
.module-recap-note {margin:0;color:var(--nq-text-secondary);font-size:12px;text-align:center}

.module-recap-journey,
.module-recap-next,
.module-recap-empty {
  margin:0;
  padding:16px 20px;
  border:1px solid var(--nq-border-subtle);
  border-radius:12px;
  background:var(--nq-bg-card);
}
.module-recap-journey-heading,
.module-recap-next-heading {display:flex;align-items:center;justify-content:space-between;gap:8px 14px}
.module-recap-rank {display:flex;align-items:center;flex-wrap:wrap;gap:4px 10px;min-width:0}
.module-recap-journey-badges {display:inline-flex;align-items:center;flex-wrap:wrap;gap:4px 7px}
.module-recap-rank h2,
.module-recap-next h2 {margin:0;font-size:16px;font-weight:650;line-height:1.3;overflow-wrap:anywhere}
.module-recap-gain,
.module-recap-level-up,
.module-recap-duration {
  padding:3px 8px;
  border:1px solid var(--nq-border-subtle);
  border-radius:20px;
  background:var(--nq-bg-card-subtle);
  color:var(--nq-text-secondary);
  font-size:11px;
  font-weight:600;
  white-space:nowrap;
}
.module-recap-gain {border-color:var(--nq-gold-border);background:var(--nq-gold-surface);color:var(--nq-gold-accent)}
.module-recap-level-up {border-color:#F59E0B;background:rgba(251,191,36,.16);color:#FDE68A}
.module-recap-level-up > span {color:#FBBF24;margin-inline-end:2px}
.module-recap-level {
  position:relative;
  display:grid;
  place-items:center;
  flex:0 0 39px;
  height:39px;
  border:1px solid var(--nq-gold-border);
  border-radius:50%;
  background:var(--nq-gold-surface);
  color:var(--nq-gold-accent);
  font-size:17px;
  font-weight:750;
}
.module-recap-track {height:7px;margin:9px 0 7px;border-radius:20px;background:var(--nq-border-subtle)}
.module-recap-track > span {
  position:relative;
  display:block;
  height:100%;
  border-radius:inherit;
  background:linear-gradient(90deg,#D97706 0%,#FBBF24 70%,#FEF08A 100%);
  box-shadow:0 0 12px var(--nq-gold-glow);
}
.module-recap-xp {display:flex;flex-wrap:wrap;align-items:baseline;gap:2px 10px;color:var(--nq-text-secondary);font-size:12px}
.module-recap-xp strong {color:var(--nq-text-primary)}
.module-recap-remaining {margin-inline-start:auto}

.module-recap-next-heading {margin-bottom:12px}
.module-recap-next-heading h2 {margin-top:3px}
.module-recap-next {border-color:var(--nq-mint-border)}
.module-recap-primary,
.module-recap-ghost {
  appearance:none;
  display:flex;
  align-items:center;
  justify-content:center;
  gap:8px;
  min-height:44px;
  border:1px solid transparent;
  border-radius:8px;
  padding:8px 12px;
  font:inherit;
  line-height:1.3;
  text-align:center;
  text-decoration:none;
}
.module-recap-primary {
  position:relative;
  width:100%;
  padding-inline:35px;
  background:linear-gradient(180deg,#6EE7B7 0%,#34D399 100%);
  color:#022C22;
  font-weight:700;
  box-shadow:0 4px 0 #059669,0 8px 24px rgba(52,211,153,.28),inset 0 1px 0 rgba(255,255,255,.45);
}
.module-recap-primary:active {box-shadow:0 1px 0 #059669}
.module-recap-primary .icon,
.module-recap-save-label .icon {flex:none;width:17px;height:17px}
.module-recap-arrow {position:absolute;right:14px;font-size:17px}
.module-recap-empty {color:var(--nq-text-secondary);text-align:center;font-size:13px}
.module-recap-footer {display:grid;gap:8px;align-items:center;justify-items:start}
.module-recap-footer.has-save {grid-template-columns:auto minmax(0,1fr)}
.module-recap-ghost {
  background:var(--nq-bg-card-subtle);
  border-color:var(--nq-border-subtle);
  color:#94A3B8;
  font-size:12px;
  font-weight:650;
}
.module-recap-ghost:hover {color:var(--nq-text-primary);border-color:#263244;background:var(--nq-bg-card)}
.module-recap-back {background:transparent;border:1px solid #1E293B;color:#64748B}
.module-recap-back > span:last-child {color:var(--nq-text-secondary)}
.module-recap-back:hover > span:last-child {color:var(--nq-text-primary)}
.module-recap :is(button,a):focus-visible {outline:2px solid var(--nq-mint-accent);outline-offset:3px}
.module-recap-save {
  width:100%;
  min-width:0;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:8px;
  padding-inline-start:10px;
  border:1px solid var(--nq-border-subtle);
  border-radius:10px;
  background:var(--nq-bg-card-subtle);
  color:var(--nq-text-secondary);
  font-size:12px;
}
.module-recap-save-label {display:flex;align-items:center;gap:7px;min-width:0}
.module-recap-save .module-recap-ghost {flex:none;border:0;border-inline-start:1px solid var(--nq-border-subtle);border-radius:0 9px 9px 0}

@media(max-width:800px) {
  .module-recap-shell .topbar .top-actions {min-width:0;flex-wrap:wrap;justify-content:flex-end;gap:3px 5px}
  .module-recap-shell .topbar .breadcrumb {max-width:27%;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
  .module-recap-shell .topbar :is(.xp-pill,.coin-pill) {display:inline-flex;gap:4px;padding:4px 6px;font-size:10px}
  .module-recap-shell .topbar :is(.xp-pill,.coin-pill) :is(.icon,.reward-brain-icon) {width:13px;height:13px}
}
@media(max-width:600px) {
  .module-recap-shell .content {padding-block:13px 18px}
  .module-recap {gap:8px}
  .module-recap-stats {grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
  .module-recap-stat {padding:8px 10px}
  .module-recap-stat-label {margin-top:3px}
  .module-recap-journey,.module-recap-next,.module-recap-empty {padding:12px}
  .module-recap-footer.has-save {grid-template-columns:repeat(2,minmax(0,1fr));align-items:stretch}
  .module-recap-footer > .module-recap-ghost {width:100%}
  .module-recap-save {gap:0}
  .module-recap-save-label > span {display:none}
  .module-recap-save .module-recap-ghost {flex:1;min-width:0;border-inline-start:0}
  .module-recap-emblem {margin-bottom:4px}
}
@media(max-width:400px) {
  .module-recap-next-heading {flex-wrap:wrap}
  .module-recap-duration {font-size:10px}
  .module-recap-save {padding-inline-start:8px}
  .module-recap-save .module-recap-ghost {padding-inline:8px}
}

@property --nq-recap-sweep-x {syntax:"<percentage>";inherits:false;initial-value:0%}
@property --nq-recap-sweep-y {syntax:"<percentage>";inherits:false;initial-value:0%}

/* One entrance sequence. Skipping also stops the lingering effects. */
@media(prefers-reduced-motion:no-preference) {
  .module-recap.is-recap-pending :is(.module-recap-stat,.module-recap-medal,.module-recap-star,.module-recap-journey) {opacity:0}
  .module-recap.is-recap-playing .module-recap-medal {
    animation:nq-recap-medal-in 450ms cubic-bezier(.22,1,.36,1) both;
  }
  .module-recap.is-recap-playing .module-recap-star {
    animation:nq-recap-star-in 320ms var(--recap-star-delay) cubic-bezier(.22,1,.36,1) both,
      nq-recap-star-float 3.8s calc(var(--recap-star-delay) + 320ms) ease-in-out infinite;
  }
  .module-recap.is-recap-playing .module-recap-particles i {
    animation:nq-recap-particle-rise 1.2s ease-out both;
  }
  .module-recap.is-recap-playing .module-recap-stat {
    transform:perspective(550px) rotateX(var(--recap-tilt-x,0deg)) rotateY(var(--recap-tilt-y,0deg));
    transition:transform .16s ease-out,box-shadow .24s ease,border-color .24s ease;
    animation:nq-recap-stat-in 330ms var(--recap-stat-delay) cubic-bezier(.22,1,.36,1) both;
  }
  .module-recap.is-recap-playing .module-recap-stat strong {
    animation:nq-recap-tension var(--recap-count-duration) var(--recap-stat-delay) ease-out both;
  }
  .module-recap.is-recap-playing .module-recap-stat--accuracy.is-recap-perfect:not(.is-recap-tallied) {
    --recap-tone:#38BDF8;
    --recap-number:#38BDF8;
  }
  .module-recap.is-recap-playing .module-recap-stat--accuracy:not(.is-recap-tallied) .module-recap-stat-icon::after {opacity:0}
  .module-recap.is-recap-playing .is-recap-tallied {
    box-shadow:inset 0 0 18px color-mix(in srgb,var(--recap-tone) var(--recap-glow,10%),transparent);
  }
  .module-recap.is-recap-ready .is-recap-tallied {
    --recap-glow:8%;
    border-color:color-mix(in srgb,var(--recap-border) 80%,var(--nq-bg-card));
  }
  .module-recap.is-recap-playing .is-recap-tallied strong {
    animation:nq-recap-number-pop 320ms ease-out both;
  }
  .module-recap.is-recap-playing .is-recap-tallied::before {
    content:"";
    position:absolute;
    inset:0;
    padding:1px;
    border-radius:inherit;
    background:radial-gradient(58px 37px at var(--nq-recap-sweep-x) var(--nq-recap-sweep-y),var(--recap-tone),transparent);
    mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);
    mask-composite:exclude;
    pointer-events:none;
    animation:nq-recap-sweep 560ms linear both;
  }
  .module-recap.is-recap-playing .module-recap-stat--steps.is-recap-perfect.is-recap-tallied::after {
    content:"";
    position:absolute;
    inset:-1px;
    border:1px solid #10B981;
    border-radius:inherit;
    box-shadow:0 0 20px rgba(16,185,129,.36);
    pointer-events:none;
    animation:nq-recap-emerald 600ms ease-out both;
  }
  .module-recap.is-recap-playing .module-recap-stat--accuracy.is-recap-perfect.is-recap-tallied .module-recap-stat-icon::after {
    animation:nq-recap-spark 460ms ease-out both;
  }
  .module-recap.is-recap-playing .module-recap-journey {
    animation:nq-recap-rise 370ms 900ms cubic-bezier(.22,1,.36,1) both;
  }
  .module-recap:is(.is-recap-pending,.is-recap-playing) .module-recap-level-up {opacity:0}
  .module-recap.is-recap-playing .module-recap-level-up.is-recap-unlocked {
    animation:nq-recap-badge-in 410ms cubic-bezier(.22,1,.36,1) both;
  }
  .module-recap.is-recap-transferring [data-recap-fill]::after {
    content:"";
    position:absolute;
    top:50%;
    right:0;
    width:7px;
    height:7px;
    border-radius:50%;
    background:#FEF08A;
    box-shadow:0 0 14px #FBBF24;
    transform:translate(20%,-50%);
  }
  .module-recap.is-recap-hitstop [data-recap-fill] {
    background:#FFFBEB;
    box-shadow:0 0 16px #FDE68A;
  }
  .module-recap.is-recap-leveled .module-recap-level {
    animation:nq-recap-level-flip 480ms cubic-bezier(.16,1,.3,1) both;
  }
  .module-recap.is-recap-leveled .module-recap-level::after {
    content:"";
    position:absolute;
    inset:-1px;
    border:1px solid #FBBF24;
    border-radius:inherit;
    box-shadow:0 0 15px #FBBF2490;
    pointer-events:none;
    animation:nq-recap-shockwave 510ms ease-out both;
  }
  .module-recap.is-recap-playing[data-has-level-up] .module-recap-remaining {transition:opacity .28s ease-out}
  .module-recap.is-recap-playing[data-has-level-up]:not(.is-recap-rolled) .module-recap-remaining {opacity:0}
  .module-recap:is(.is-recap-pending,.is-recap-playing) .module-recap-next {
    opacity:.45;
    filter:saturate(.4);
    translate:0 4px;
    transition:opacity .24s ease-out,filter .24s ease-out,translate .28s cubic-bezier(.16,1,.3,1);
  }
  .module-recap.is-recap-ready .module-recap-next,
  .module-recap.is-recap-playing .module-recap-next:focus-within {
    opacity:1;
    filter:saturate(1);
    translate:0 0;
  }
  .module-recap.is-recap-ready .module-recap-primary {overflow:hidden}
  .module-recap.is-recap-ready .module-recap-primary::after {
    content:"";
    position:absolute;
    inset:0 auto 0 0;
    width:40%;
    background:linear-gradient(110deg,transparent 15%,rgba(245,255,249,.44) 50%,transparent 85%);
    pointer-events:none;
    animation:nq-recap-shimmer 5s ease-in-out infinite both;
  }
  .module-recap-primary {transition:transform .13s ease,box-shadow .13s ease}
  .module-recap-primary .module-recap-arrow {transition:transform .16s ease}
  .module-recap-primary:active {transform:translateY(3px)}
}
@media(hover:hover) {
  .module-recap-primary:hover:not(:active) {box-shadow:0 5px 0 #059669,0 12px 28px rgba(52,211,153,.38)}
}
@media(hover:hover) and (prefers-reduced-motion:no-preference) {
  .module-recap-primary:hover:not(:active) {transform:translateY(-1px)}
  .module-recap-primary:hover:not(:active) .module-recap-arrow {transform:translateX(4px)}
}

@keyframes nq-recap-medal-in {
  0% {opacity:0;transform:scale(.6)}
  56% {opacity:1;transform:scale(1.06)}
  100% {opacity:1;transform:scale(1)}
}
@keyframes nq-recap-star-in {
  from {opacity:0;transform:scale(0) rotate(-25deg)}
  to {opacity:1;transform:scale(1) rotate(0deg)}
}
@keyframes nq-recap-star-float {
  0%,100% {transform:translateY(0);filter:drop-shadow(0 0 6px var(--nq-gold-glow)) brightness(1)}
  50% {transform:translateY(-3px);filter:drop-shadow(0 0 6px var(--nq-gold-glow)) brightness(1.18)}
}
@keyframes nq-recap-particle-rise {
  0% {opacity:0;transform:translate(0,0) scale(.45)}
  22% {opacity:.74}
  100% {opacity:0;transform:translate(var(--recap-dx),var(--recap-dy)) scale(.45)}
}
@keyframes nq-recap-stat-in {
  from {opacity:0;translate:0 14px;scale:.95}
  to {opacity:1;translate:0 0;scale:1}
}
@keyframes nq-recap-tension {
  0% {transform:scale(1);filter:brightness(1)}
  65%,100% {transform:scale(1.10);filter:brightness(1.20)}
}
@keyframes nq-recap-number-pop {
  0% {transform:scale(1.16);filter:brightness(1.27)}
  46% {transform:scale(.97)}
  100% {transform:scale(1);filter:brightness(1)}
}
@keyframes nq-recap-sweep {
  0% {--nq-recap-sweep-x:0%;--nq-recap-sweep-y:0%;opacity:.12}
  25% {--nq-recap-sweep-x:100%;--nq-recap-sweep-y:0%;opacity:.92}
  50% {--nq-recap-sweep-x:100%;--nq-recap-sweep-y:100%;opacity:.8}
  75% {--nq-recap-sweep-x:0%;--nq-recap-sweep-y:100%;opacity:.66}
  100% {--nq-recap-sweep-x:0%;--nq-recap-sweep-y:0%;opacity:0}
}
@keyframes nq-recap-emerald {
  0% {opacity:1}
  100% {opacity:0}
}
@keyframes nq-recap-spark {
  0% {transform:scale(.55);filter:brightness(1)}
  33% {transform:scale(1.9);filter:brightness(1.65)}
  100% {transform:scale(1);filter:brightness(1)}
}
@keyframes nq-recap-rise {
  from {opacity:0;transform:translateY(10px)}
  to {opacity:1;transform:translateY(0)}
}
@keyframes nq-recap-badge-in {
  0% {opacity:0;transform:scale(.9)}
  55% {opacity:1;transform:scale(1.06);box-shadow:0 0 16px #FBBF2455}
  100% {opacity:1;transform:scale(1);box-shadow:0 0 8px #FBBF2419}
}
@keyframes nq-recap-level-flip {
  0% {transform:perspective(240px) rotateX(-86deg) scale(.90)}
  55% {transform:perspective(240px) rotateX(14deg) scale(1.12)}
  100% {transform:perspective(240px) rotateX(0deg) scale(1)}
}
@keyframes nq-recap-shockwave {
  0% {transform:scale(1);opacity:.85}
  100% {transform:scale(2.4);opacity:0}
}
@keyframes nq-recap-shimmer {
  0% {transform:translateX(-115%) skewX(-17deg)}
  16%,100% {transform:translateX(290%) skewX(-17deg)}
}