/* A narrow reading stage with decorative, non-interactive Halloween scenery. */
.night-wings{display:none}
@media(min-width:761px){
html{background:#050509}body{position:relative;width:480px;max-width:100%;margin:0 auto;box-shadow:0 0 90px #0009;isolation:isolate}
body>.header,body>header{padding:19px 24px;width:100%}body>main:not(.thanks-main){width:100%}.section{padding:55px 28px}.festival-hero{padding:45px 24px 48px;min-height:0}.festival-hero h1{font-size:70px}.festival-tagline{font-size:25px}.festival-kicker{font-size:13px}.hero-lead{font-size:17px}.festival-stamp{display:none}.section h2{font-size:28px}.town-copy h3{font-size:23px}.monitor-conditions{padding:24px 20px}.ticket-dock,.ticket-dock.has-music{width:456px;max-width:calc(100% - 24px)}.ticket-dock .dock-event>b{font-size:12px}.ticket-dock>a{font-size:12px;padding:9px 10px}.ticket-dock{flex-wrap:wrap;gap:6px 10px}.ticket-dock .dock-pause:not([hidden]){order:3;flex-basis:100%}.thanks-hero h1{font-size:32px}.intro{padding:32px 24px}.layout{padding:0 24px}.thanks-main{width:90%!important}body>footer{width:100%}.brand{font-size:18px}.nav-cta{font-size:12px;padding:8px 12px}
.night-wings{display:block;position:fixed;inset:0;pointer-events:none;z-index:-1}.night-wing{position:fixed;top:0;bottom:0;width:calc((100vw - 480px)/2);overflow:hidden;background:linear-gradient(#030409f5,#030409fa),url('./assets/haunted-town.webp') center/cover}.night-wing.left{right:calc(50% + 240px)}.night-wing.right{left:calc(50% + 240px);background-position:70% center}.night-moon{position:absolute;width:140px;height:140px;border-radius:50%;top:12%;left:15%;background:radial-gradient(circle at 35% 30%,#ffe8b7,#dda665);box-shadow:0 0 80px #e9a65950;opacity:.07}.night-wing.right .night-moon{top:28%;left:38%;width:80px;height:80px;opacity:.035}.night-spark{position:absolute;color:#ffcd82;left:var(--x);top:var(--y);font-size:var(--size);animation:night-drift var(--time) ease-in-out infinite alternate;animation-delay:var(--delay);opacity:.45}.night-wing .wing-label{position:absolute;bottom:10%;left:0;width:100%;text-align:center;color:#b8aec326;font:14px Georgia,serif;letter-spacing:.2em}.night-mist{position:absolute;inset:65% -60% -20%;background:radial-gradient(ellipse,#7b719b0a,transparent 65%);animation:night-mist 16s ease-in-out infinite alternate}
}
@keyframes night-drift{from{transform:translate(0,0) rotate(-12deg);opacity:.025}to{transform:translate(14px,-30px) rotate(10deg);opacity:.12}}
@keyframes night-mist{to{transform:translateX(50px) translateY(-25px)}}
@media(prefers-reduced-motion:reduce){.night-spark,.night-mist{animation:none}}

/* Quiet midnight palette, keeping the ticket and text contrast. */
:root{--night:#09080f;--line:#342b40}body{background:#0b0911}.header{background:#100c18}.festival-hero{background:#0d0915}.hero-scene{background:linear-gradient(180deg,#08060dc4,#08060d75 35%,#08060dc9 75%,#0b0911),url("./assets/haunted-town.webp") center 61%/cover;opacity:.85}.experience{background:#100b18}.closing{background:linear-gradient(#08060de8,#08060dcc),url("./assets/haunted-town.webp") center/cover}

/* Keep event details and the ticket link visible in every playback state. */
.ticket-dock,.ticket-dock.has-music{display:grid;grid-template-columns:42px minmax(0,1fr) auto;gap:8px;align-items:center;padding:10px;width:min(456px,calc(100% - 24px));white-space:normal}
.ticket-dock:has(.dock-pause:not([hidden]))>.dock-event,.ticket-dock.has-music>.dock-event{display:block}
.ticket-dock .dock-pause,.ticket-dock .dock-pause:not([hidden]){display:flex;align-items:center;justify-content:center;order:0;flex-basis:auto;width:42px;height:42px;min-height:42px;padding:0;margin:0;border:1px solid #93789f;border-radius:50%;background:#382047;color:#ffe3a9;font-size:25px;line-height:1}
.ticket-dock .dock-pause[aria-pressed=true]{background:#ffbd61;color:#21102c;border-color:#ffbd61}
.ticket-dock .dock-event>b{font-size:12px;line-height:1.6}.ticket-dock .dock-language{font-size:11px;margin-left:4px}.ticket-dock .dock-time{font-size:11px}
.ticket-dock>a{font-size:11px;padding:10px 9px;white-space:nowrap}
@media(max-width:390px){.ticket-dock .dock-language{display:block;margin-left:0}.ticket-dock .dock-event>b{font-size:11px}.ticket-dock>a{font-size:10px;padding:10px 7px}.ticket-dock{gap:6px}}

.level-guide .level-item{padding:18px 0;border-top:1px solid #584164}.level-guide .level-item h4{margin:0 0 8px;font-size:16px;line-height:1.6;color:#ffce90}.level-guide .level-item p{margin:0;font-size:14px;line-height:1.9;color:#e0d2e7}.level-guide .level-contact{display:inline-block;margin-top:12px;font-size:13px;color:#d6e88c;text-decoration:underline;text-underline-offset:4px}.level-deadline{margin-top:12px;padding:16px;background:#100b18;border-radius:8px;border:1px solid #735478}.level-deadline strong{font-size:14px;color:#fff0d5}.level-deadline p{font-size:12px;margin:8px 0 0;color:#d8c4de}