/* IntelliTuning Halloween – temporäre Deko. Alles ohne Klick-Blockade (pointer-events:none), außer den Kürbissen. */
:root{
  --ithw-silk:rgba(222,232,230,.40);
  --ithw-silk-strong:rgba(236,244,242,.62);
  --ithw-dew:rgba(255,255,255,.85);
  --ithw-rim:drop-shadow(0 0 1.6px rgba(200,240,235,.5));
  --ithw-bat-rim:drop-shadow(0 0 1.1px rgba(175,238,230,.7)) drop-shadow(0 0 7px rgba(101,213,201,.28));
  --ithw-bat:#1f2527;
  --ithw-tip-bg:rgba(13,17,18,.94);
  --ithw-tip-fg:#e7efee;
  --ithw-tip-line:rgba(101,213,201,.45);
}
html[data-it-theme="light"],html[data-theme="light"]{
  --ithw-silk:rgba(38,46,48,.34);
  --ithw-silk-strong:rgba(30,38,40,.52);
  --ithw-dew:rgba(255,255,255,.95);
  --ithw-rim:drop-shadow(0 0 1px rgba(255,255,255,.55));
  --ithw-bat-rim:drop-shadow(0 1px 2px rgba(0,0,0,.18));
  --ithw-bat:#17191a;
  --ithw-tip-bg:rgba(255,255,255,.97);
  --ithw-tip-fg:#13201f;
  --ithw-tip-line:rgba(8,128,118,.35);
}
.ithw-doc,.ithw-fix,.ithw-fly{pointer-events:none;contain:layout style}
.ithw-doc{position:absolute;left:0;top:0;width:0;height:0;overflow:visible}
.ithw-fix,.ithw-fly{position:fixed;left:0;top:0;width:0;height:0;overflow:visible}
.ithw-doc *,.ithw-fix *,.ithw-fly *{box-sizing:content-box}
.ithw-item{position:absolute;left:0;top:0;will-change:transform}
.ithw-hide{visibility:hidden!important}

/* Spinnennetz */
.ithw-web{overflow:visible}
.ithw-web svg{display:block;overflow:visible}
.ithw-web .r{stroke:var(--ithw-silk-strong);fill:none;stroke-linecap:round}
.ithw-web .s{stroke:var(--ithw-silk);fill:none;stroke-linecap:round}
.ithw-web .d{fill:var(--ithw-dew)}
.ithw-web .sway{transform-box:view-box;animation:ithw-sway var(--ithw-sd,8s) ease-in-out infinite alternate}
@keyframes ithw-sway{from{transform:rotate(-.55deg) scale(1)}to{transform:rotate(.6deg) scale(1.006)}}

