/* Targeted holiday interaction fixes: visible announcements, birthday mascot and April Fools. */

/* Keep the seasonal announcement clear of every decorative edge character. */
body[data-holiday-theme] > .holiday-banner {
  position: fixed !important;
  z-index: 2147482000 !important;
  isolation: isolate !important;
  pointer-events: auto !important;
}
body[data-holiday-theme] > .holiday-atmosphere { z-index: 0 !important; }
body[data-holiday-theme] > .holiday-screen-stage { z-index: 2 !important; }
body[data-holiday-theme] > .holiday-particle-layer { z-index: 3 !important; }
body[data-holiday-theme] > .flash { z-index: 2147483000 !important; }
body[data-holiday-theme] > .site-announcement { z-index: 2147481000 !important; }

/* Seasonal announcements use a persistent per-occurrence dismissal key.
   Keep their position compact, but never override .is-dismissed. */
body[data-holiday-theme="halloween"] > .holiday-banner:not(.is-dismissed),
body[data-holiday-theme="new_year"] > .holiday-banner:not(.is-dismissed) {
  display: flex !important;
  visibility: visible !important;
  opacity: 1 !important;
  left: max(18px, env(safe-area-inset-left)) !important;
  right: auto !important;
  bottom: max(18px, env(safe-area-inset-bottom)) !important;
  width: min(390px, calc(100vw - 36px)) !important;
  max-height: 150px !important;
  transform: none !important;
}

/* Make Helper's birthday robot unmistakable: large, left-peeking and above the
   bottom message only in z-order, never in document flow or click hit-testing. */
@media (min-width: 1380px) and (min-height: 680px) {
  body[data-holiday-theme="helper_birthday"] .holiday-screen-character--left {
    top: 51% !important;
    left: clamp(-150px, -5.5vw, -88px) !important;
    width: clamp(285px, 22vw, 370px) !important;
    max-width: none !important;
    max-height: min(54vh, 480px) !important;
    height: auto !important;
    opacity: 1 !important;
    transform: translate3d(-5px, -50%, 0) rotate(2deg) !important;
    animation: holiday-birthday-robot-peek 8.6s ease-in-out infinite !important;
    filter: drop-shadow(0 22px 34px rgba(107,82,190,.34)) drop-shadow(0 0 28px rgba(190,161,255,.24)) !important;
  }
  body[data-holiday-theme="helper_birthday"] .holiday-screen-character--right {
    top: 55% !important;
    right: clamp(-86px, -4vw, -52px) !important;
    width: clamp(150px, 11vw, 196px) !important;
    max-height: min(34vh, 300px) !important;
    opacity: .92 !important;
  }
}
@keyframes holiday-birthday-robot-peek {
  0%, 100% { transform: translate3d(-5px, -50%, 0) rotate(2deg); }
  50% { transform: translate3d(5px, calc(-50% - 10px), 0) rotate(-1deg); }
}

/* April Fools: short, reversible gags. Real forms, primary CTAs, payment,
   authentication and admin controls are never selected for the dodge effect. */
