@font-face{font-family:Gilroy;src:url(/assets/Gilroy-Regular-A4YusU0y.woff)format("woff");font-weight:400}@font-face{font-family:Gilroy;src:url(/assets/Gilroy-Medium-BTg7xxzW.woff)format("woff");font-weight:500}@font-face{font-family:Gilroy;src:url(/assets/Gilroy-Heavy-DrPVN3os.woff)format("woff");font-weight:800}:root{--night:#120a1e;--night-2:#1d1030;--ink:#0a0612;--ivory:#f3e9d2;--ivory-dim:#f3e9d29e;--candle:#ff8a2a;--gold:#e2c06a;--gold-deep:#9c6f22;--gold-dim:#e2c06a59;--bowie:#3fb6ff;--purple:#9b5de5;--silver:#cfd6e6;--wood:#2b1a12;--header-h:116px;--tickets-h:0px;--footer-h:36px;--stage-h:calc(100dvh - var(--header-h) - var(--tickets-h) - var(--footer-h) - 36px)}*{box-sizing:border-box}html,body{height:100%;margin:0;overflow:hidden}body{color:var(--ivory);background:var(--ink);-webkit-font-smoothing:antialiased;font-family:Gilroy,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}button{font:inherit}:focus-visible{outline:2px solid var(--candle);outline-offset:3px}.night{height:100dvh;padding-bottom:var(--footer-h);background:radial-gradient(120% 70% at 50% -10%, #2a1548 0%, var(--night-2) 45%, var(--night) 75%, var(--ink) 100%);flex-direction:column;justify-content:center;align-items:center;display:flex;position:relative;overflow:hidden}.night:before{content:"";pointer-events:none;opacity:.55;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='420' height='420' viewBox='0 0 420 420' fill='%23f3e9d2'><circle cx='22' cy='40' r='1.2'/><circle cx='120' cy='18' r='.8'/><circle cx='200' cy='90' r='1.4'/><circle cx='310' cy='30' r='1'/><circle cx='380' cy='120' r='.9'/><circle cx='60' cy='180' r='.9'/><circle cx='250' cy='200' r='1.1'/><circle cx='150' cy='260' r='.7'/><circle cx='340' cy='250' r='1.3'/><circle cx='30' cy='330' r='1'/><circle cx='210' cy='360' r='.8'/><circle cx='400' cy='380' r='1.1'/><circle cx='110' cy='400' r='.9'/></svg>");position:absolute;inset:0;-webkit-mask-image:linear-gradient(#000 0%,#0009 45%,#0000 80%);mask-image:linear-gradient(#000 0%,#0009 45%,#0000 80%)}.sky{pointer-events:none;position:absolute;inset:0}.moon{width:clamp(70px,8vw,118px);color:var(--ivory);filter:drop-shadow(0 0 28px #f3e9d259)drop-shadow(0 0 80px #f3e9d21f);opacity:.92;position:absolute;top:14px;right:clamp(16px,7vw,140px)}.bats{color:#05030a;position:absolute;inset:0}.bats svg{opacity:0;width:44px;animation:1.9s cubic-bezier(.3,.6,.4,1) forwards fly;position:absolute}.bats svg:first-child{width:40px;animation-delay:.2s;top:70px;left:60%}.bats svg:nth-child(2){width:26px;animation-delay:.55s;top:96px;left:56%}.bats svg:nth-child(3){width:32px;animation-delay:.35s;top:58px;left:64%}.bats svg:nth-child(4){width:22px;animation-delay:.8s;top:104px;left:62%}.bats svg:nth-child(5){width:24px;animation-delay:1s;top:48px;left:58%}@keyframes fly{0%{opacity:0;transform:translateY(16px)scale(.6)rotate(-8deg)}20%{opacity:.95}to{opacity:.9;transform:translate(min(22vw,300px),-40px)scale(1)rotate(6deg)}}.web-corner{width:clamp(100px,15vw,200px);color:var(--ivory);opacity:.14;pointer-events:none;position:absolute;top:0}.web-left{left:0}.web-right{right:0;transform:scaleX(-1)}.web{width:100%;height:auto;display:block}.town{color:#070410;pointer-events:none;z-index:1;width:100%;height:clamp(90px,16vh,170px);position:absolute;bottom:0;left:0;right:0}.fog{pointer-events:none;z-index:1;will-change:transform;background:radial-gradient(#b4a0dc24 0%,#b4a0dc0f 40%,#0000 70%);border-radius:50%;width:60vw;height:26vh;position:absolute;bottom:4vh}.fog-a{animation:26s ease-in-out infinite alternate drift;left:-10vw}.fog-b{animation:34s ease-in-out infinite alternate-reverse drift;right:-14vw}@keyframes drift{0%{transform:translate(0)}to{transform:translate(12vw)}}.marquee{z-index:2;flex-direction:row;justify-content:center;align-items:center;gap:26px;width:100%;padding:0 20px;display:flex;position:relative}.brand{line-height:0;display:inline-block}.brand img{width:auto;height:78px}.lockup-rule,.marquee h1{transform:translateY(16px)}.lockup-rule{background:linear-gradient(180deg, transparent, var(--gold) 20%, var(--gold) 80%, transparent);opacity:.8;width:1px;height:48px}.marquee h1{letter-spacing:-.01em;background:linear-gradient(180deg, #fbe7a8 0%, var(--gold) 45%, #b8873a 100%);color:#0000;-webkit-background-clip:text;background-clip:text;margin:0;font-size:clamp(32px,4.2vw,52px);font-weight:800;line-height:1}.theatre{z-index:2;flex-direction:column;align-items:center;gap:14px;margin-top:30px;display:flex;position:relative}.proscenium{--stage-ratio:2400 / 1340;aspect-ratio:var(--stage-ratio);width:min(calc(var(--stage-h) * 2400 / 1340), calc(100vw - 64px));position:relative}.stage{background:url(/halloween/stage-bg.jpg) center / cover no-repeat, radial-gradient(70% 50% at 50% 18%, #2d1850 0%, var(--night) 60%, var(--ink) 100%);box-shadow:0 0 0 1px var(--gold-dim), 0 0 0 6px var(--ink), 0 0 0 7px var(--gold-dim), 0 30px 80px #0009, 0 0 90px #ff963c29, 0 0 160px #8c50dc24;border-radius:18px;position:absolute;inset:0;overflow:hidden}.stage:after{content:"";pointer-events:none;z-index:3;opacity:0;background:radial-gradient(60% 40% at 50% 0,#ffc47829,#0000 70%);transition:opacity 1.2s;position:absolute;inset:0}.night:not([data-phase=landing]):not([data-phase=switching]) .stage:after{opacity:1}.corner-wrap{z-index:7;width:58px;height:58px;color:var(--gold);pointer-events:none;filter:drop-shadow(0 2px 4px #0009);position:absolute}.corner-wrap .corner{width:100%;height:100%;display:block}.corner-wrap.tl{top:-9px;left:-9px}.corner-wrap.tr{top:-9px;right:-9px;transform:scaleX(-1)}.corner-wrap.bl{bottom:-9px;left:-9px;transform:scaleY(-1)}.corner-wrap.br{bottom:-9px;right:-9px;transform:scale(-1)}.stage-layer{opacity:0;will-change:opacity, transform;transition:opacity .7s;inset:0;transform:none;position:absolute!important}.stage-layer.is-front{opacity:1}.stage-layer canvas{display:block;width:100%!important;height:100%!important}.setting{z-index:4;color:var(--ivory-dim);letter-spacing:.03em;justify-content:center;align-items:center;font-size:14px;transition:opacity .6s,visibility .6s;display:flex;position:absolute;inset:0}.night:not([data-phase=landing]) .setting{opacity:0;visibility:hidden}.landing{z-index:4;cursor:pointer;text-align:center;background:radial-gradient(60% 55%,#0a061259 0%,#0a0612b8 100%);flex-direction:column;justify-content:center;align-items:center;gap:14px;padding:24px;transition:opacity .5s,visibility .5s;display:flex;position:absolute;inset:0}.night:not([data-phase=ready]) .landing{opacity:0;visibility:hidden;pointer-events:none}.play{aspect-ratio:1;cursor:pointer;color:#1a0d05;background:radial-gradient(circle at 35% 30%,#ffd08a 0%,#ff9a3a 45%,#e3660f 100%);border:2px solid #ffdcaab3;border-radius:50%;place-items:center;width:clamp(84px,9vw,116px);transition:transform .18s;display:grid;position:relative;box-shadow:0 0 0 6px #ff8a2a2e,0 12px 40px #ff781e8c,inset 0 2px #fff6}.play svg{width:44%;height:44%}.landing:hover .play{transform:scale(1.06)}.play:disabled{cursor:progress;opacity:.7}.play-ring{pointer-events:none;border:2px solid #ffaa50cc;border-radius:50%;animation:2s ease-out infinite ring;position:absolute;inset:-2px}.play-ring.r2{animation-delay:1s}@keyframes ring{0%{opacity:.9;transform:scale(1)}to{opacity:0;transform:scale(1.9)}}.play-title{color:var(--ivory);text-shadow:0 2px 12px #000c;margin:6px 0 0;font-size:clamp(20px,2.4vw,28px);font-weight:800;line-height:1.15}.play-sub{color:var(--ivory-dim);text-shadow:0 1px 8px #000c;align-items:center;gap:6px;margin:0;font-size:14px;font-weight:500;display:inline-flex}.play-sub svg{width:16px;height:16px}.pumpkin{filter:drop-shadow(0 0 14px #ffa03cb3);width:46px;height:auto;animation:3.2s ease-in-out infinite flicker}@keyframes flicker{0%,to{opacity:1}50%{opacity:.82}70%{opacity:.94}}.cta{cursor:pointer;color:var(--ink);letter-spacing:.01em;background:linear-gradient(180deg, #ffb46a 0%, var(--candle) 60%, #e46a12 100%);border:1px solid #ffc88c80;border-radius:999px;padding:12px 24px;font-size:14px;font-weight:800;transition:transform .15s,box-shadow .2s,opacity .15s;box-shadow:inset 0 1px #ffffff59,0 10px 30px #ff8a2a47}.cta:hover{transform:translateY(-1px);box-shadow:inset 0 1px #ffffff59,0 14px 36px #ff8a2a61}.cta:disabled{opacity:.5;cursor:progress;transform:none}.fx{z-index:5;pointer-events:none;width:100%;height:100%;position:absolute;inset:0}.stage-layer.is-leaving{opacity:0;transition:opacity 1s ease-in .6s}.stage-layer.is-leaving>canvas{transition:transform 1.7s cubic-bezier(.5,0,.9,.5);transform:scale(.45)rotate(40deg)}.stage-layer.is-front{transition:opacity 1s ease-in-out}.stage-layer.is-entering>canvas{opacity:0;transition:none}.stage-layer.is-front:not(.is-entering)>canvas{transition:opacity .5s ease-out}.toolkit{z-index:4;opacity:0;visibility:hidden;background:linear-gradient(#0000,#0a0612d9);justify-content:center;align-items:center;gap:10px;padding:44px 16px 16px;transition:opacity .5s .4s,visibility .5s .4s;display:flex;position:absolute;bottom:0;left:0;right:0}.night[data-phase=live] .toolkit{opacity:1;visibility:visible}.tool{cursor:pointer;color:var(--ivory);background:#140c22b8;border:1px solid #f3e9d240;border-radius:999px;align-items:center;gap:8px;padding:10px 16px;font-size:13.5px;font-weight:500;transition:border-color .2s,background .2s,color .2s;display:inline-flex}.tool svg{width:16px;height:16px}.tool:hover{border-color:var(--gold);background:#221438d9}.tool.is-off{color:var(--candle);border-color:#ff8a2a80}.tool.is-off .on,.tool:not(.is-off) .off{display:none}.tool.end{color:#ffb4b4;border-color:#ff787859}.tool.end:hover{background:#781e2899;border-color:#ff8a8a}.tool:disabled{opacity:.45;cursor:not-allowed}.tickets{z-index:4;opacity:0;visibility:hidden;background:linear-gradient(#0000,#0a0612f0 45%);flex-direction:column;align-items:center;gap:10px;padding:40px 14px 16px;transition:opacity .7s,transform .7s,visibility .7s;display:flex;position:absolute;bottom:0;left:0;right:0;transform:translateY(16px)}.night[data-phase=choose] .tickets,.night[data-phase=switching] .tickets{opacity:1;visibility:visible;transform:none}.night[data-phase=switching] .tickets{pointer-events:none;opacity:.45}.tickets h2{color:var(--ivory-dim);margin:0;font-size:clamp(14px,1.15vw,19px);font-weight:500}.ticket-row{grid-template-columns:repeat(3,1fr);gap:clamp(10px,1vw,16px);width:100%;max-width:min(960px,92%);display:grid}.ticket{--accent:var(--candle);--tk-h:clamp(64px, 5.4vw, 96px);--stub:clamp(50px, 4.2vw, 72px);grid-template-columns:var(--stub) 1fr;width:100%;min-height:var(--tk-h);-webkit-mask:radial-gradient(circle 6px at var(--stub) 0, #0000 97%, #000) top / 100% 51% no-repeat, radial-gradient(circle 6px at var(--stub) 100%, #0000 97%, #000) bottom / 100% 51% no-repeat;-webkit-mask:radial-gradient(circle 6px at var(--stub) 0, #0000 97%, #000) top / 100% 51% no-repeat, radial-gradient(circle 6px at var(--stub) 100%, #0000 97%, #000) bottom / 100% 51% no-repeat;mask:radial-gradient(circle 6px at var(--stub) 0, #0000 97%, #000) top / 100% 51% no-repeat, radial-gradient(circle 6px at var(--stub) 100%, #0000 97%, #000) bottom / 100% 51% no-repeat;cursor:pointer;text-align:left;color:var(--ivory);background:linear-gradient(#221432eb,#0f0818f2);border:0;border-radius:9px;align-items:stretch;padding:0;transition:transform .18s,box-shadow .2s;display:grid;position:relative;overflow:hidden;box-shadow:inset 0 0 0 1px #e2c06a52}.ticket:before{content:"";top:7px;bottom:7px;left:var(--stub);border-left:2px dotted #f3e9d259;position:absolute}.ticket .stub{color:var(--ink);background:linear-gradient(135deg, color-mix(in srgb, var(--accent) 100%, #fff 25%) 0%, var(--accent) 45%, color-mix(in srgb, var(--accent) 70%, #000) 100%);flex-direction:column;justify-content:center;align-items:center;gap:4px;display:flex}.ticket .stub svg{width:clamp(18px,1.6vw,28px);height:clamp(18px,1.6vw,28px)}.ticket .admit{letter-spacing:.08em;text-transform:uppercase;opacity:.75;font-size:clamp(8px,.62vw,11px);font-weight:800}.ticket .body{flex-direction:column;justify-content:center;gap:clamp(3px,.3vw,6px);padding:10px clamp(12px,1vw,18px) 10px clamp(14px,1.2vw,22px);display:flex}.ticket .name{font-size:clamp(16px,1.35vw,24px);font-weight:800;line-height:1.1}.ticket .short{display:none}.ticket .line{color:var(--ivory-dim);font-size:clamp(11.5px,.92vw,15px);line-height:1.3}.ticket:hover{box-shadow:inset 0 0 0 1px var(--accent);transform:translateY(-2px)}.ticket:active{transform:translateY(0)}.ticket-jack{--accent:var(--candle)}.ticket-michael{--accent:var(--silver)}.ticket-freddie{--accent:var(--gold)}.ended{z-index:6;text-align:center;background:radial-gradient(70% 50% at 50% 45%,#2d1850eb 0%,#120a1ef7 70%);flex-direction:column;justify-content:center;align-items:center;gap:16px;padding:24px;display:none;position:absolute;inset:0}.night[data-phase=ended] .ended{display:flex}.ended p{color:var(--ivory-dim);margin:0;font-size:16px}.ended .pumpkin{width:56px}.ghost{cursor:pointer;border:1px solid var(--gold-dim);color:var(--ivory);background:0 0;border-radius:999px;padding:10px 20px;font-size:13.5px;font-weight:500;transition:border-color .2s,background .2s}.ghost:hover{border-color:var(--gold);background:#e2c06a14}.notice{color:var(--candle);text-align:center;width:max-content;max-width:70vw;margin:0;font-size:12.5px;line-height:1.4;position:absolute;bottom:-4px;left:50%;transform:translate(-50%,100%)}.notice:empty{display:none}.colophon{height:var(--footer-h);z-index:2;color:var(--ivory-dim);letter-spacing:.02em;justify-content:center;align-items:center;font-size:12.5px;display:flex;position:absolute;bottom:0;left:0;right:0}@media (max-aspect-ratio:1){.proscenium{--stage-ratio:3 / 4;width:min(calc(var(--stage-h) * 3 / 4), calc(100vw - 32px))}.ticket-row{max-width:560px}.moon{width:56px;top:10px;right:12px}}@media (max-width:900px){.ticket-row{gap:8px}.ticket{--tk-h:56px;--stub:44px}.ticket .line,.ticket .admit,.ticket .full{display:none}.ticket .short{display:inline}}@media (max-width:480px){:root{--header-h:130px;--footer-h:28px}.marquee{flex-direction:column;gap:4px}.lockup-rule{display:none}.brand img{height:62px}.lockup-rule,.marquee h1{transform:none}.corner-wrap{width:40px;height:40px}.moon{width:40px;top:74px;right:8px}.web-corner{width:80px}}@media (prefers-reduced-motion:reduce){.bats svg{opacity:.8;animation:none;transform:translate(20vw,-10vh)}.pumpkin,.fog,.play-ring{animation:none}.stage-layer.is-leaving>canvas,.stage-layer.is-entering>canvas{transform:none}.tickets,.stage-layer,.landing{transition-duration:.2s}}