/* Confirmed seasonal treatments: Halloween and Thanksgiving only. */
.seasonal-layer{position:fixed;inset:0;z-index:12;overflow:hidden;overflow:clip;contain:strict;isolation:isolate;pointer-events:none;user-select:none}
.seasonal-layer *,.seasonal-layer *::before,.seasonal-layer *::after{pointer-events:none;user-select:none}
.seasonal-layer.is-paused *,.seasonal-layer.is-paused *::before,.seasonal-layer.is-paused *::after{animation-play-state:paused!important}
.seasonal-layer.media-focus{opacity:.35}
.seasonal-layer.media-focus .seasonal-monster-parade{opacity:0}
.seasonal-layer.media-fullscreen{display:none}
.seasonal-accent{position:absolute;display:block}
.seasonal-image{display:block;object-fit:contain;background-repeat:no-repeat;background-position:center;background-size:contain}
.seasonal-holiday-note{position:fixed;z-index:14;top:94px;right:clamp(16px,4vw,64px);width:min(350px,calc(100vw - 32px));padding:9px 14px 11px;border-right:1px solid #e1b461b8;background:linear-gradient(90deg,transparent,#071c32b5);color:#f8efe0;text-align:right;pointer-events:none;user-select:none;text-shadow:0 1px 2px #06111c;box-shadow:0 10px 24px #06111c12}
.seasonal-holiday-note strong{display:block;margin:1px 0 4px;color:#edbd68;font:600 clamp(30px,3vw,40px)/1 Georgia,var(--serif);letter-spacing:.09em}
.seasonal-holiday-note>span{display:block;font:500 9px/1.38 var(--sans);letter-spacing:.035em;color:#eef3f2d9}
.seasonal-holiday-note .seasonal-label-date{font-size:8px;letter-spacing:.16em;color:#eac883c7;text-transform:uppercase}
.seasonal-label-names i{display:inline;font:600 11px/1.45 var(--serif);font-style:normal;color:#fff5e6}
.seasonal-label-names i:first-child::after{content:"  ·  ";color:#e1b461a8}
.seasonal-holiday-note .seasonal-label-hint{font-size:8.5px;color:#e8efeddb}
.seasonal-holiday-note .seasonal-label-hint-secondary{font-size:7.5px;color:#dce6e4aa}

/* Halloween */
.seasonal-theme-halloween{background:linear-gradient(180deg,#24122c0b,transparent 28%,transparent 70%,#32182a0e)}
.seasonal-halloween-haze{inset:76px 0 0;opacity:.35;background:radial-gradient(ellipse at 16% 34%,#76537918,transparent 27%),radial-gradient(ellipse at 81% 61%,#bd6d3b12,transparent 31%),linear-gradient(180deg,transparent 73%,#26182b14)}
.seasonal-bat{position:absolute;left:var(--x);top:var(--y);width:clamp(34px,3.2vw,54px);height:clamp(37px,3.45vw,58px);opacity:var(--bat-opacity,.66);background-image:url("assets/seasonal/oga_bat_spritesheet.png");background-repeat:no-repeat;background-position:0 center;background-size:300% 100%;filter:drop-shadow(0 0 3px #f0a45b9c) drop-shadow(0 4px 3px #05030a9c);will-change:transform;background-color:transparent;animation:seasonalBatFlight var(--duration) var(--delay) linear infinite,seasonalBatFlap .5s steps(2,end) infinite}
.seasonal-web-left,.seasonal-web-right{top:77px;width:130px;height:130px;opacity:.2;background:repeating-radial-gradient(circle at 0 0,transparent 0 18px,#d9d2df5c 19px,transparent 20px),repeating-conic-gradient(from 0deg at 0 0,#d9d2df51 0 1deg,transparent 1deg 30deg);clip-path:polygon(0 0,100% 0,0 100%)}
.seasonal-web-left{left:0}.seasonal-web-right{right:0;transform:scaleX(-1)}
.seasonal-spiders{inset:0;opacity:.82}
.seasonal-spider-line{position:absolute;left:12%;top:96px;width:48px;height:48px;filter:drop-shadow(0 0 3px #f0a45b8f) drop-shadow(0 3px 3px #030207bf);animation:seasonalSpiderDrop 9s -3.8s cubic-bezier(.68,-.01,.3,1.04) infinite}
.seasonal-spider-line::before{content:"";position:absolute;left:50%;bottom:95%;width:1px;height:82px;background:#d8d0df8f}
.seasonal-spider-line img{width:100%;height:100%}
.seasonal-spider-line:nth-child(2){left:auto;right:18%;top:29%;scale:.9;animation-delay:-7.1s}
.seasonal-spider-line:nth-child(2)::before{height:105px}
.seasonal-ghost-pack{inset:0;opacity:.74}
.seasonal-ghost-image{position:absolute;left:22%;top:36%;width:58px;height:58px;filter:drop-shadow(0 0 8px #f2e8d88f);animation:seasonalGhost 9s ease-in-out infinite}
.seasonal-ghost-image:nth-child(2){left:auto;right:12%;top:57%;scale:.82;animation-delay:-3s}
.seasonal-ghost-image:nth-child(3){left:61%;top:22%;scale:.68;animation-delay:-6s}
.seasonal-monster-parade{left:-770px;bottom:10px;width:740px;height:148px;opacity:.98;animation:seasonalMonsterParadeRoundTrip 38s -12s linear infinite;transform-origin:center bottom;will-change:transform}
.seasonal-monster-parade img{position:absolute;bottom:0;width:108px;height:132px;object-position:center bottom;filter:drop-shadow(0 6px 7px #0509128f);transform-origin:50% 100%;animation:seasonalMonsterWalk 1.18s ease-in-out infinite}
.seasonal-monster-parade .seasonal-zombie{left:0}
.seasonal-monster-parade .seasonal-mummy{left:124px;width:106px;height:134px;animation-delay:-.2s}
.seasonal-monster-parade .seasonal-vampire{left:244px;width:104px;height:128px;animation-delay:-.4s}
.seasonal-monster-parade .seasonal-skeleton{left:366px;width:106px;height:136px;animation-delay:-.6s}
.seasonal-monster-parade .seasonal-monster{left:494px;width:110px;height:128px;animation-delay:-.8s}
.seasonal-monster-parade .seasonal-werewolf{left:620px;width:108px;height:130px;animation-delay:-1s}
.seasonal-pumpkin-corners{inset:0;opacity:.92}
.seasonal-pumpkin-corners img{position:absolute;bottom:8px;left:18px;width:68px;height:68px;filter:drop-shadow(0 0 10px #f18c3869);animation:seasonalPumpkinGlow 3.6s ease-in-out infinite}
.seasonal-pumpkin-corners img:nth-child(2){left:auto;right:22px;width:54px;height:54px;animation-delay:-1.8s}
.seasonal-caption-halloween strong{font-family:Copperplate,"American Typewriter","Arial Black",Impact,fantasy;letter-spacing:.12em;color:#f29a55;transform:skewX(-5deg);text-shadow:2px 2px 0 #3e214d,0 0 12px #e46e447d}
.seasonal-halloween-title span{display:inline-block;color:#f29a55;transition:color .28s ease,text-shadow .28s ease,transform .28s ease}
.seasonal-halloween-title.is-lit span{color:var(--letter-color);text-shadow:0 0 5px var(--letter-color),0 0 14px var(--letter-color),2px 2px 0 #351b44;animation:seasonalHalloweenChase 1.65s var(--letter-delay) ease-in-out infinite}
.seasonal-halloween-light-switch{position:absolute;left:-52px;top:58px;width:40px;height:40px;padding:0;border:1px solid #f0a45b66;border-radius:50%;background:#191023b8;box-shadow:0 3px 10px #05030a82;cursor:pointer;pointer-events:auto!important;user-select:none;transition:top .34s cubic-bezier(.2,.8,.25,1),transform .16s ease,box-shadow .25s ease}
.seasonal-halloween-light-switch::before{content:"";position:absolute;left:50%;bottom:100%;width:1px;height:58px;background:linear-gradient(#c7b0d31c,#e3c7e8d9);box-shadow:0 0 5px #cc8cff99;transition:height .34s cubic-bezier(.2,.8,.25,1)}
.seasonal-halloween-light-switch span{display:block;font:31px/36px "Apple Color Emoji","Segoe UI Emoji",sans-serif;filter:drop-shadow(0 2px 2px #000);transform-origin:50% 0}
.seasonal-halloween-light-switch:hover,.seasonal-halloween-light-switch:focus-visible{box-shadow:0 0 0 2px #f0a45b5c,0 0 15px #e6715a78;outline:0}
.seasonal-halloween-light-switch:active{transform:scale(.78)}
.seasonal-halloween-light-switch.is-lit{top:86px;box-shadow:0 0 8px #ff9b55,0 0 19px #a56cff;background:#2d1942}
.seasonal-halloween-light-switch.is-lit::before{height:86px}
.seasonal-halloween-light-switch.is-lit span{filter:drop-shadow(0 0 4px #ffad65) drop-shadow(0 0 9px #a56cff);animation:seasonalSpiderSwitchBounce 1.7s ease-in-out infinite}

/* Thanksgiving */
.seasonal-theme-thanksgiving{background:transparent}
.seasonal-leaf{position:absolute;left:var(--x);top:-70px;width:clamp(34px,3.4vw,50px);height:clamp(44px,4.5vw,66px);opacity:var(--leaf-opacity,.76);filter:drop-shadow(0 3px 3px #48241670);object-fit:contain;transform-origin:50% 84%;transform-style:flat;will-change:transform;animation:seasonalHarvestFall var(--duration) var(--delay) cubic-bezier(.22,.44,.3,1) infinite}
.seasonal-settled-leaves{position:fixed;z-index:3;inset:0;overflow:hidden;pointer-events:none;animation:seasonalLeafBedCycle 76s linear infinite}
.seasonal-settled-leaf{position:absolute;left:var(--settle-x);bottom:var(--settle-y);width:clamp(32px,3.25vw,48px);height:clamp(42px,4.25vw,64px);filter:drop-shadow(0 3px 3px #48241666);opacity:0;transform-origin:55% 88%;animation:seasonalLeafSettleIn 1.35s var(--settle-delay) cubic-bezier(.18,.72,.24,1) forwards;will-change:transform,opacity}
.seasonal-caption-thanksgiving strong{font-family:"Snell Roundhand","Apple Chancery","Segoe Script","Brush Script MT",cursive;font-size:38px;font-weight:600;letter-spacing:.015em;color:#f0bd70}
.seasonal-thanksgiving-footer-decor{position:fixed;z-index:4;left:0;right:0;bottom:-20px;height:118px;overflow:hidden;pointer-events:none;user-select:none;background:linear-gradient(180deg,transparent 0,#8b572706 64%,#8b572716 100%)}
.seasonal-thanksgiving-footer-decor::before{content:"";position:absolute;left:5%;right:5%;bottom:9px;height:1px;background:linear-gradient(90deg,transparent,#c38a4b4d 16%,#c38a4b1f 50%,#c38a4b4d 84%,transparent)}
.seasonal-thanksgiving-footer-cluster{position:absolute;bottom:5px;width:220px;height:112px;filter:drop-shadow(0 6px 8px #1a100a4f)}
.seasonal-thanksgiving-footer-cluster.is-left{left:max(-12px,calc((100vw - 1240px)/2))}
.seasonal-thanksgiving-footer-cluster.is-right{right:max(-12px,calc((100vw - 1240px)/2))}
.seasonal-thanksgiving-footer-cluster>img{position:absolute;bottom:0}
.seasonal-thanksgiving-footer-cluster.is-left .seasonal-turkey-image{left:0;width:106px;height:101px;animation:seasonalTurkeyNod 3.4s ease-in-out infinite;transform-origin:55% 100%}
.seasonal-thanksgiving-footer-cluster .seasonal-harvest-pumpkin-image{animation:seasonalThanksgivingPumpkin 4.2s ease-in-out infinite;transform-origin:50% 100%}
.seasonal-thanksgiving-footer-cluster.is-left .seasonal-harvest-pumpkin-image{left:88px;width:73px;height:67px;filter:saturate(.92)}
.seasonal-thanksgiving-footer-cluster.is-left .seasonal-harvest-pumpkin-image:nth-child(3){left:145px;width:55px;height:51px;filter:saturate(.84) brightness(.94);animation-delay:-1.4s}
.seasonal-thanksgiving-footer-cluster.is-right .seasonal-harvest-pumpkin-image{right:0;width:76px;height:70px;filter:saturate(.94)}
.seasonal-thanksgiving-footer-cluster.is-right .seasonal-harvest-pumpkin-image:nth-child(2){right:56px;width:68px;height:63px;filter:saturate(.88) brightness(.98);animation-delay:-2.8s}
.seasonal-thanksgiving-footer-cluster.is-right .seasonal-harvest-pumpkin-image:nth-child(3){right:108px;width:57px;height:53px;filter:saturate(.82) brightness(.94);animation-delay:-1.4s}

.seasonal-sound-toggle{position:fixed;left:14px;bottom:14px;z-index:26;display:inline-flex;align-items:center;gap:7px;min-height:34px;padding:6px 10px;border:1px solid #e4ba6d78;border-radius:999px;background:#071c32e8;color:#f6e8c8;box-shadow:0 5px 16px #03111e5c,0 0 0 1px #fff1 inset;font:600 10px/1.2 var(--sans);letter-spacing:.035em;backdrop-filter:blur(7px);-webkit-backdrop-filter:blur(7px)}
.seasonal-sound-toggle[hidden]{display:none!important}
.seasonal-sound-toggle span{display:grid;place-items:center;width:19px;height:19px;border-radius:50%;background:#d6a5512b;color:#edc675;font-size:12px}
.seasonal-sound-toggle b{font-weight:600}.seasonal-sound-toggle.is-off{opacity:.72;color:#c9d2d4}.seasonal-sound-toggle.is-off span{color:#9aa8ad;background:#ffffff0c}.seasonal-sound-toggle:focus-visible{outline:2px solid #f3ca79;outline-offset:3px}

@keyframes seasonalBatFlight{0%{transform:translate(-50%,-50%) translateX(0) translateY(0) scale(var(--scale)) scaleX(var(--face-forward)) rotate(-8deg)}24%{transform:translate(-50%,-50%) translateX(var(--travel-half)) translateY(-12px) scale(var(--scale)) scaleX(var(--face-forward)) rotate(8deg)}48%{transform:translate(-50%,-50%) translateX(var(--travel)) translateY(5px) scale(var(--scale)) scaleX(var(--face-forward)) rotate(-5deg)}50%{transform:translate(-50%,-50%) translateX(var(--travel)) translateY(5px) scale(var(--scale)) scaleX(var(--face-return)) rotate(-5deg)}74%{transform:translate(-50%,-50%) translateX(var(--travel-half)) translateY(-8px) scale(var(--scale)) scaleX(var(--face-return)) rotate(9deg)}98%{transform:translate(-50%,-50%) translateX(0) translateY(6px) scale(var(--scale)) scaleX(var(--face-return)) rotate(-6deg)}100%{transform:translate(-50%,-50%) translateX(0) translateY(0) scale(var(--scale)) scaleX(var(--face-forward)) rotate(-8deg)}}
@keyframes seasonalBatFlap{from{background-position:0 center}to{background-position:100% center}}
@keyframes seasonalSpiderDrop{0%,8%,100%{translate:0 -28px}13%{translate:0 58px}19%,59%{translate:0 48px}64%{translate:0 -28px}}
@keyframes seasonalGhost{0%,100%{transform:translateY(0);opacity:.56}50%{transform:translateY(-15px);opacity:.9}}
@keyframes seasonalMonsterWalk{0%,100%{transform:translateY(0) rotate(-1.5deg)}22%{transform:translateY(-7px) rotate(2deg)}48%{transform:translateY(-1px) rotate(.5deg)}74%{transform:translateY(-6px) rotate(-2deg)}}
@keyframes seasonalMonsterParadeRoundTrip{0%{transform:translate3d(0,0,0) scaleX(1)}47%{transform:translate3d(calc(100vw + 800px),0,0) scaleX(1)}49.5%{transform:translate3d(calc(100vw + 800px),0,0) scaleX(1)}50%{transform:translate3d(calc(100vw + 800px),0,0) scaleX(-1)}97%{transform:translate3d(0,0,0) scaleX(-1)}99.5%{transform:translate3d(0,0,0) scaleX(-1)}100%{transform:translate3d(0,0,0) scaleX(1)}}
@keyframes seasonalPumpkinGlow{0%,100%{filter:drop-shadow(0 0 5px #f18c384d);transform:translateY(0)}50%{filter:drop-shadow(0 0 14px #f6a044a3);transform:translateY(-2px)}}
@keyframes seasonalHalloweenChase{0%,100%{transform:translateY(0);filter:brightness(.9)}38%{transform:translateY(-1px);filter:brightness(1.45)}62%{filter:brightness(1.05)}}
@keyframes seasonalSpiderSwitchBounce{0%,100%{transform:translateY(0) rotate(-2deg)}45%{transform:translateY(3px) rotate(3deg)}68%{transform:translateY(1px) rotate(-1deg)}}
@keyframes seasonalHarvestFall{0%{transform:translate(-50%,-14vh) rotate(var(--leaf-rotation-0)) scale(var(--scale));opacity:0}7%{opacity:var(--leaf-opacity)}24%{transform:translate(calc(-50% + var(--leaf-drift-a)),22vh) rotate(var(--leaf-rotation-1)) scale(var(--scale));opacity:var(--leaf-opacity)}49%{transform:translate(calc(-50% + var(--leaf-drift-b)),53vh) rotate(var(--leaf-rotation-2)) scale(var(--scale));opacity:var(--leaf-opacity)}73%{transform:translate(calc(-50% + var(--leaf-drift-c)),81vh) rotate(var(--leaf-rotation-3)) scale(var(--scale));opacity:var(--leaf-opacity)}94%{transform:translate(calc(-50% + var(--leaf-drift-d)),107vh) rotate(var(--leaf-rotation-4)) scale(var(--scale));opacity:calc(var(--leaf-opacity) * .86)}100%{transform:translate(calc(-50% + var(--leaf-drift-d)),116vh) rotate(var(--leaf-rotation-5)) scale(var(--scale));opacity:0}}
@keyframes seasonalLeafSettleIn{0%{opacity:0;transform:translate3d(-50%,-68px,0) rotate(calc(var(--settle-angle) - 58deg)) scale(var(--settle-scale-entry))}68%{opacity:.9;transform:translate3d(calc(-50% + var(--settle-slide)),2px,0) rotate(calc(var(--settle-angle) + 4deg)) scale(var(--settle-scale))}100%{opacity:.84;transform:translate3d(calc(-50% + var(--settle-slide)),0,0) rotate(var(--settle-angle)) scale(var(--settle-scale))}}
@keyframes seasonalLeafBedCycle{0%,80%{opacity:1}93%,100%{opacity:0}}
@keyframes seasonalTurkeyNod{0%,100%{transform:translateY(0) rotate(0)}45%{transform:translateY(-3px) rotate(-2deg)}65%{transform:translateY(-1px) rotate(1deg)}}
@keyframes seasonalThanksgivingPumpkin{0%,100%{transform:translateY(0) scale(1);filter:drop-shadow(0 2px 3px #5e301f55)}50%{transform:translateY(-3px) scale(1.035);filter:drop-shadow(0 5px 7px #c56c2a61)}}

@media(max-width:680px){
  .seasonal-web-left,.seasonal-web-right{top:105px;width:82px;height:82px}
  .seasonal-ghost-image{scale:.82}.seasonal-ghost-image:nth-child(2){scale:.68}
  .seasonal-monster-parade{left:-560px;bottom:calc(70px + env(safe-area-inset-bottom));width:535px;height:112px;animation-duration:29s;scale:.88;transform-origin:left bottom}
  .seasonal-monster-parade img{width:78px;height:104px}.seasonal-monster-parade .seasonal-mummy{left:88px;width:76px;height:106px}.seasonal-monster-parade .seasonal-vampire{left:176px;width:74px;height:99px}.seasonal-monster-parade .seasonal-skeleton{left:264px;width:76px;height:104px}.seasonal-monster-parade .seasonal-monster{left:352px;width:79px;height:99px}.seasonal-monster-parade .seasonal-werewolf{left:440px;width:78px;height:101px}
  .seasonal-pumpkin-corners img{bottom:calc(70px + env(safe-area-inset-bottom));left:8px;width:52px;height:52px}.seasonal-pumpkin-corners img:nth-child(2){right:8px;width:42px;height:42px}
  .seasonal-holiday-note{top:108px;right:10px;width:min(280px,calc(100vw - 20px));padding:7px 10px 8px;background:linear-gradient(90deg,transparent,#071c32c7)}
  .seasonal-holiday-note strong{font-size:24px}.seasonal-holiday-note>span{font-size:7.5px;line-height:1.3}.seasonal-label-names i{font-size:9px}.seasonal-holiday-note .seasonal-label-hint{font-size:7px}.seasonal-holiday-note .seasonal-label-hint-secondary{font-size:6.5px}
  .seasonal-caption-halloween strong{font-size:25px}.seasonal-caption-thanksgiving strong{font-size:27px}
  .seasonal-halloween-light-switch{left:-30px;top:57px;width:36px;height:36px}.seasonal-halloween-light-switch::before{height:54px}.seasonal-halloween-light-switch.is-lit{top:77px}.seasonal-halloween-light-switch.is-lit::before{height:74px}.seasonal-halloween-light-switch span{font-size:28px;line-height:32px}
  .seasonal-settled-leaf{bottom:calc(70px + env(safe-area-inset-bottom) + var(--settle-y));width:31px;height:42px}
  .seasonal-thanksgiving-footer-decor{bottom:calc(48px + env(safe-area-inset-bottom));height:92px}.seasonal-thanksgiving-footer-cluster{bottom:0;width:134px;height:84px}.seasonal-thanksgiving-footer-cluster.is-left{left:-10px}.seasonal-thanksgiving-footer-cluster.is-right{right:-10px}.seasonal-thanksgiving-footer-cluster.is-left .seasonal-turkey-image{left:0;width:70px;height:67px}.seasonal-thanksgiving-footer-cluster.is-left .seasonal-harvest-pumpkin-image{left:55px;width:47px;height:43px}.seasonal-thanksgiving-footer-cluster.is-left .seasonal-harvest-pumpkin-image:nth-child(3){left:89px;width:37px;height:34px}.seasonal-thanksgiving-footer-cluster.is-right .seasonal-harvest-pumpkin-image{right:0;width:52px;height:48px}.seasonal-thanksgiving-footer-cluster.is-right .seasonal-harvest-pumpkin-image:nth-child(2){right:38px;width:46px;height:43px}.seasonal-thanksgiving-footer-cluster.is-right .seasonal-harvest-pumpkin-image:nth-child(3){right:73px;width:39px;height:36px}
  .seasonal-sound-toggle{left:8px;bottom:calc(72px + env(safe-area-inset-bottom));min-height:30px;padding:5px 8px;font-size:9px}.seasonal-sound-toggle span{width:17px;height:17px;font-size:10px}
}
@media(max-width:340px){.seasonal-halloween-light-switch{left:2px}}
@media(prefers-reduced-motion:reduce){.seasonal-layer *,.seasonal-layer *::before,.seasonal-layer *::after{animation:none!important;transition:none!important}.seasonal-bat{display:none}.seasonal-leaf{display:none}.seasonal-settled-leaf{opacity:.38;transform:translate3d(-50%,0,0) rotate(var(--settle-angle)) scale(var(--settle-scale))}.seasonal-monster-parade{left:4vw;scale:.86}}
@media(prefers-reduced-transparency:reduce){.seasonal-layer *{box-shadow:none!important;filter:none!important}}
@media(forced-colors:active),print{.seasonal-layer,.seasonal-holiday-note,.seasonal-thanksgiving-footer-decor,.seasonal-sound-toggle{display:none!important}}