/* Spinne */
.ithw-spider{position:absolute;left:0;top:0;width:0;height:0;filter:var(--ithw-rim)}
.ithw-spider svg{position:absolute;overflow:visible}
.ithw-spider .lg{fill:none;stroke:#120c08;stroke-linecap:round;stroke-linejoin:round}
.ithw-spider .ga,.ithw-spider .gb{transform-box:fill-box;transform-origin:50% 50%}
.ithw-spider.walk .ga{animation:ithw-leg .22s ease-in-out infinite alternate}
.ithw-spider.walk .gb{animation:ithw-leg .22s ease-in-out infinite alternate-reverse}
.ithw-spider.run .ga,.ithw-spider.run .gb{animation-duration:.09s}
@keyframes ithw-leg{from{transform:rotate(-7deg) scale(1.02,.97)}to{transform:rotate(7deg) scale(.98,1.03)}}
.ithw-spider.hang .ga{animation:ithw-twitch 3.1s ease-in-out infinite}
.ithw-spider.hang .gb{animation:ithw-twitch 2.6s ease-in-out infinite reverse}
@keyframes ithw-twitch{0%,82%,100%{transform:rotate(0)}86%{transform:rotate(5deg)}91%{transform:rotate(-4deg)}}
.ithw-thread{position:absolute;left:0;top:0;width:1px;background:linear-gradient(var(--ithw-silk),var(--ithw-silk-strong));transform-origin:50% 0}

/* Kürbis */
.ithw-pk{pointer-events:auto;cursor:default;-webkit-tap-highlight-color:transparent}
.ithw-pk svg{display:block;overflow:visible}
.ithw-pk .body{transform-box:fill-box;transform-origin:50% 100%;transition:transform .35s cubic-bezier(.3,1.6,.5,1)}
.ithw-pk:hover .body,.ithw-pk.boo .body{transform:scale(1.04,.97)}
.ithw-pk .fl{animation:ithw-flick 2.3s steps(1,end) infinite,ithw-flick2 .37s ease-in-out infinite alternate}
.ithw-pk .fl2{animation:ithw-flick 3.7s steps(1,end) infinite reverse,ithw-flick2 .53s ease-in-out infinite alternate-reverse}
.ithw-pk .pool{animation:ithw-pool 2.9s ease-in-out infinite alternate}
.ithw-pk:hover .fl,.ithw-pk:hover .fl2,.ithw-pk.boo .fl,.ithw-pk.boo .fl2{filter:brightness(1.35)}
.ithw-pk:hover .halo,.ithw-pk.boo .halo{opacity:1}
.ithw-pk .halo{opacity:.72;transition:opacity .3s}
@keyframes ithw-flick{0%{opacity:1}13%{opacity:.82}21%{opacity:.97}38%{opacity:.76}44%{opacity:1}61%{opacity:.88}73%{opacity:.7}79%{opacity:.95}92%{opacity:.84}}
@keyframes ithw-flick2{from{transform:translateY(0)}to{transform:translateY(-.4px)}}
@keyframes ithw-pool{from{opacity:.55;transform:scale(.96)}to{opacity:.9;transform:scale(1.04)}}
.ithw-pk .pool{transform-box:fill-box;transform-origin:50% 50%}
.ithw-pk.surge .fl,.ithw-pk.surge .fl2{filter:brightness(1.6)}
.ithw-pk.surge .halo{opacity:1}

.ithw-tip{position:absolute;left:50%;bottom:calc(100% + 8px);transform:translate(-50%,6px);opacity:0;white-space:nowrap;
  font:600 12px/1.25 Inter,system-ui,-apple-system,"Segoe UI",sans-serif;letter-spacing:.01em;color:var(--ithw-tip-fg);
  background:var(--ithw-tip-bg);border:1px solid var(--ithw-tip-line);border-radius:10px;padding:7px 11px;
  box-shadow:0 8px 24px rgba(0,0,0,.28);transition:opacity .22s,transform .22s;pointer-events:none}
.ithw-tip:after{content:"";position:absolute;left:50%;top:100%;width:8px;height:8px;margin:-4px 0 0 -4px;background:var(--ithw-tip-bg);
  border-right:1px solid var(--ithw-tip-line);border-bottom:1px solid var(--ithw-tip-line);transform:rotate(45deg)}
.ithw-pk.tipon .ithw-tip{opacity:1;transform:translate(-50%,0)}

/* Fledermaus */
.ithw-bat{position:absolute;left:0;top:0;width:0;height:0}
.ithw-bat .in{position:absolute;left:0;top:0;filter:var(--ithw-bat-rim)}
.ithw-bat svg{position:absolute;left:-40px;top:-20px;overflow:visible}
.ithw-bat .m{fill:var(--ithw-bat)}

@media (prefers-reduced-motion:reduce){.ithw-web .sway,.ithw-pk .fl,.ithw-pk .fl2,.ithw-pk .pool,.ithw-spider .ga,.ithw-spider .gb{animation:none!important}}
@media print{.ithw-doc,.ithw-fix,.ithw-fly{display:none!important}}
.ithw-spider g.lr{transform-origin:0% 50%}.ithw-spider g.ll{transform-origin:100% 50%}

/* Header-Kürbis („Boss“) */
.ithw-boss{pointer-events:auto;cursor:pointer;-webkit-tap-highlight-color:transparent;touch-action:manipulation;user-select:none;-webkit-user-select:none}
.ithw-boss .bw{display:block;overflow:visible;transform-origin:50% 88%;filter:drop-shadow(0 0 6px rgba(255,110,20,.45))}
.ithw-boss .lit{transition:filter .15s}
.ithw-boss .mouth{transform-box:fill-box;transform-origin:50% 0;transition:transform .14s cubic-bezier(.3,1.8,.5,1)}
.ithw-boss .eyes{transition:transform .25s}
.ithw-boss .breath{animation:ithw-breath 3.4s ease-in-out infinite}
@keyframes ithw-breath{0%,100%{opacity:.55}50%{opacity:1}}
.ithw-boss .flash{opacity:0}
.ithw-boss:hover .lit{filter:brightness(1.25)}
.ithw-boss.scare .bw{animation:ithw-lunge .95s cubic-bezier(.2,1.4,.4,1)}
.ithw-boss.scare .lit{filter:hue-rotate(-24deg) saturate(1.8) brightness(1.45)}
.ithw-boss.scare .mouth{transform:scaleY(1.22)}
.ithw-boss.scare .eyes{transform:translateY(-1.5px) scaleY(1.12)}
.ithw-boss.scare .flash{animation:ithw-flash .9s ease-out}
@keyframes ithw-lunge{0%{transform:scale(1)}10%{transform:scale(1.62) translateY(5px) rotate(-7deg)}20%{transform:scale(1.5) translateY(4px) rotate(7deg)}30%{transform:scale(1.56) translateY(5px) rotate(-6deg)}40%{transform:scale(1.48) translateY(4px) rotate(4deg)}52%{transform:scale(1.5) translateY(4px) rotate(-2deg)}70%{transform:scale(1.22) rotate(1deg)}100%{transform:scale(1)}}
@keyframes ithw-flash{0%{opacity:0}12%{opacity:1}100%{opacity:0}}
.ithw-boss .ithw-tip{top:calc(100% + 10px);bottom:auto;transform:translate(-50%,-6px);font-weight:700}
.ithw-boss .ithw-tip:after{top:auto;bottom:100%;margin:0 0 -4px -4px;border:0;border-left:1px solid var(--ithw-tip-line);border-top:1px solid var(--ithw-tip-line)}
.ithw-boss.tipon .ithw-tip{opacity:1;transform:translate(-50%,0)}
@media (prefers-reduced-motion:reduce){.ithw-boss .breath{animation:none}.ithw-boss.scare .bw{animation:none}}

/* versteckte Fledermäuse (Suchspiel) */
.ithw-peek{width:35px;height:19px}
.ithw-peek .pin{position:absolute;left:0;top:0;width:35px;height:19px;overflow:hidden}
.ithw-pe-left{transform-origin:0 0}
.ithw-pe-left .pin{transform:rotate(-90deg) translate(-35px,0);transform-origin:0 0}
.ithw-pe-right .pin{transform:rotate(90deg) translate(0,-19px);transform-origin:0 0}
.ithw-peek svg{position:absolute;left:0;top:0;filter:var(--ithw-bat-rim);animation:ithw-peekup 8s ease-in-out infinite;transform:translateY(21px)}
.ithw-peek .m{fill:var(--ithw-bat)}
.ithw-peek .ey{fill:#ffb347;filter:drop-shadow(0 0 1.5px #ff7a10);animation:ithw-blink 4.3s steps(1,end) infinite;transform-box:fill-box;transform-origin:50% 50%}
@keyframes ithw-peekup{0%,58%,100%{transform:translateY(21px)}64%,70%{transform:translateY(5px)}73%{transform:translateY(6px) rotate(-6deg)}78%,86%{transform:translateY(4px) rotate(4deg)}92%{transform:translateY(21px)}}
@keyframes ithw-blink{0%,90%,100%{transform:scaleY(1)}93%{transform:scaleY(.1)}}
.ithw-chip{position:fixed;left:16px;bottom:calc(18px + env(safe-area-inset-bottom,0px));display:flex;align-items:center;gap:8px;
  font:600 12.5px/1.2 Inter,system-ui,-apple-system,"Segoe UI",sans-serif;color:var(--ithw-tip-fg);background:var(--ithw-tip-bg);
  border:1px solid var(--ithw-tip-line);border-radius:999px;padding:8px 13px;box-shadow:0 10px 28px rgba(0,0,0,.3);
  opacity:0;transform:translateY(10px);transition:opacity .25s,transform .25s;pointer-events:none;max-width:calc(100vw - 32px)}
.ithw-chip.on{opacity:1;transform:none}
.ithw-chip svg{color:#ff8a2a;flex:none}