/* X RAVE Halloween 2026 — every rule is scoped to html.hw, which halloween.js only sets inside the
   date window. Outside it this file changes nothing. */
/* the site sets svg{width:18px;height:18px} globally — the artwork sizes itself */
.hw svg.hw-pk,.hw svg.hw-hero-pk,.hw svg.hw-side-pk,.hw svg.hw-badge{height:auto;flex:none}
.hw .hw-web svg,.hw .hw-bat svg,.hw .hw-burst svg,.hw .hw-fly svg{width:100%;height:auto}
.hw{--hw-or:#ff7a1a;--hw-am:#ffc24a;--hw-pu:#7b2bd9;--hw-night:#0b0618;--hw-glow:0 0 22px rgba(255,140,30,.55),0 0 60px rgba(255,100,0,.25)}

/* ── ambient sky: bats + fog (home / membership) ── */
.hw .hw-sky{position:fixed;inset:0;pointer-events:none;z-index:5;overflow:hidden}
.hw .hw-bat{position:absolute;left:-80px;top:var(--y);width:calc(46px * var(--s));color:#1a0f24;filter:drop-shadow(0 0 6px rgba(255,140,40,.35));animation:hw-cross var(--d) linear infinite;animation-delay:var(--delay)}
.hw .hw-bat svg{display:block;width:100%;animation:hw-flap .32s ease-in-out infinite alternate;transform-origin:50% 40%}
@keyframes hw-cross{0%{transform:translate(0,0)}25%{transform:translate(28vw,-3vh)}50%{transform:translate(55vw,2vh)}75%{transform:translate(82vw,-4vh)}100%{transform:translate(calc(100vw + 160px),0)}}
.hw .hw-bat{color:#2a1840;filter:drop-shadow(0 0 1px rgba(255,170,90,.9)) drop-shadow(0 0 8px rgba(255,130,40,.45))}
@keyframes hw-flap{from{transform:scaleY(1)}to{transform:scaleY(.45)}}
.hw .hw-fog{position:absolute;left:-10%;right:-10%;bottom:-40px;height:160px;background:radial-gradient(50% 60% at 30% 70%,rgba(160,120,255,.10),transparent 70%),radial-gradient(45% 55% at 75% 80%,rgba(255,140,60,.08),transparent 70%);filter:blur(8px);animation:hw-fog 18s ease-in-out infinite alternate}
@keyframes hw-fog{to{transform:translateX(6%)}}

/* ── hanging jack-o'-lantern under the header ── */
.hw .hw-hang{position:relative;align-self:center;margin-top:-30px;width:46px;padding:0;border:0;background:none;cursor:pointer;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;flex:none;transform-origin:50% 0;animation:hw-swing 3.8s ease-in-out infinite}
.hw .hw-string{display:block;width:2px;height:30px;background:linear-gradient(#5b4a3a,#2a2018);flex:none}
.hw .hw-pk{width:42px;filter:drop-shadow(0 4px 12px rgba(255,110,0,.5));transition:transform .25s ease}
.hw .hw-hang:hover .hw-pk,.hw .hw-hang:focus-visible .hw-pk{transform:scale(1.12) rotate(-6deg)}
.hw .hw-hang:focus-visible{outline:none}.hw .hw-hang:focus-visible .hw-pk{filter:drop-shadow(0 0 0 2px #fff) drop-shadow(0 0 18px rgba(255,150,40,.9))}
.hw .hw-face{animation:hw-flicker 2.6s infinite}
@keyframes hw-flicker{0%,100%{opacity:1}8%{opacity:.75}10%{opacity:1}47%{opacity:.88}50%{opacity:.6}53%{opacity:1}80%{opacity:.92}}
@keyframes hw-swing{0%,100%{transform:rotate(5deg)}50%{transform:rotate(-5deg)}}
.hw .hw-boo{position:absolute;top:58px;right:30px;z-index:5;padding:4px 10px;border-radius:12px 12px 2px 12px;background:#fff;color:#1a0f24;font-weight:900;font-size:14px;white-space:nowrap;opacity:0;transform:scale(.4);transform-origin:100% 100%;pointer-events:none}
.hw .hw-hang.boo .hw-boo{animation:hw-boo 1.2s ease forwards}
.hw .hw-hang.boo .hw-pk{animation:hw-jump .5s ease}
@keyframes hw-boo{0%{opacity:0;transform:scale(.4)}20%,75%{opacity:1;transform:scale(1)}100%{opacity:0;transform:scale(.9) translateY(-6px)}}
@keyframes hw-jump{30%{transform:scale(1.25) rotate(8deg)}60%{transform:scale(.95) rotate(-4deg)}}
.hw .hw-burst{position:fixed;width:30px;color:#1a0f24;pointer-events:none;z-index:120;filter:drop-shadow(0 0 6px rgba(255,150,50,.6));animation:hw-burst 1.25s cubic-bezier(.2,.7,.3,1) forwards}
.hw .hw-burst svg{display:block;animation:hw-flap .18s infinite alternate}
@keyframes hw-burst{from{transform:translate(-50%,-50%) scale(.3);opacity:1}to{transform:translate(calc(-50% + var(--x)),calc(-50% + var(--y))) scale(1.1);opacity:0}}

/* ── embers trailing the pointer ── */
.hw .hw-ember{position:fixed;width:6px;height:6px;margin:-3px 0 0 -3px;border-radius:50%;background:radial-gradient(#fff3c4,#ffb02e 45%,rgba(255,90,0,0) 70%);pointer-events:none;z-index:6;animation:hw-ember .9s ease-out forwards}
@keyframes hw-ember{to{transform:translate(var(--dx),-34px) scale(.2);opacity:0}}

/* ── page skins ── */
.hw .hero{position:relative}
.hw .hw-web{position:absolute;width:clamp(90px,12vw,160px);color:rgba(255,255,255,.38);pointer-events:none;z-index:8;filter:drop-shadow(0 0 2px rgba(0,0,0,.6))}
.hw .hw-web svg{display:block;width:100%}
.hw .hw-web.tl{top:0;left:0}
.hw .hw-web.tr{top:0;right:0;transform:scaleX(-1)}
/* header: warm lantern glow along the bottom edge + a bunting garland under it */
.hw header.top{box-shadow:0 1px 0 rgba(255,140,40,.35),0 14px 40px rgba(255,100,0,.07)}
.hw header.top::after{content:"";position:absolute;left:0;right:0;top:100%;height:20px;pointer-events:none;opacity:.85;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='88' height='20'%3E%3Cpath d='M0 1q22 7 44 0t44 0' fill='none' stroke='%235b4a3a' stroke-width='1.2'/%3E%3Cpath d='M8 3.4l7 13 7-11.6z' fill='%23ff7a1a'/%3E%3Cpath d='M30 4.6l6 11 6-10.8z' fill='%237b2bd9'/%3E%3Cpath d='M52 3.4l7 13 7-11.6z' fill='%23ffc24a'/%3E%3Cpath d='M74 4.6l6 11 6-10.8z' fill='%231d1230'/%3E%3C/svg%3E") repeat-x 0 0/88px 20px}
.hw .pill.memb.unlock{background:linear-gradient(100deg,#3a1a06,#1a0b2e)!important;border-color:rgba(255,140,40,.7)!important;color:#ffd9a8!important;box-shadow:0 0 18px rgba(255,120,20,.25)!important}
/* promo bar: night-orange instead of green */
.hw .pbar{background:linear-gradient(90deg,#1c0b2e,#3a1306 45%,#1c0b2e)!important;border-bottom:1px solid rgba(255,140,40,.35)!important}
.hw .pbar .pd b,.hw .pbar .pphr span{color:#ffc24a!important}
.hw .pbar .pcta{color:#fff!important}
.hw .hw-mini{display:inline-block;margin-right:4px;animation:hw-swing 2.4s ease-in-out infinite}
/* membership: glowing pumpkin badges, orange accents */
.hw .tier,.hw .pass-hero{position:relative}
.hw .hw-badge{position:absolute;top:-16px;right:14px;width:38px;filter:drop-shadow(0 4px 10px rgba(255,110,0,.5));pointer-events:none;transition:transform .3s ease}
.hw .hw-badge.big{top:auto;bottom:16px;right:28px;width:58px;opacity:.95}
.hw .tier:hover .hw-badge{transform:translateY(-4px) rotate(-8deg) scale(1.08)}
.hw .tier:hover{border-color:rgba(255,140,40,.65)!important;box-shadow:0 18px 50px rgba(0,0,0,.4),var(--hw-glow)!important}
.hw .tier.hot{border-color:rgba(255,140,40,.55)!important;background:radial-gradient(120% 80% at 50% 0%,rgba(255,122,26,.14),transparent 60%),var(--panel)!important}
.hw .tier.hot .pop{background:linear-gradient(180deg,#3a1a06,#120703)!important;color:#ffc24a!important;border-color:rgba(255,140,40,.7)!important}
.hw .pass-hero{box-shadow:inset 0 0 0 1px rgba(255,140,40,.35),0 20px 60px rgba(255,90,0,.12)}

/* ── first-visit popup ── */
.hw .hw-pop{position:fixed;inset:0;z-index:1300;display:grid;place-items:center;padding:16px}
.hw .hw-pop[hidden]{display:none}
.hw .hw-pop-bg{position:absolute;inset:0;background:rgba(6,2,14,.72);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);opacity:0;transition:opacity .26s ease}
.hw .hw-card{position:relative;width:min(440px,100%);max-height:calc(100dvh - 32px);overflow:auto;border-radius:28px;background:linear-gradient(180deg,#140a26 0%,#0b0618 60%,#120804 100%);border:1px solid rgba(255,150,60,.35);box-shadow:0 30px 90px rgba(0,0,0,.6),0 0 80px rgba(255,100,0,.18);transform:translateY(24px) scale(.94);opacity:0;transition:transform .42s cubic-bezier(.2,.9,.25,1.2),opacity .26s ease;color:#fff}
.hw .hw-pop.on .hw-pop-bg{opacity:1}.hw .hw-pop.on .hw-card{transform:none;opacity:1}
.hw .hw-x{position:absolute;top:12px;right:12px;z-index:3;width:36px;height:36px;border-radius:50%;border:1px solid rgba(255,255,255,.18);background:rgba(0,0,0,.35);color:#fff;font-size:22px;line-height:1;cursor:pointer}
.hw .hw-x:hover{background:rgba(255,255,255,.12)}
.hw .hw-scene{position:relative;height:210px;overflow:hidden;border-radius:28px 28px 0 0;background:radial-gradient(120% 90% at 50% 0%,#3b1b6b 0%,#1a0b33 45%,transparent 75%)}
.hw .hw-stars i{position:absolute;width:2px;height:2px;border-radius:50%;background:#fff;opacity:.2;animation:hw-twinkle 3s ease-in-out infinite}
@keyframes hw-twinkle{50%{opacity:.9}}
.hw .hw-moon{position:absolute;top:22px;left:34px;width:58px;height:58px;border-radius:50%;background:radial-gradient(circle at 38% 38%,#fff9e0,#ffe39a 55%,#e6b34f);box-shadow:0 0 40px rgba(255,226,150,.55)}
.hw .hw-moon::after{content:"";position:absolute;inset:0;border-radius:50%;background:radial-gradient(circle at 30% 60%,rgba(190,140,60,.35) 0 6px,transparent 7px),radial-gradient(circle at 62% 35%,rgba(190,140,60,.3) 0 4px,transparent 5px)}
.hw .hw-fly{position:absolute;width:38px;color:#0d0716;animation:hw-flyby 7s linear infinite}
.hw .hw-fly svg{display:block;animation:hw-flap .22s infinite alternate}
.hw .hw-fly.f1{top:40px;animation-delay:-1s}.hw .hw-fly.f2{top:74px;width:28px;animation-delay:-3.8s;animation-duration:9s}.hw .hw-fly.f3{top:26px;width:22px;animation-delay:-6s;animation-duration:8s}
@keyframes hw-flyby{from{left:-50px;transform:translateY(0)}50%{transform:translateY(-14px)}to{left:110%;transform:translateY(0)}}
.hw .hw-hill{position:absolute;left:-10%;right:-10%;bottom:-60px;height:120px;border-radius:50%;background:#07040e;box-shadow:0 -10px 40px rgba(123,43,217,.25)}
.hw .hw-hero-pk{position:absolute;left:50%;bottom:6px;width:150px;transform:translateX(-50%);filter:drop-shadow(0 10px 30px rgba(255,110,0,.55));animation:hw-bob 3.2s ease-in-out infinite}
.hw .hw-side-pk{position:absolute;bottom:4px;width:64px;filter:drop-shadow(0 6px 16px rgba(255,110,0,.45))}
.hw .hw-side-pk.l{left:44px;transform:rotate(-10deg)}.hw .hw-side-pk.r{right:40px;width:56px;transform:rotate(9deg)}
.hw .hw-glow{position:absolute;left:50%;bottom:-40px;width:260px;height:120px;transform:translateX(-50%);background:radial-gradient(closest-side,rgba(255,140,30,.45),transparent);animation:hw-flicker 2.6s infinite}
@keyframes hw-bob{50%{transform:translateX(-50%) translateY(-6px) rotate(-2deg)}}
.hw .hw-body{padding:18px 26px 22px;text-align:center}
.hw .hw-k{margin:0;font-size:11.5px;font-weight:900;letter-spacing:.18em;color:#ffb24a}
.hw .hw-card h2{margin:6px 0 6px;font-size:clamp(28px,7vw,36px);line-height:1.05;letter-spacing:-.03em;background:linear-gradient(180deg,#fff 30%,#ffc98a);-webkit-background-clip:text;background-clip:text;color:transparent}
.hw .hw-hook{margin:0 auto 14px;max-width:340px;font-size:15.5px;font-weight:800;line-height:1.45;color:#ffd9a8}
.hw .hw-offers{display:grid;gap:8px;margin:0 0 16px;min-height:10px}
.hw .hw-offer{display:flex;flex-wrap:wrap;align-items:baseline;justify-content:center;gap:4px 10px;padding:10px 12px;border-radius:14px;background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.08);font-size:13.5px;color:#d7d0e6}
.hw .hw-offer b{color:#fff;font-size:16px}.hw .hw-offer s{color:#8d84a3;font-weight:600;font-size:13px;margin-right:2px}
.hw .hw-offer small{color:#ffb24a;font-weight:800}
.hw .hw-chips{display:flex;flex-wrap:wrap;justify-content:center;gap:6px;width:100%}
.hw .hw-chips em{font-style:normal;padding:4px 10px;border-radius:999px;border:1px solid rgba(255,150,60,.4);background:rgba(255,122,26,.08);color:#ffd9a8;font-size:12.5px}
.hw .hw-chips em b{font-size:13.5px;color:#fff}
.hw .hw-cta{position:relative;display:flex;align-items:center;justify-content:center;gap:8px;width:100%;padding:15px 18px;border-radius:999px;background:linear-gradient(100deg,#ff8a1f,#ff4d00 55%,#c2187a);color:#fff;font-weight:950;font-size:16px;letter-spacing:.02em;text-decoration:none;overflow:hidden;box-shadow:0 12px 30px rgba(255,90,0,.35);transition:transform .2s ease,box-shadow .2s ease}
.hw .hw-cta::after{content:"";position:absolute;top:0;bottom:0;width:40%;left:-60%;background:linear-gradient(100deg,transparent,rgba(255,255,255,.45),transparent);transform:skewX(-20deg);animation:hw-shine 3.2s ease-in-out infinite}
@keyframes hw-shine{0%,60%{left:-60%}100%{left:130%}}
.hw .hw-cta:hover{transform:translateY(-2px);box-shadow:0 16px 40px rgba(255,90,0,.5)}
.hw .hw-cta:focus-visible{outline:2px solid #fff;outline-offset:3px}
.hw .hw-later{margin-top:10px;padding:6px 12px;border:0;background:none;color:#9a90b0;font:inherit;font-size:13px;font-weight:700;cursor:pointer}
.hw .hw-later:hover{color:#fff;text-decoration:underline}

@media(max-width:620px){
  .hw .hw-hang{width:34px}.hw .hw-string{height:12px}.hw .hw-pk{width:32px}.hw .hw-boo{top:46px;right:20px}
  .hw .hw-scene{height:180px}.hw .hw-hero-pk{width:124px}.hw .hw-side-pk.l{left:18px;width:52px}.hw .hw-side-pk.r{right:16px;width:46px}
  .hw .hw-body{padding:16px 18px 18px}
}
@media(prefers-reduced-motion:reduce){
  .hw .hw-hang,.hw .hw-face,.hw .hw-hero-pk,.hw .hw-glow,.hw .hw-fly,.hw .hw-stars i,.hw .hw-cta::after,.hw .hw-mini{animation:none!important}
  .hw .hw-card{transition:opacity .2s ease}
}

/* ══ v2 atmosphere (owner 2026-10-26: more Halloween on home, membership, sidebar) ══ */
.hw.hw-rich body{background:radial-gradient(60% 40% at 85% -5%,rgba(255,226,150,.10),transparent 60%),radial-gradient(70% 45% at 10% -10%,rgba(123,43,217,.22),transparent 65%),radial-gradient(80% 40% at 50% 110%,rgba(255,100,0,.13),transparent 70%),var(--bg);background-attachment:fixed}
.hw .hw-ghosts{position:fixed;inset:0;pointer-events:none;z-index:5;overflow:hidden}
.hw .hw-ghost{position:absolute;width:var(--sz);opacity:.0;filter:drop-shadow(0 0 14px rgba(220,200,255,.55));animation:hw-ghost 14s ease-in-out infinite}
.hw .hw-ghost.l{left:max(4px,1.2vw)}.hw .hw-ghost.r{right:max(4px,1.2vw)}
.hw .hw-ghost svg{display:block;width:100%;height:auto}
@keyframes hw-ghost{0%{opacity:0;transform:translate(0,30px) rotate(-6deg)}15%{opacity:.85}50%{opacity:.85;transform:translate(10px,-30px) rotate(6deg)}85%{opacity:.85}100%{opacity:0;transform:translate(0,-80px) rotate(-4deg)}}
.hw .hw-ghost.r{animation-name:hw-ghost-r}
@keyframes hw-ghost-r{0%{opacity:0;transform:translate(0,30px) rotate(6deg) scaleX(-1)}15%{opacity:.85}50%{opacity:.85;transform:translate(-10px,-30px) rotate(-6deg) scaleX(-1)}85%{opacity:.85}100%{opacity:0;transform:translate(0,-80px) rotate(4deg) scaleX(-1)}}
.hw .hw-witch{position:absolute;top:9vh;left:-160px;width:130px;filter:drop-shadow(0 0 2px rgba(255,190,120,.8)) drop-shadow(0 0 16px rgba(255,140,40,.35));animation:hw-witch 24s linear infinite;animation-delay:4s}
.hw .hw-witch svg{display:block;width:100%;height:auto}
@keyframes hw-witch{0%{transform:translate(0,0) rotate(-4deg)}40%{transform:translate(calc(100vw + 320px),-6vh) rotate(-8deg)}100%{transform:translate(calc(100vw + 320px),-6vh)}}
.hw .hw-fall{position:absolute;top:-40px;width:26px;opacity:.8;filter:drop-shadow(0 0 6px rgba(255,120,20,.35));animation:hw-fall var(--d) linear infinite;animation-delay:var(--delay)}
.hw .hw-fall.candy{width:18px;opacity:.95}
.hw .hw-fall svg{display:block;width:100%;height:auto}
@keyframes hw-fall{0%{transform:translate(0,-5vh) rotate(0)}25%{transform:translate(var(--sway),25vh) rotate(90deg)}50%{transform:translate(0,55vh) rotate(180deg)}75%{transform:translate(calc(var(--sway)*-1),80vh) rotate(270deg)}100%{transform:translate(0,110vh) rotate(360deg)}}
/* graveyard skyline above the footer */
.hw .hw-grave{position:relative;height:90px;margin-top:40px;pointer-events:none}
.hw .hw-grave>svg{position:absolute;inset:0;width:100%;height:100%}
.hw .hw-gpk{position:absolute;bottom:6px;height:auto;transform:translateX(-50%);filter:drop-shadow(0 0 14px rgba(255,120,10,.7))}
/* headings: lantern icon */
.hw svg.hw-hpk{width:.95em;height:auto;margin-right:.32em;vertical-align:-.08em;filter:drop-shadow(0 0 8px rgba(255,120,10,.6))}
.hw .ihero h1,.hw .toolbar.sec h2{background:linear-gradient(90deg,#fff 0%,#ffd9a8 45%,#ff9a3c 70%,#fff 100%);background-size:220% 100%;-webkit-background-clip:text;background-clip:text;color:transparent;animation:hw-text 7s linear infinite}
.hw .ihero h1 svg,.hw .toolbar.sec h2 svg{-webkit-text-fill-color:initial}
@keyframes hw-text{to{background-position:-220% 0}}
/* cards: cobwebs + a ghost that peeks out on hover */
.hw article.card{position:relative}
.hw .hw-web.cw{width:64px;color:rgba(255,255,255,.3);z-index:4}
.hw .hw-web.cw.tl{top:0;left:0}.hw .hw-web.cw.tr{top:0;right:0;left:auto;transform:scaleX(-1)}.hw .hw-web.cw.br{bottom:0;right:0;top:auto;transform:rotate(180deg)}
.hw .hw-peek{position:absolute;right:10px;top:10px;width:34px;z-index:4;opacity:0;transform:translateY(14px) scale(.6) rotate(10deg);transition:opacity .25s ease,transform .35s cubic-bezier(.2,.9,.3,1.4);pointer-events:none;filter:drop-shadow(0 0 10px rgba(230,210,255,.7))}
.hw .hw-peek svg{display:block;width:100%;height:auto}
.hw article.card:hover .hw-peek{opacity:1;transform:translateY(-6px) scale(1) rotate(-8deg)}
.hw article.card:hover{box-shadow:0 18px 50px rgba(0,0,0,.45),0 0 0 1px rgba(255,140,40,.55),0 0 34px rgba(255,110,0,.22)}
/* spider dropping on its thread */
.hw .hw-spider{position:absolute;top:0;z-index:9;width:26px;display:flex;flex-direction:column;align-items:center;pointer-events:none;animation:hw-drop 7s ease-in-out infinite}
.hw .hw-spider.r{right:22%}
.hw .hw-spider i{display:block;width:1px;height:var(--th,80px);background:rgba(255,255,255,.45)}
.hw .hw-spider svg{display:block;width:26px;height:auto;animation:hw-wiggle 1.6s ease-in-out infinite}
@keyframes hw-drop{0%,100%{transform:translateY(-70%)}45%,60%{transform:translateY(0)}}
@keyframes hw-wiggle{50%{transform:rotate(8deg)}}
/* membership: lantern + candle row above the cards, glowing buy buttons */
.hw .hw-row{display:flex;justify-content:space-around;align-items:flex-end;gap:10px;margin:6px 4% -6px;pointer-events:none}
.hw svg.hw-rpk{width:42px;height:auto;filter:drop-shadow(0 0 16px rgba(255,120,10,.7))}
.hw svg.hw-rpk:nth-child(4n+1){width:34px}
.hw .hw-cnd{position:relative;width:10px;height:26px;border-radius:3px 3px 2px 2px;background:linear-gradient(#f6e7c8,#c9b48d)}
.hw .hw-cnd i{position:absolute;left:50%;top:-14px;width:8px;height:14px;margin-left:-4px;border-radius:50% 50% 45% 45%;background:radial-gradient(circle at 50% 70%,#fff6c2,#ffb02e 55%,rgba(255,90,0,0) 75%);box-shadow:0 0 16px 6px rgba(255,150,40,.45);animation:hw-candle 1.4s ease-in-out infinite alternate;transform-origin:50% 100%}
@keyframes hw-candle{0%{transform:scale(1,1) skewX(0)}50%{transform:scale(.9,1.1) skewX(4deg)}100%{transform:scale(1.05,.95) skewX(-3deg)}}
.hw .tier button[data-buy]{animation:hw-pulse 2.8s ease-in-out infinite}
@keyframes hw-pulse{0%,100%{box-shadow:0 0 0 rgba(255,120,20,0)}50%{box-shadow:0 0 22px rgba(255,120,20,.45)}}

/* ── sidebar ── */
.hw aside.hw-side{position:sticky;border-color:rgba(255,140,40,.28)!important;box-shadow:0 18px 50px rgba(0,0,0,.35),inset 0 0 40px rgba(123,43,217,.12)}
.hw .hw-web.sw{position:absolute;top:0;right:0;left:auto;width:78px;transform:scaleX(-1);color:rgba(255,255,255,.28);z-index:1}
.hw .hw-spider.s{right:8px;--th:46px;animation-duration:9s}
.hw aside.hw-side .ngroup h4 svg{color:#ff9a3c!important;filter:drop-shadow(0 0 8px rgba(255,120,10,.6))!important;animation:hw-flicker 3.2s infinite}
.hw aside.hw-side .nitems a{position:relative;overflow:hidden}
.hw aside.hw-side .nitems a:hover{background:linear-gradient(90deg,rgba(255,122,26,.16),rgba(123,43,217,.12))!important;border-color:rgba(255,140,40,.4)!important;color:#fff!important}
.hw aside.hw-side .nitems a:hover svg{color:#ffb24a!important}
.hw aside.hw-side .nitems a[aria-current]{background:linear-gradient(90deg,rgba(255,122,26,.32),rgba(123,43,217,.28))!important;border-color:rgba(255,150,60,.65)!important;box-shadow:0 0 18px rgba(255,110,0,.22)}
.hw .hw-nbat{position:absolute;right:-30px;top:50%;width:22px;color:#ffb24a;opacity:0;transform:translateY(-50%);pointer-events:none}
.hw .hw-nbat svg{display:block;width:100%;height:auto}
.hw aside.hw-side .nitems a:hover .hw-nbat{animation:hw-nbat .9s ease-out forwards}
.hw aside.hw-side .nitems a:hover .hw-nbat svg{animation:hw-flap .16s infinite alternate}
@keyframes hw-nbat{0%{right:-30px;opacity:0}30%{opacity:1}100%{right:110%;opacity:0;transform:translateY(-140%)}}
.hw .hw-scard{display:flex;flex-direction:column;align-items:flex-start;gap:3px;width:100%;margin-top:12px;padding:0 0 12px;border-radius:16px;border:1px solid rgba(255,150,60,.4);background:linear-gradient(180deg,#22103d,#0d0718);color:#fff;font:inherit;text-align:left;cursor:pointer;overflow:hidden;transition:transform .2s ease,box-shadow .2s ease}
.hw .hw-scard:hover{transform:translateY(-2px);box-shadow:0 12px 30px rgba(255,100,0,.25)}
.hw .hw-scard-sky{position:relative;display:block;width:100%;height:78px;margin-bottom:6px;background:radial-gradient(100% 90% at 50% 0%,#3b1b6b,#160a2b 70%)}
.hw .hw-scard-sky .m{position:absolute;top:10px;left:14px;width:24px;height:24px;border-radius:50%;background:radial-gradient(circle at 38% 38%,#fff9e0,#ffe39a 60%,#e6b34f);box-shadow:0 0 18px rgba(255,226,150,.6)}
.hw svg.hw-spk{position:absolute;left:50%;bottom:-6px;width:62px;height:auto;transform:translateX(-50%);filter:drop-shadow(0 0 16px rgba(255,120,10,.7));animation:hw-bob 3.2s ease-in-out infinite}
.hw .hw-fly.s1{top:12px;width:20px;animation-duration:6s}.hw .hw-fly.s2{top:30px;width:14px;animation-duration:8s;animation-delay:-3s}
.hw .hw-scard b{padding:0 12px;font-size:14px;color:#ffc98a}
.hw .hw-scard small{padding:0 12px;font-size:11.5px;line-height:1.4;color:#cfc6e2}
.hw .hw-scard em{margin:6px 12px 0;font-style:normal;font-size:12.5px;font-weight:900;color:#fff;padding:5px 12px;border-radius:999px;background:linear-gradient(100deg,#ff8a1f,#ff4d00 60%,#c2187a)}
@media(max-width:860px){.hw .hw-ghost{display:none}.hw .hw-witch{width:90px}}
@media(prefers-reduced-motion:reduce){.hw .ihero h1,.hw .toolbar.sec h2,.hw .tier button[data-buy],.hw .hw-cnd i,.hw svg.hw-spk{animation:none!important}}