.october-overlay{position:fixed;inset:0;pointer-events:none;overflow:hidden;z-index:8;contain:layout paint}
.october-overlay svg{display:block;width:100%;height:100%;overflow:visible}
.october-corner{position:absolute;width:clamp(112px,13vw,185px);aspect-ratio:1}
.october-corner.top-left{top:0;left:0}
.october-corner.top-right{top:0;right:0;transform:scaleX(-1)}
.october-corner.bottom-left{bottom:0;left:0;transform:scaleY(-1)}
.october-corner.bottom-right{bottom:0;right:0;transform:scale(-1)}
.october-web-sway{height:100%;transform-origin:0 0;animation:october-breeze 8s ease-in-out infinite alternate}
.top-right .october-web-sway{animation-delay:-3s;animation-duration:10s}
.bottom-left .october-web-sway{animation-delay:-5s;animation-duration:11s}
.bottom-right .october-web-sway{animation-delay:-7s;animation-duration:9s}
.october-web-lines{opacity:.52}
.october-spider-track{animation:october-crawl 19s ease-in-out infinite alternate;transform:translate(57px,57px)}
.top-right .october-spider-track{animation-delay:-9s;animation-duration:23s}
.bottom-left .october-spider-track{animation-delay:-13s;animation-duration:26s}
.bottom-right .october-spider-track{animation-delay:-5s;animation-duration:21s}
.october-candy{position:absolute;width:22px;opacity:.72;animation:october-drift 28s ease-in-out infinite alternate}
.october-candy-bob{animation:october-bob 6s ease-in-out infinite alternate}
.candy-0{left:6%;top:18%;animation-delay:-6s}
.candy-1{left:30%;top:22%;animation-delay:-13s;width:25px}
.candy-2{left:57%;top:13%;animation-delay:-18s;width:18px}
.candy-3{left:84%;top:28%;animation-delay:-3s;width:23px}
.candy-4{left:16%;top:43%;animation-delay:-21s;width:18px}
.candy-5{left:43%;top:39%;animation-delay:-16s;width:22px}
.candy-6{left:70%;top:48%;animation-delay:-10s;width:18px}
.candy-7{left:92%;top:57%;animation-delay:-2s;width:23px}
.candy-8{left:5%;top:72%;animation-delay:-9s;width:20px}
.candy-9{left:29%;top:65%;animation-delay:-19s;width:23px}
.candy-10{left:54%;top:72%;animation-delay:-4s;width:20px}
.candy-11{left:78%;top:80%;animation-delay:-12s;width:24px}
.candy-12{left:17%;top:89%;animation-delay:-24s;width:19px}
.candy-13{left:42%;top:92%;animation-delay:-7s;width:21px}
.candy-14{left:67%;top:91%;animation-delay:-22s;width:18px}
.candy-15{left:90%;top:10%;animation-delay:-15s;width:22px}
.candy-1 .october-candy-bob,.candy-4 .october-candy-bob{animation-delay:-3s}
.candy-2 .october-candy-bob,.candy-5 .october-candy-bob{animation-delay:-5s}
.is-paused *{animation-play-state:paused!important}
.season-preview-controls{position:fixed;bottom:16px;left:50%;transform:translateX(-50%);z-index:20;display:flex;align-items:center;gap:12px;background:#fffdf7f5;border:1px solid #ddcbb1;border-radius:14px;padding:8px 12px;box-shadow:0 3px 18px #3d241a16;font:12px/1.3 Arial,sans-serif;color:#3d241a;max-width:calc(100% - 24px)}
.season-preview-controls strong{display:block;font:italic 17px Georgia,serif}
.season-preview-controls small{font-size:10px;display:block;white-space:nowrap;color:#725d4d;margin:2px 0 0}
.season-preview-controls button{min-height:44px;padding:8px 12px;border:1px solid #ddcbb1;border-radius:8px;background:#fff8e9;font:12px Arial,sans-serif;white-space:nowrap}
.season-preview-controls button:hover{background:#f7e3b2}
.season-preview-controls button:disabled{opacity:1;color:#725d4d;cursor:default}
@keyframes october-breeze{from{transform:rotate(-1.1deg) skewX(-.4deg)}to{transform:rotate(1.8deg) skewX(.6deg)}}
@keyframes october-crawl{0%,12%{transform:translate(57px,57px)}88%,100%{transform:translate(110px,110px)}}
@keyframes october-drift{0%{transform:translate(-18px,-34px)}50%{transform:translate(22px,0)}100%{transform:translate(-8px,42px)}}
@keyframes october-bob{from{transform:rotate(-13deg)}to{transform:rotate(15deg)}}
@media(max-width:760px){.october-corner{width:104px}.october-corner.bottom-left,.october-corner.bottom-right{width:88px}.october-web-lines{opacity:.36}.october-candy{width:16px;opacity:.6}.candy-1,.candy-3,.candy-7{width:18px}.candy-8,.candy-9,.candy-10,.candy-11,.candy-12,.candy-13,.candy-14,.candy-15{display:none}.candy-0{left:8%;top:16%}.candy-1{left:48%;top:23%}.candy-2{left:80%;top:35%}.candy-3{left:24%;top:43%}.candy-4{left:59%;top:55%}.candy-5{left:9%;top:66%}.candy-6{left:78%;top:76%}.candy-7{left:39%;top:87%}.season-preview-controls{gap:7px;padding:7px 9px;bottom:10px}.season-preview-controls button{padding:8px;font-size:11px}}
@media(prefers-reduced-motion:reduce){.october-overlay *{animation:none!important}}