body[data-holiday-theme="april_fools"] .holiday-prank-button {
  background: linear-gradient(120deg, rgba(255,159,194,.23), rgba(185,238,126,.14)) !important;
  border-color: rgba(255,159,194,.56) !important;
}
.holiday-prank-flipped {
  animation: holiday-april-text-flip 1.55s cubic-bezier(.34,1.4,.52,1) both !important;
  transform-origin: center center !important;
}
.holiday-prank-wobble {
  animation: holiday-april-card-wobble 1.35s ease-in-out both !important;
  transform-origin: center center !important;
}
.holiday-prank-dodge {
  position: relative !important;
  z-index: 5 !important;
  animation: holiday-april-button-dodge .52s cubic-bezier(.2,.85,.3,1.25) both !important;
}
@keyframes holiday-april-text-flip {
  0%, 100% { transform: rotate(0deg); }
  28% { transform: rotate(180deg) scale(1.04); }
  58% { transform: rotate(180deg) scale(1.04); }
  82% { transform: rotate(0deg) scale(1); }
}
@keyframes holiday-april-card-wobble {
  0%, 100% { transform: rotate(0) translateY(0); }
  22% { transform: rotate(-1.8deg) translateY(-3px); }
  48% { transform: rotate(1.8deg) translateY(2px); }
  72% { transform: rotate(-.8deg) translateY(-1px); }
}
@keyframes holiday-april-button-dodge {
  0%, 100% { transform: translate3d(0,0,0) rotate(0); }
  35% { transform: translate3d(var(--prank-x, 22px),var(--prank-y, -4px),0) rotate(4deg); }
  72% { transform: translate3d(calc(var(--prank-x, 22px) * .65),calc(var(--prank-y, -4px) * -1),0) rotate(-3deg); }
}
.holiday-april-toast {
  position: fixed !important;
  z-index: 2147482001 !important;
  top: max(18px, env(safe-area-inset-top)) !important;
  right: max(18px, env(safe-area-inset-right)) !important;
  display: flex !important;
  align-items: center !important;
  gap: 10px !important;
  width: min(310px, calc(100vw - 36px)) !important;
  box-sizing: border-box !important;
  padding: 12px 14px !important;
  border: 1px solid rgba(255,159,194,.42) !important;
  border-radius: 14px !important;
  background: rgba(30,20,39,.96) !important;
  color: #fff !important;
  box-shadow: 0 16px 44px rgba(0,0,0,.35), 0 0 24px rgba(255,159,194,.14) !important;
  font-size: 12px !important;
  line-height: 1.45 !important;
  opacity: 1 !important;
  transform: translateY(0) scale(1) !important;
  transition: opacity .35s ease, transform .35s ease !important;
  pointer-events: none !important;
}
.holiday-april-toast-mark { font-size: 24px !important; flex: 0 0 auto !important; }
.holiday-april-toast.is-leaving { opacity: 0 !important; transform: translateY(-8px) scale(.97) !important; }
@media (max-width: 760px) {
  body[data-holiday-theme="helper_birthday"] .holiday-screen-character--left,
  body[data-holiday-theme="helper_birthday"] .holiday-screen-character--right { display: none !important; }
  body[data-holiday-theme="halloween"] > .holiday-banner,
  body[data-holiday-theme="new_year"] > .holiday-banner {
    left: 12px !important;
    bottom: max(12px, env(safe-area-inset-bottom)) !important;
    width: min(360px, calc(100vw - 24px)) !important;
  }
}
@media (prefers-reduced-motion: reduce) {
  .holiday-prank-flipped,
  .holiday-prank-wobble,
  .holiday-prank-dodge,
  .holiday-april-toast { animation: none !important; transition: none !important; }
  .holiday-prank-flipped { transform: none !important; }
}


/* New Year: a small illustrated Santa hat pinned to the upper-right screen corner. */
body[data-holiday-theme="new_year"] > .holiday-newyear-hat {
  position: fixed !important;
  z-index: 1801 !important;
  top: -7px !important;
  right: clamp(10px, 2.2vw, 34px) !important;
  display: block !important;
  width: clamp(76px, 7.5vw, 112px) !important;
  height: auto !important;
  max-height: 100px !important;
  object-fit: contain !important;
  pointer-events: none !important;
  user-select: none !important;
  filter: drop-shadow(0 8px 16px rgba(0,0,0,.28)) drop-shadow(0 0 15px rgba(151,216,255,.2)) !important;
  transform-origin: 78% 18% !important;
  animation: holiday-santa-hat-sway 7s ease-in-out infinite !important;
}
@keyframes holiday-santa-hat-sway {
  0%, 100% { transform: rotate(7deg) translateY(0); }
  50% { transform: rotate(1deg) translateY(3px); }
}
body[data-holiday-theme="new_year"] > .holiday-particle-layer {
  opacity: .98 !important;
}
body[data-holiday-theme="new_year"] .holiday-particle--snow {
  opacity: max(var(--particle-opacity, .45), .42) !important;
  font-weight: 600 !important;
  filter: drop-shadow(0 0 5px rgba(205,239,255,.82)) drop-shadow(0 0 11px rgba(133,196,255,.36)) !important;
}
@media (max-width: 760px) {
  body[data-holiday-theme="new_year"] > .holiday-newyear-hat {
    top: 0 !important;
    right: 4px !important;
    width: 54px !important;
    max-height: 52px !important;
    opacity: .9 !important;
  }
}
@media (prefers-reduced-motion: reduce) {
  body[data-holiday-theme="new_year"] > .holiday-newyear-hat { animation: none !important; }
}

