/* each holiday turns the page's own colours for the day; the effect is drawn over everything and never takes a click */
.no-seasons .holiday-sky, .no-seasons .holiday-say { display: none; }
.holiday-sky { position: fixed; inset: 0; width: 100vw; height: 100vh; pointer-events: none; z-index: 50; }
.holiday-say { position: fixed; left: 16px; bottom: 12px; z-index: 51; font: 12px/1.4 var(--sy-font, system-ui, -apple-system, "Segoe UI", sans-serif); letter-spacing: .04em; color: var(--holiday, #ece6f7); text-shadow: 0 1px 6px rgba(0, 0, 0, .6); pointer-events: none; }
html.holiday-new-year:not(:has(body.pg-on)), html.holiday-new-years-eve:not(:has(body.pg-on)) { --accent: #f5d76e; --wave: #e0b84c; --holiday: #f5d76e; }
html.holiday-valentines:not(:has(body.pg-on)) { --accent: #f07a9a; --wave: #e04868; --holiday: #f07a9a; }
html.holiday-st-patricks:not(:has(body.pg-on)) { --accent: #3fae5a; --wave: #7ad69a; --holiday: #7ad69a; }
html.holiday-easter:not(:has(body.pg-on)) { --accent: #f6a6d0; --wave: #a6c8f6; --holiday: #f6c6e0; }
html.holiday-halloween:not(:has(body.pg-on)) { --accent: #f08a24; --wave: #9a4ad0; --holiday: #f08a24; }
html.holiday-thanksgiving:not(:has(body.pg-on)) { --accent: #e0a050; --wave: #c86a2a; --holiday: #e0a050; }
html.holiday-christmas:not(:has(body.pg-on)), html.holiday-christmas-eve:not(:has(body.pg-on)) { --accent: #e04848; --wave: #3fa86a; --holiday: #f2f2f2; }
@media (max-width: 760px) { .holiday-say { left: 50%; transform: translateX(-50%); bottom: 8px; white-space: nowrap; } }
/* each season's ground under the page (a person's own background, body.pg-on, keeps its own), as the night it belongs to looks: october's dark with a low moon and embers at
   the foot, november's warm and dry, winter's cold blue with frost light, valentine's wine, march green, easter dusk,
   pride's colors faint at the top */
html.season-spooky:not(:has(body.pg-on)) { --bg: #0d0810; --sy-bg: #0d0810; }
html.season-spooky body:not(.pg-on) { background: radial-gradient(circle at 84% 9%, rgba(255, 214, 150, .1), rgba(255, 190, 110, .04) 9%, transparent 24%), radial-gradient(ellipse 130% 42% at 50% 108%, rgba(240, 110, 20, .17), rgba(150, 40, 90, .06) 55%, transparent 75%), radial-gradient(ellipse 70% 40% at 30% 0%, rgba(110, 50, 160, .14), transparent 70%), var(--bg); background-attachment: fixed; }
html.season-autumn:not(:has(body.pg-on)) { --bg: #110b08; --sy-bg: #110b08; }
html.season-autumn body:not(.pg-on) { background: radial-gradient(ellipse 80% 42% at 50% 0%, rgba(224, 140, 60, .13), transparent 70%), radial-gradient(ellipse 130% 40% at 50% 106%, rgba(160, 60, 20, .14), transparent 72%), var(--bg); background-attachment: fixed; }
html.season-winter:not(:has(body.pg-on)) { --bg: #070b14; --sy-bg: #070b14; }
html.season-winter body:not(.pg-on) { background: radial-gradient(ellipse 80% 45% at 50% 0%, rgba(150, 190, 255, .13), transparent 70%), radial-gradient(ellipse 130% 36% at 50% 106%, rgba(220, 235, 255, .08), transparent 70%), var(--bg); background-attachment: fixed; }
html.season-valentines:not(:has(body.pg-on)) { --bg: #12070d; --sy-bg: #12070d; }
html.season-valentines body:not(.pg-on) { background: radial-gradient(ellipse 80% 45% at 50% 0%, rgba(240, 90, 130, .15), transparent 70%), radial-gradient(ellipse 130% 36% at 50% 106%, rgba(160, 30, 70, .12), transparent 70%), var(--bg); background-attachment: fixed; }
html.season-st-patricks:not(:has(body.pg-on)) { --bg: #06100a; --sy-bg: #06100a; }
html.season-st-patricks body:not(.pg-on) { background: radial-gradient(ellipse 80% 45% at 50% 0%, rgba(80, 200, 110, .13), transparent 70%), var(--bg); background-attachment: fixed; }
html.season-easter:not(:has(body.pg-on)) { --bg: #100e17; --sy-bg: #100e17; }
html.season-easter body:not(.pg-on) { background: radial-gradient(ellipse 80% 45% at 50% 0%, rgba(246, 198, 224, .11), transparent 70%), radial-gradient(ellipse 130% 36% at 50% 106%, rgba(198, 240, 208, .07), transparent 70%), var(--bg); background-attachment: fixed; }
html.season-pride body:not(.pg-on) { background: linear-gradient(to bottom, transparent, var(--bg) 42%), linear-gradient(90deg, rgba(228, 74, 74, .12), rgba(240, 138, 36, .12), rgba(245, 215, 110, .12), rgba(63, 174, 90, .12), rgba(74, 122, 240, .12), rgba(154, 74, 208, .12)), var(--bg); background-attachment: fixed; }