/* Atmosfera visual opcional, inspirada no comportamento do Halloween Villa Alpina. */
.hn-atmosphere-options{display:grid;gap:4px;margin:3px 5px 7px;padding:9px 8px 4px;border-top:1px solid rgba(255,255,255,.10)}
.hn-atmosphere-options>strong{color:#ffd08a;font-size:.64rem;line-height:1.1}
.hn-atmosphere-options label{display:grid;grid-template-columns:auto 13px minmax(0,1fr);gap:7px;align-items:center;padding:7px 3px;border-radius:8px;cursor:pointer}
.hn-atmosphere-options label:hover{background:rgba(255,255,255,.04)}
.hn-atmosphere-options input{width:17px;height:17px;margin:0;accent-color:#ff8a00}
.hn-atmosphere-options span b{display:block;font-size:.59rem}.hn-atmosphere-options span small{display:block;color:#82919f;font-size:.46rem;margin-top:2px}
.hn-atmosphere-swatch{width:11px;height:11px;border-radius:50%;border:1px solid rgba(255,255,255,.48);background:linear-gradient(135deg,rgba(236,243,248,.92),rgba(128,148,168,.38))}
.hn-atmosphere-options input:disabled~*{opacity:.45}

.hn-halloween-atmosphere{position:absolute;inset:0;z-index:450;overflow:hidden;pointer-events:none;opacity:0;visibility:hidden;transition:opacity .35s ease,visibility .35s ease;contain:layout paint}
.hn-halloween-atmosphere.active{opacity:1;visibility:visible}
.hn-halloween-atmosphere::after{content:"";position:absolute;inset:0;pointer-events:none;background:radial-gradient(ellipse at 18% 28%,rgba(238,244,248,.16),transparent 32%),radial-gradient(ellipse at 76% 44%,rgba(224,234,242,.13),transparent 30%),radial-gradient(ellipse at 46% 76%,rgba(230,238,244,.11),transparent 34%);mix-blend-mode:screen}

.hn-fog{position:absolute;left:-42%;width:92%;height:30%;border-radius:50%;opacity:.24;filter:blur(10px);mix-blend-mode:screen;will-change:transform,opacity;background:radial-gradient(ellipse at 15% 52%,rgba(250,252,253,.78),transparent 30%),radial-gradient(ellipse at 40% 42%,rgba(235,242,247,.66),transparent 28%),radial-gradient(ellipse at 68% 62%,rgba(228,237,244,.60),transparent 31%),radial-gradient(ellipse at 88% 44%,rgba(245,248,250,.54),transparent 27%);animation:hnFogDrift 30s linear infinite,hnFogPulse 9s ease-in-out infinite}
.hn-fog-1{top:8%;animation-duration:27s,8s;animation-delay:-4s,-1s}.hn-fog-2{top:29%;left:-48%;width:104%;opacity:.21;animation-duration:34s,10s;animation-delay:-12s,-3s}.hn-fog-3{top:49%;opacity:.23;animation-duration:30s,9s;animation-delay:-18s,-5s}.hn-fog-4{top:66%;left:-52%;width:110%;opacity:.18;animation-duration:38s,12s;animation-delay:-7s,-2s}.hn-fog-5{top:79%;left:-56%;width:116%;opacity:.16;animation-duration:42s,13s;animation-delay:-21s,-4s}
@keyframes hnFogDrift{from{transform:translate3d(0,0,0) scale(1)}to{transform:translate3d(190%,4%,0) scale(1.08)}}
@keyframes hnFogPulse{0%,100%{opacity:.10}50%{opacity:.27}}

.hn-witch,.hn-bat{position:absolute;left:0;z-index:3;display:block;padding:0;margin:0;line-height:0;background:transparent;will-change:transform;pointer-events:none}
.hn-witch{width:clamp(58px,10vw,92px);opacity:.90;filter:drop-shadow(0 4px 5px rgba(0,0,0,.72)) saturate(.8)}.hn-witch-small{width:clamp(44px,7.5vw,68px);opacity:.72}.hn-witch-alt{opacity:.82}
.hn-witch-svg{display:block;width:100%;height:auto;overflow:visible}.hn-witch-svg .hn-witch-hat,.hn-witch-svg .hn-witch-hair,.hn-witch-svg .hn-witch-torso,.hn-witch-svg .hn-witch-cloak-back,.hn-witch-svg .hn-witch-cloak-front,.hn-witch-svg .hn-witch-arm,.hn-witch-svg .hn-witch-legs{fill:#130d1a;stroke:rgba(218,173,255,.42);stroke-width:1}.hn-witch-face-profile,.hn-witch-hand{fill:#765b71;stroke:rgba(225,190,255,.35);stroke-width:1}.hn-witch-nose,.hn-witch-boot{fill:#120d17}.hn-broom-stick{fill:none;stroke:#6c4930;stroke-width:4;stroke-linecap:round}.hn-broom-bristles{fill:#8d5b2f;stroke:#302016;stroke-width:1}.hn-witch-rider{transform-box:fill-box;transform-origin:center bottom;animation:hnWitchRideBob 1.9s ease-in-out infinite alternate}.hn-witch-broom{transform-box:fill-box;transform-origin:center;animation:hnWitchBroomTilt 2.4s ease-in-out infinite alternate}
@keyframes hnWitchRideBob{from{transform:translateY(-1.5px) rotate(-1deg)}to{transform:translateY(2.5px) rotate(1.5deg)}}@keyframes hnWitchBroomTilt{from{transform:rotate(-1.2deg)}to{transform:rotate(1.4deg)}}

.hn-bat{width:clamp(30px,5vw,48px);opacity:.82;filter:drop-shadow(0 3px 4px rgba(0,0,0,.68))}.hn-bat-small{width:clamp(22px,3.8vw,36px);opacity:.62}.hn-bat-svg{display:block;width:100%;height:auto;overflow:visible}.hn-bat-body,.hn-bat-ear,.hn-bat-wing{fill:#111017;stroke:rgba(185,148,223,.34);stroke-width:1}.hn-bat-wing{transform-box:fill-box}.hn-bat-wing-left{transform-origin:right center;animation:hnBatFlapLeft .34s ease-in-out infinite alternate}.hn-bat-wing-right{transform-origin:left center;animation:hnBatFlapRight .34s ease-in-out infinite alternate}
@keyframes hnBatFlapLeft{from{transform:rotate(7deg) scaleY(.78)}to{transform:rotate(-18deg) scaleY(1.05)}}@keyframes hnBatFlapRight{from{transform:rotate(-7deg) scaleY(.78)}to{transform:rotate(18deg) scaleY(1.05)}}

.hn-storm-flash{--flash-x:50%;--flash-y:40%;--flash-w:48%;--flash-h:28%;--flash-alpha:.5;position:absolute;inset:0;z-index:4;opacity:0;pointer-events:none;background:radial-gradient(ellipse var(--flash-w) var(--flash-h) at var(--flash-x) var(--flash-y),rgba(255,255,255,var(--flash-alpha)) 0%,rgba(225,237,249,.34) 20%,rgba(196,215,235,.12) 46%,rgba(255,255,255,0) 76%);filter:blur(2px);mix-blend-mode:screen}.hn-storm-flash-b{filter:blur(4px)}.hn-storm-flash.active{animation:hnCloudGlow 1.08s ease-out 1}
@keyframes hnCloudGlow{0%{opacity:0}12%{opacity:.95}27%{opacity:.12}42%{opacity:.76}68%{opacity:.20}100%{opacity:0}}

@media(max-width:620px){.hn-fog{opacity:.19;filter:blur(8px)}.hn-witch{width:clamp(48px,15vw,72px)}.hn-witch-small,.hn-bat-small{display:none}.hn-storm-flash{filter:blur(1.5px)}}
@media(prefers-reduced-motion:reduce){.hn-fog{animation:none!important;opacity:.10!important}.hn-witch,.hn-bat,.hn-storm-flash{display:none!important;animation:none!important}}