/* April Fools experience: a real, visible holiday block with self-contained,
   reversible mini-games. It never alters forms, checkout, auth or admin actions. */
body[data-holiday-theme="april_fools"] .holiday-april-experience {
  --april-pink: #ff9fc2;
  --april-lime: #b9ee7e;
  --april-violet: #9b83ff;
  position: relative !important;
  isolation: isolate !important;
  z-index: 20 !important;
  width: min(1120px, calc(100% - 48px)) !important;
  box-sizing: border-box !important;
  margin: clamp(28px, 4vw, 54px) auto !important;
  padding: clamp(20px, 2.6vw, 32px) !important;
  overflow: hidden !important;
  border: 1px solid rgba(255,159,194,.36) !important;
  border-radius: 26px !important;
  color: #f5f0ff !important;
  background:
    radial-gradient(ellipse at 90% 8%, rgba(185,238,126,.12), transparent 35%),
    radial-gradient(ellipse at 6% 100%, rgba(255,159,194,.15), transparent 42%),
    linear-gradient(128deg, rgba(48,31,62,.97), rgba(22,19,43,.97) 58%, rgba(29,32,47,.97)) !important;
  box-shadow: 0 22px 64px rgba(0,0,0,.28), inset 0 1px 0 rgba(255,255,255,.06), 0 0 36px rgba(255,159,194,.08) !important;
}
body[data-holiday-theme="april_fools"] .holiday-april-experience::before,
body[data-holiday-theme="april_fools"] .holiday-april-experience::after {
  content: "" !important;
  position: absolute !important;
  z-index: -1 !important;
  pointer-events: none !important;
  border-radius: 50% !important;
  filter: blur(1px) !important;
}
body[data-holiday-theme="april_fools"] .holiday-april-experience::before {
  width: 230px !important;
  height: 230px !important;
  top: -135px !important;
  right: 8% !important;
  background: radial-gradient(circle, rgba(255,159,194,.19), transparent 70%) !important;
}
body[data-holiday-theme="april_fools"] .holiday-april-experience::after {
  width: 180px !important;
  height: 180px !important;
  bottom: -110px !important;
  left: 35% !important;
  background: radial-gradient(circle, rgba(185,238,126,.14), transparent 72%) !important;
}
body[data-holiday-theme="april_fools"] .holiday-april-experience.is-floating {
  position: fixed !important;
  right: max(22px, env(safe-area-inset-right)) !important;
  bottom: max(104px, calc(env(safe-area-inset-bottom) + 96px)) !important;
  width: min(410px, calc(100vw - 28px)) !important;
  max-height: min(78vh, 720px) !important;
  overflow: auto !important;
  margin: 0 !important;
  padding: 18px !important;
  border-radius: 22px !important;
  z-index: 1600 !important;
  box-shadow: 0 24px 70px rgba(0,0,0,.52), 0 0 36px rgba(255,159,194,.12) !important;
}
.holiday-april-topline,
.holiday-april-footer,
.holiday-april-heading-row {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 16px !important;
}
.holiday-april-topline { margin-bottom: 20px !important; }
.holiday-april-badge {
  display: inline-flex !important;
  align-items: center !important;
  gap: 8px !important;
  padding: 7px 11px !important;
  border: 1px solid rgba(255,159,194,.34) !important;
  border-radius: 999px !important;
  background: rgba(255,159,194,.1) !important;
  color: #ffd5e4 !important;
  font-size: 10px !important;
  font-weight: 800 !important;
  letter-spacing: .11em !important;
}
.holiday-april-status {
  display: inline-flex !important;
  align-items: center !important;
  gap: 7px !important;
  color: #c4c0d7 !important;
  font-size: 11px !important;
  white-space: nowrap !important;
}
.holiday-april-status i {
  width: 7px !important;
  height: 7px !important;
  display: inline-block !important;
  border-radius: 50% !important;
  background: var(--april-lime, #b9ee7e) !important;
  box-shadow: 0 0 12px rgba(185,238,126,.85) !important;
}
.holiday-april-heading-row {
  position: relative !important;
  min-height: 106px !important;
  margin-bottom: 20px !important;
}
.holiday-april-heading-copy { min-width: 0 !important; }
.holiday-april-heading-copy h2 {
  margin: 0 0 8px !important;
  color: #fff !important;
  font-size: clamp(22px, 3vw, 34px) !important;
  font-weight: 850 !important;
  line-height: 1.13 !important;
  letter-spacing: -.035em !important;
}
.holiday-april-heading-copy h2 em {
  color: #d4b7ff !important;
  font-style: normal !important;
  text-shadow: 0 0 22px rgba(199,158,255,.28) !important;
}
.holiday-april-heading-copy p {
  max-width: 690px !important;
  margin: 0 !important;
  color: #c2bfd4 !important;
  font-size: 13px !important;
  line-height: 1.65 !important;
}
.holiday-april-mascot {
  position: relative !important;
  display: flex !important;
  flex: 0 0 116px !important;
  min-height: 100px !important;
  align-items: center !important;
  justify-content: center !important;
}
.holiday-april-mascot-face {
  display: grid !important;
  width: 68px !important;
  height: 68px !important;
  place-items: center !important;
  border: 1px solid rgba(255,255,255,.3) !important;
  border-radius: 24px !important;
  background: linear-gradient(145deg, #9c7cff, #5b4ac1) !important;
  box-shadow: 0 12px 28px rgba(127,96,233,.34), inset 0 1px 0 rgba(255,255,255,.35) !important;
  font-size: 38px !important;
  transform: rotate(8deg) !important;
  animation: holiday-april-mascot-float 3.8s ease-in-out infinite !important;
}
.holiday-april-mascot-spark { position: absolute !important; top: 1px !important; right: 18px !important; color: #f8d66d !important; font-size: 22px !important; animation: holiday-april-sparkle 2.2s ease-in-out infinite !important; }
.holiday-april-mascot-caption { position: absolute !important; bottom: 0 !important; color: #aaa3c7 !important; font-size: 8px !important; white-space: nowrap !important; }
.holiday-april-games { display: grid !important; grid-template-columns: repeat(3, minmax(0,1fr)) !important; gap: 12px !important; }
.holiday-april-game-card {
  position: relative !important;
  display: flex !important;
  min-width: 0 !important;
  min-height: 174px !important;
  flex-direction: column !important;
  align-items: flex-start !important;
  padding: 16px !important;
  overflow: hidden !important;
  border: 1px solid rgba(255,255,255,.09) !important;
  border-radius: 18px !important;
  background: linear-gradient(145deg, rgba(255,255,255,.075), rgba(255,255,255,.025)) !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.04) !important;
  transition: border-color .25s ease, background .25s ease, transform .25s ease !important;
}
.holiday-april-game-card:hover { border-color: rgba(255,159,194,.38) !important; background: linear-gradient(145deg, rgba(255,159,194,.11), rgba(255,255,255,.035)) !important; }
.holiday-april-game-icon {
  display: grid !important;
  width: 34px !important;
  height: 34px !important;
  margin-bottom: 11px !important;
  place-items: center !important;
  border-radius: 11px !important;
  background: rgba(255,159,194,.13) !important;
  color: #ffd3e3 !important;
  font-size: 18px !important;
}
.holiday-april-game-card h3 { margin: 0 0 6px !important; color: #fff !important; font-size: 14px !important; font-weight: 800 !important; line-height: 1.3 !important; }
.holiday-april-game-card p { flex: 1 1 auto !important; margin: 0 0 13px !important; color: #bdb8d1 !important; font-size: 11px !important; line-height: 1.5 !important; }
.holiday-april-action,
.holiday-april-launch,
.holiday-april-reset {
  display: inline-flex !important;
  min-height: 36px !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 7px !important;
  box-sizing: border-box !important;
  border: 1px solid rgba(255,159,194,.3) !important;
  border-radius: 11px !important;
  padding: 8px 12px !important;
  background: rgba(255,159,194,.13) !important;
  color: #ffe5ef !important;
  font-size: 11px !important;
  font-weight: 750 !important;
  line-height: 1.2 !important;
  cursor: pointer !important;
  transition: background .2s ease, border-color .2s ease, transform .2s ease, box-shadow .2s ease !important;
}
.holiday-april-action:hover,
.holiday-april-launch:hover,
.holiday-april-reset:hover { border-color: rgba(255,159,194,.7) !important; background: rgba(255,159,194,.22) !important; box-shadow: 0 5px 18px rgba(255,159,194,.13) !important; }
.holiday-april-runaway { position: relative !important; transform: translate3d(var(--dodge-x, 0), var(--dodge-y, 0), 0) rotate(0) !important; }
.holiday-april-runaway.is-dodging { transform: translate3d(var(--dodge-x), var(--dodge-y), 0) rotate(5deg) !important; }
.holiday-april-runaway.is-caught { transform: scale(.97) rotate(0) !important; background: rgba(185,238,126,.18) !important; border-color: rgba(185,238,126,.45) !important; color: #eaffd1 !important; }
.holiday-april-footer { margin-top: 17px !important; flex-wrap: wrap !important; }
.holiday-april-footnote { color: #9994af !important; font-size: 10px !important; line-height: 1.4 !important; }
.holiday-april-launch { min-height: 40px !important; border-color: transparent !important; padding: 10px 16px !important; background: linear-gradient(110deg, #b66be9, #806cff) !important; color: #fff !important; box-shadow: 0 9px 24px rgba(135,100,232,.24) !important; }
.holiday-april-reset { background: rgba(185,238,126,.11) !important; border-color: rgba(185,238,126,.3) !important; color: #e2ffc8 !important; }
.holiday-april-reset[hidden] { display: none !important; }
.holiday-april-experience.is-pranking .holiday-april-game-card--flip { order: 3 !important; }
.holiday-april-experience.is-pranking .holiday-april-game-card--dodge { order: 1 !important; }
.holiday-april-experience.is-pranking .holiday-april-game-card--gravity { order: 2 !important; }
.holiday-april-confetti-burst { position: absolute !important; inset: 50% auto auto 72% !important; width: 1px !important; height: 1px !important; pointer-events: none !important; }
.holiday-april-confetti-burst i { position: absolute !important; left: 0 !important; top: 0 !important; width: 7px !important; height: 11px !important; border-radius: 2px !important; background: var(--confetti-color) !important; animation: holiday-april-burst .78s cubic-bezier(.12,.64,.42,1) var(--confetti-delay) both !important; }
@keyframes holiday-april-burst { from { opacity: 0; transform: rotate(0) translate3d(0,0,0) scale(.4); } 15% { opacity: 1; } to { opacity: 0; transform: rotate(240deg) translate3d(0,calc(var(--confetti-distance) * -1),0) scale(1); } }
@keyframes holiday-april-mascot-float { 0%,100% { transform: translateY(0) rotate(8deg); } 50% { transform: translateY(-7px) rotate(-5deg); } }
@keyframes holiday-april-sparkle { 0%,100% { opacity: .4; transform: scale(.8) rotate(0); } 50% { opacity: 1; transform: scale(1.2) rotate(35deg); } }
@keyframes holiday-april-page-jolt { 0%,100% { transform: translateX(0) rotate(0); } 25% { transform: translateX(-3px) rotate(-.18deg); } 55% { transform: translateX(3px) rotate(.18deg); } }
body[data-holiday-theme="april_fools"] .holiday-april-page-jolt { animation: holiday-april-page-jolt .72s ease-in-out both !important; }
body[data-holiday-theme="april_fools"] .holiday-prank-flipped { display: inline-block !important; transform-origin: center !important; }
body[data-holiday-theme="april_fools"] .holiday-prank-flipped { animation: holiday-april-text-flip 1.65s cubic-bezier(.34,1.4,.52,1) both !important; }
body[data-holiday-theme="april_fools"] .holiday-prank-wobble { animation: holiday-april-card-wobble 1.35s ease-in-out both !important; }
body[data-holiday-theme="april_fools"] .holiday-april-toast { opacity: 0 !important; transform: translateY(-10px) scale(.97) !important; transition: opacity .25s ease, transform .25s ease !important; }
body[data-holiday-theme="april_fools"] .holiday-april-toast.is-visible { opacity: 1 !important; transform: translateY(0) scale(1) !important; }
body[data-holiday-theme="april_fools"] .holiday-april-toast.is-leaving { opacity: 0 !important; transform: translateY(-8px) scale(.97) !important; }
@media (max-width: 820px) {
  body[data-holiday-theme="april_fools"] .holiday-april-experience { width: calc(100% - 28px) !important; padding: 18px !important; }
  .holiday-april-games { grid-template-columns: 1fr !important; }
  .holiday-april-game-card { min-height: 0 !important; }
  .holiday-april-mascot { flex-basis: 76px !important; }
  .holiday-april-mascot-face { width: 54px !important; height: 54px !important; border-radius: 19px !important; font-size: 30px !important; }
  .holiday-april-mascot-caption { display: none !important; }
  body[data-holiday-theme="april_fools"] .holiday-april-experience.is-floating { right: 12px !important; bottom: 88px !important; width: min(360px, calc(100vw - 24px)) !important; }
}
@media (max-width: 480px) {
  .holiday-april-topline { align-items: flex-start !important; flex-direction: column !important; gap: 9px !important; }
  .holiday-april-heading-row { align-items: flex-start !important; }
  .holiday-april-mascot { flex-basis: 56px !important; min-height: 68px !important; }
  .holiday-april-mascot-face { width: 46px !important; height: 46px !important; font-size: 25px !important; }
  .holiday-april-footer { align-items: stretch !important; }
  .holiday-april-launch { width: 100% !important; }
}
@media (prefers-reduced-motion: reduce) {
  .holiday-april-mascot-face, .holiday-april-mascot-spark,
  .holiday-april-confetti-burst i, .holiday-april-page-jolt,
  .holiday-prank-flipped, .holiday-prank-wobble,
  .holiday-april-runaway, .holiday-april-game-card { animation: none !important; transition: none !important; }
}
.holiday-april-mascot { position: relative !important; }
.holiday-april-upside-note {
  position: absolute !important;
  z-index: 2 !important;
  top: -9px !important;
  right: -16px !important;
  display: inline-block !important;
  padding: 5px 8px !important;
  border: 1px solid rgba(255,211,109,.36) !important;
  border-radius: 7px !important;
  background: rgba(255,211,109,.12) !important;
  color: #ffe6a6 !important;
  font-size: 8px !important;
  font-weight: 900 !important;
  letter-spacing: .1em !important;
  transform: rotate(180deg) !important;
}
.holiday-april-experience.is-pranking .holiday-april-launch { order: 2 !important; }
.holiday-april-experience.is-pranking .holiday-april-reset { order: 1 !important; }
.holiday-april-experience.is-pranking .holiday-april-footnote { order: 3 !important; flex-basis: 100% !important; text-align: right !important; }
/* Do not inherit full-screen section sizing/scroll-snap rules from the homepage. */
body[data-holiday-theme="april_fools"] main > .holiday-april-experience {
  display: block !important;
  height: auto !important;
  min-height: 0 !important;
  max-height: none !important;
  scroll-snap-align: none !important;
  scroll-snap-stop: normal !important;
}
body[data-holiday-theme="april_fools"] .holiday-april-experience.is-floating {
  height: auto !important;
  min-height: 0 !important;
}


/* April 1: automatic, reversible visual pranks. No mini-game controls. */
body[data-holiday-theme="april_fools"] .holiday-auto-upside-down {
  transform: rotate(180deg) !important;
  transform-origin: center center !important;
  transition: transform .72s cubic-bezier(.2,.78,.25,1) var(--auto-flip-delay, 0ms) !important;
  will-change: transform !important;
}
body[data-holiday-theme="april_fools"] .holiday-auto-running {
  position: relative !important;
  z-index: 30 !important;
  transform: translate3d(var(--auto-run-x, 0), var(--auto-run-y, 0), 0) rotate(var(--auto-run-angle, 0deg)) !important;
  transition: transform .22s cubic-bezier(.2,.78,.2,1) !important;
  will-change: transform !important;
}
body[data-holiday-theme="april_fools"] .holiday-auto-caught {
  filter: drop-shadow(0 0 9px rgba(185,238,126,.42)) !important;
  transition: filter .35s ease !important;
}
body[data-holiday-theme="april_fools"] .holiday-april-toast-copy {
  display: block !important;
  min-width: 0 !important;
  color: #fff !important;
  font-size: 12px !important;
  line-height: 1.45 !important;
}
@media (prefers-reduced-motion: reduce) {
  body[data-holiday-theme="april_fools"] .holiday-auto-upside-down,
  body[data-holiday-theme="april_fools"] .holiday-auto-running,
  body[data-holiday-theme="april_fools"] .holiday-auto-caught {
    transition: none !important;
    transform: none !important;
    filter: none !important;
  }
}

body[data-holiday-theme="april_fools"] .holiday-auto-prank-note {
  display: block !important;
  margin-top: 6px !important;
  color: rgba(231, 222, 249, .78) !important;
  font-size: 10px !important;
  line-height: 1.4 !important;
}