/* Halloween — orange accent, purple-black banner, glowing pumpkins. */
.season-root[data-season="halloween"] { --season-icon: url("/assets/themes/halloween/pumpkin-small.svg"); }
.season-root[data-season="halloween"] .season-banner {
    background: linear-gradient(90deg, #1b0f2e 0%, #2a1240 50%, #1b0f2e 100%);
    overflow: hidden;
}
/* Bats: a faint purple glow so the silhouette reads against dark cards. */
.season-root[data-season="halloween"] .season-fx--fly img {
    filter: drop-shadow(0 0 6px rgba(167, 139, 250, .75)) drop-shadow(0 0 2px rgba(255, 255, 255, .35));
}

/* Phones: a cobweb in the banner's top-right corner (the fixed corner webs are
   wide-screen only). */
.season-root[data-season="halloween"] .season-banner::after {
    content: ""; position: absolute; top: 0; right: 0; width: 64px; height: 64px;
    background: url("/assets/themes/halloween/web-corner.svg") right top / contain no-repeat;
    transform: scaleX(-1); opacity: .55; pointer-events: none;
}
@media (min-width: 1280px) {
    .season-root[data-season="halloween"] .season-banner::after { display: none; }
}
.season-root[data-season="halloween"] .season-decor img[src$="pumpkin.svg"],
.season-root[data-season="halloween"] .season-decor img[src$="pumpkin-small.svg"] {
    filter: drop-shadow(0 0 10px rgba(255, 122, 26, .55));
}
body:has(.season-root[data-season="halloween"]) .season-picks .fever-pick-card {
    border-color: rgba(255, 122, 26, .35);
}