/* Temporary presentation only. All rules disappear when the campaign expires. */
html[data-season="halloween"] { --text: #f2eae3; --muted: #b4a7a0; background: #0b090c; }
html[data-season="halloween"] body {
  background: radial-gradient(ellipse at 3% 12%, #8c351b26, transparent 45%),
    radial-gradient(ellipse at 98% 35%, #542a7229, transparent 48%), #0b090c;
  color: #f2eae3;
}
html[data-season="halloween"] body::before,
html[data-season="halloween"] body::after {
  content: ""; position: fixed; top: 0; width: clamp(130px, 23vw, 310px);
  aspect-ratio: 1; background: url('/assets/halloween-web.svg') top left / contain no-repeat;
  opacity: .47; pointer-events: none; z-index: 0;
}
html[data-season="halloween"] body::before { left: 0; }
html[data-season="halloween"] body::after { right: 0; transform: scaleX(-1); opacity: .25; }
html[data-season="halloween"] .page,
html[data-season="halloween"] body > header,
html[data-season="halloween"] body > main,
html[data-season="halloween"] body > footer { position: relative; z-index: 1; }
html[data-season="halloween"] header { border-color: #f291563d; }
html[data-season="halloween"] header img { filter: drop-shadow(0 0 15px #f18b5338); }
html[data-season="halloween"] .release:not(.merch-detail .release) { border-color: #c875454d; }
html[data-season="halloween"] #candy-shop.release {
  background: linear-gradient(105deg, #e9702610, #a881d008);
  box-shadow: -3px 0 #f09a62; padding-left: 20px; padding-right: 20px;
}
html[data-season="halloween"] #artwork .cover,
html[data-season="halloween"] .sleeve {
  box-shadow: 0 24px 80px #0008, 0 0 0 1px #dc87573d, 0 0 65px #b752231c;
}
html[data-season="halloween"] #artwork .cover::before,
html[data-season="halloween"] .sleeve::before {
  content: ""; position: absolute; width: 130px; height: 78px; right: -24px; top: -29px;
  background: url('/assets/halloween-bats.svg') center / contain no-repeat;
  pointer-events: none; z-index: 3;
}
html[data-season="halloween"] .glow {
  background: radial-gradient(ellipse at 15% 45%, #9b43172b, transparent 55%),
    radial-gradient(ellipse at 90% 10%, #713e7b22, transparent 45%);
}
html[data-season="halloween"] .action-link,
html[data-season="halloween"] button.submit {
  background: #f2a36d; border-color: #ffc397; color: #1c100b; box-shadow: 0 4px 24px #bd541d1c;
}
html[data-season="halloween"] .action-link:hover,
html[data-season="halloween"] button.submit:hover { background: #ffc093; }
html[data-season="halloween"] .release-date,
html[data-season="halloween"] .title-dot { color: #f2a36d; }
html[data-season="halloween"] .dot { background: #f2a36d; box-shadow: 0 0 16px #ef853b80; }
html[data-season="halloween"] #merch,
html[data-season="halloween"] #updates,
html[data-season="halloween"] .merch-form,
html[data-season="halloween"] .merch-preview,
html[data-season="halloween"] footer { border-color: #c8754538; }
html[data-season="halloween"] .merch-card:hover,
html[data-season="halloween"] .follow:hover { border-color: #f2a36d; }
html[data-season="halloween"] input[type="checkbox"] { accent-color: #f2a36d; }
html[data-season="halloween"] :is(a,button,input,select,summary):focus-visible { outline-color: #ffc093; }
@media (max-width: 700px) {
  html[data-season="halloween"] body::before { opacity: .3; }
  html[data-season="halloween"] body::after { opacity: .16; }
  html[data-season="halloween"] #artwork .cover::before,
  html[data-season="halloween"] .sleeve::before { width: 88px; height: 54px; right: 4px; top: -24px; }
  html[data-season="halloween"] #candy-shop.release { padding-left: 14px; padding-right: 14px; }
}