/* Halloween: retain the original files and reveal only their landscape bands. */
body.hse-theme.hse-season-halloween{background:#30205b}
body.hse-theme.hse-season-halloween .hse-hero{background:transparent}
body.hse-theme.hse-season-halloween .hse-hero::before{height:auto;aspect-ratio:2172/496;background-image:url('/img/theme/seasons/halloween-header-v2.png');background-size:100% auto;background-position:center center;background-repeat:no-repeat;-webkit-mask-image:linear-gradient(#000 76%,#000e 83%,#0009 90%,#0003 97%,transparent);mask-image:linear-gradient(#000 76%,#000e 83%,#0009 90%,#0003 97%,transparent)}
body.hse-theme.hse-season-halloween::before{height:auto;aspect-ratio:2172/556;background-image:url('/img/theme/seasons/halloween-footer-v2.png');background-size:100% auto;background-position:center center;background-repeat:no-repeat;-webkit-mask-image:linear-gradient(transparent,#0003 8%,#0009 16%,#000e 23%,#000 30%);mask-image:linear-gradient(transparent,#0003 8%,#0009 16%,#000e 23%,#000 30%)}
body.hse-season-halloween.hse-season-decor .hse-topbar{border-color:#ed8734;border-bottom-color:#ff9a3d;box-shadow:0 0 4px #ffb75b,0 0 17px #f6773680,inset 0 0 12px #e9672420;background:linear-gradient(120deg,#18162cf7,#101728f7 60%,#242039f7)}
body.hse-season-halloween.hse-season-decor .cont_web{border-color:#ffb662;box-shadow:0 0 5px #ffb55b,0 0 22px #ee6e3f70,inset 0 0 0 4px #fff7}
body.hse-season-halloween.hse-season-decor .hse-topbar::after{content:'';position:absolute;right:0;top:0;width:64px;height:64px;background:url('/img/theme/seasons/web.svg') center/contain no-repeat;transform:scaleX(-1);pointer-events:none;opacity:.65;border-radius:0 14px 0 0}
body.hse-season-halloween.hse-season-decor .hse-socialbar{position:relative}
body.hse-season-halloween.hse-season-decor .hse-socialbar::after{content:'';position:absolute;left:0;top:0;width:46px;height:46px;background:url('/img/theme/seasons/web.svg') center/contain no-repeat;pointer-events:none;opacity:.45;filter:drop-shadow(0 1px 1px #533569)}
.hss-ghosts{position:fixed;inset:0;overflow:hidden;pointer-events:none;z-index:30;contain:strict}
.hss-ghosts span{position:absolute;left:0;top:0;width:150px;height:150px;background:url('/img/theme/seasons/ghost.png') center/contain no-repeat;opacity:.28;animation:hss-wander 57s linear infinite;will-change:transform}
.hss-ghosts span:nth-child(2){animation-name:hss-wander-two;animation-duration:71s;animation-delay:-28s;width:115px;height:115px;opacity:.23}
.hss-ghosts span:nth-child(3){animation-duration:83s;animation-delay:-43s;width:125px;height:125px;opacity:.20}
.hss-ghosts span:nth-child(4){animation-name:hss-wander-two;animation-duration:97s;animation-delay:-65s;opacity:.25}
@keyframes hss-wander{0%{transform:translate(-160px,65vh) rotate(-12deg)}25%{transform:translate(25vw,18vh) rotate(8deg)}50%{transform:translate(58vw,65vh) rotate(-8deg)}75%{transform:translate(85vw,28vh) rotate(12deg)}100%{transform:translate(calc(100vw + 160px),55vh) rotate(-12deg)}}
@keyframes hss-wander-two{0%{transform:translate(calc(100vw + 160px),15vh) scaleX(-1) rotate(8deg)}25%{transform:translate(72vw,60vh) scaleX(-1) rotate(-10deg)}50%{transform:translate(40vw,10vh) scaleX(-1) rotate(12deg)}75%{transform:translate(12vw,65vh) scaleX(-1) rotate(-8deg)}100%{transform:translate(-160px,30vh) scaleX(-1) rotate(8deg)}}
.hss-motion-paused .hss-ghosts span{animation-play-state:paused}
.hss-pause{position:fixed;bottom:14px;left:14px;z-index:40;padding:8px 12px;border:1px solid #b8a4d8;border-radius:20px;background:#24183ee8;color:#f8edff;font:12px/1.4 system-ui,sans-serif;cursor:pointer}
.hss-preview-note{position:fixed;bottom:60px;left:50%;transform:translateX(-50%);z-index:1001;width:max-content;max-width:calc(100% - 32px);box-sizing:border-box;padding:12px 18px;background:#fff3d9;border:1px solid #f2b858;border-radius:12px;box-shadow:0 4px 20px #0003;color:#4e315a;font:14px/1.5 system-ui,sans-serif}
.hss-preview-note a{font-weight:700;color:#663d78;margin-left:8px}
.hss-panel{font:15px/1.6 system-ui,sans-serif;color:#233f59}
.hss-panel header{margin:16px 0;padding:28px;border-radius:20px;background:linear-gradient(115deg,#231943,#593274);color:#fff}
.hss-panel header span{font-size:11px;letter-spacing:2px;color:#ffcb88}.hss-panel h1{font-size:clamp(24px,3vw,34px);line-height:1.2;margin:12px 0}.hss-panel header p{margin:0;color:#e3d9ed}
.hss-panel form{padding:22px;border:1px solid #d0dceb;border-radius:18px;background:#fff}
.hss-active,.hss-success{padding:12px 18px;background:#edf8ff;border-radius:12px}.hss-success{background:#e7f5ec;color:#176334}
.hss-options{display:grid;grid-template-columns:1fr 1fr;gap:16px}.hss-option{position:relative;display:grid;gap:8px;padding:14px;border:2px solid #dae2ed;border-radius:16px;cursor:pointer}.hss-option:has(input:checked){border-color:#a15cbe;background:#fbf6fd}.hss-option input{position:absolute;top:22px;left:22px;accent-color:#7b418f;width:18px;height:18px}.hss-option strong{font-size:20px}.hss-option small{color:#6f7890}
.hss-sample{height:100px;border-radius:9px;background:#d2f1fe url('/img/theme/hse-franky-top-v4.png') center/cover}.hss-sample-halloween{background:#30205b url('/img/theme/seasons/halloween-header-v2.png') center/cover}
.hss-panel fieldset{margin:22px 0;padding:18px;border:1px solid #d9deea;border-radius:12px}.hss-panel legend{padding:0 8px;font-weight:700}.hss-panel fieldset label{display:block;padding:8px 0}.hss-panel input[type=checkbox]{accent-color:#7b418f;width:18px;height:18px;vertical-align:middle;margin-right:8px}.hss-panel fieldset p{font-size:13px;color:#68788a}
.hss-actions{display:flex;gap:12px;flex-wrap:wrap}.hss-panel .hss-button{display:inline-flex;align-items:center;justify-content:center;padding:12px 20px;border:1px solid #693c85;border-radius:10px;background:#693c85;color:white;text-decoration:none;font:650 14px/1.4 system-ui,sans-serif;cursor:pointer}.hss-panel .hss-button.secondary{background:#f6effa;color:#693c85}.hss-panel .hss-button:hover{background:#47215f;color:white}.hss-panel :focus-visible,.hss-pause:focus-visible{outline:3px solid #f2a537;outline-offset:3px}
@media(max-width:900px){body.hse-theme.hse-season-halloween .hse-hero{height:22.83609576vw}.hss-ghosts span{width:100px;height:100px;opacity:.18}.hss-ghosts span:nth-child(n+3){display:none}}
@media(max-width:540px){.hss-options{grid-template-columns:1fr}.hss-panel form{padding:14px}.hss-panel header{padding:20px}.hss-preview-note{font-size:12px}.hss-actions>*{flex:1}}
@media(prefers-reduced-motion:reduce){.hss-ghosts,.hss-pause{display:none}.hss-ghosts span{animation:none}}

/* Ghosts stay in the gutters and disappear behind the central page. */
.hss-ghosts{z-index:0;visibility:hidden;--hss-left:0px;--hss-right:100vw;-webkit-mask-image:linear-gradient(to right,#000 calc(var(--hss-left) - 8px),transparent var(--hss-left),transparent var(--hss-right),#000 calc(var(--hss-right) + 8px));mask-image:linear-gradient(to right,#000 calc(var(--hss-left) - 8px),transparent var(--hss-left),transparent var(--hss-right),#000 calc(var(--hss-right) + 8px))}
.hss-ghosts.hss-side-space{visibility:visible}
body.hse-season-halloween .align_web{z-index:1}
.hss-ghosts span{left:var(--hss-left);right:auto;animation-name:hss-side-left}
.hss-ghosts span:nth-child(2),.hss-ghosts span:nth-child(4){left:auto;right:calc(100% - var(--hss-right));animation-name:hss-side-right}
@keyframes hss-side-left{0%,100%{transform:translate(-70%,78vh)}25%{transform:translate(-62%,56vh)}42%{transform:translate(-68%,44vh)}50%,53%{transform:translate(10%,38vh)}62%{transform:translate(-62%,30vh)}80%{transform:translate(-70%,15vh)}}
@keyframes hss-side-right{0%,100%{transform:translate(70%,12vh) scaleX(-1)}25%{transform:translate(62%,30vh) scaleX(-1)}42%{transform:translate(68%,42vh) scaleX(-1)}50%,53%{transform:translate(-10%,50vh) scaleX(-1)}62%{transform:translate(62%,60vh) scaleX(-1)}80%{transform:translate(70%,78vh) scaleX(-1)}}