/* Фокси ОСЕНЬ — сезонное украшение главной (26.10.2026): кленовые листья,
   тыквы, паутина и паучки. Картинки отрисованы в Meshy
   (world-pipeline/autumn_site_art.py → prototype/assets/autumn/).
   Вёрстку не меняет: всё absolute/fixed, pointer-events только у тыкв и паучков.
   Включается автоматически с 15 октября по 8 ноября (см. foxi-autumn.js). */

.fxa-leaves{position:fixed;inset:0;width:100%;height:100%;pointer-events:none;z-index:9000}

.fxa-deco{position:absolute;z-index:6;pointer-events:none;user-select:none;-webkit-user-drag:none}
.fxa-host{position:relative}

/* тыквы */
.fxa-pumpkin{pointer-events:auto;cursor:pointer;transform-origin:50% 100%;
  filter:drop-shadow(0 10px 14px rgba(70,30,0,.28));animation:fxaWobble 4.5s ease-in-out infinite}
.fxa-pumpkin:nth-of-type(2n){animation-delay:-1.7s;animation-duration:5.2s}
.fxa-pumpkin.fxa-hop{animation:fxaHop .7s cubic-bezier(.3,1.6,.5,1)}
@keyframes fxaWobble{0%,100%{transform:rotate(-2.5deg)}50%{transform:rotate(2.5deg)}}
@keyframes fxaHop{0%{transform:translateY(0) scale(1,1)}25%{transform:translateY(0) scale(1.12,.86)}55%{transform:translateY(-28px) scale(.94,1.08)}80%{transform:translateY(0) scale(1.06,.94)}100%{transform:none}}

/* паутина */
.fxa-web{opacity:.55;mix-blend-mode:multiply}
.fxa-web.on-dark{mix-blend-mode:screen;filter:invert(1);opacity:.35}
.fxa-web-tl{top:0;left:0}
.fxa-web-tr{top:0;right:0;transform:scaleX(-1)}

/* паучки на нитке: нить и паучок — один элемент, качаются от точки крепления */
.fxa-spider-clip{position:absolute;top:0;width:70px;overflow:hidden;pointer-events:none;z-index:7}
.fxa-spider{position:absolute;top:0;left:12px;width:46px;height:var(--fxa-drop,120px);transform-origin:50% 0;
  animation:fxaSway 3.6s ease-in-out infinite;transition:height 1.8s cubic-bezier(.45,0,.2,1);pointer-events:none}
.fxa-spider::before{content:"";position:absolute;left:50%;top:0;bottom:22px;width:1.5px;margin-left:-.75px;background:rgba(60,50,70,.55)}
.fxa-spider.on-dark::before{background:rgba(255,255,255,.6)}
.fxa-spider img{position:absolute;left:0;bottom:-14px;width:100%;display:block;pointer-events:auto;cursor:pointer;transition:transform .5s ease}
.fxa-spider.up{height:0;transition-duration:.6s}
.fxa-spider.up img{transform:translateY(-40px)}
@keyframes fxaSway{0%,100%{transform:rotate(-4deg)}50%{transform:rotate(4deg)}}

@media (max-width:760px){
  .fxa-web{width:120px!important}
  .fxa-pumpkin.fxa-hide-m{display:none}
}
@media (prefers-reduced-motion:reduce){
  .fxa-leaves{display:none}
  .fxa-pumpkin,.fxa-spider{animation:none}
  .fxa-spider{transition:none}
}
.fxa-spider.on-dark img{filter:drop-shadow(0 0 2px rgba(255,255,255,.85))}