.hw-fog{position:fixed;left:-10%;right:-10%;bottom:0;height:45vh;pointer-events:none;z-index:40;opacity:.55;background:radial-gradient(ellipse 60% 40% at 20% 100%,rgba(190,170,230,.35),transparent 70%),radial-gradient(ellipse 50% 35% at 75% 100%,rgba(170,150,220,.3),transparent 70%);animation:hwFog 18s ease-in-out infinite alternate}
@keyframes hwFog{from{transform:translateX(-4%)}
to{transform:translateX(4%)}
}
.hw-web{position:fixed;top:0;width:110px;pointer-events:none;z-index:9500;opacity:.35}
@media(max-width:768px){.hw-web{width:70px;opacity:.25}
}
.hw-web.l{left:0}
.hw-web.r{right:0;transform:scaleX(-1)}
.hw-pumpkin{position:absolute;width:42px;cursor:pointer;z-index:42;opacity:.8;transition:transform .2s,opacity .2s;animation:hwWob 3s ease-in-out infinite}
.hw-pumpkin:hover{opacity:1;transform:scale(1.25)}
@keyframes hwWob{0%,100%{rotate:-6deg}
50%{rotate:6deg}
}
.hw-candy{position:fixed;width:34px;z-index:10001;pointer-events:none;transition:all .9s cubic-bezier(.5,-0.4,.6,1)}
.hw-toast{position:fixed;z-index:10001;font:700 22px/1 sans-serif;color:#ffb347;text-shadow:0 0 10px #7b2cbf;pointer-events:none;animation:hwUp 1.4s forwards}
@keyframes hwUp{to{transform:translateY(-60px);opacity:0}
}
.hw-badge{position:fixed;left:16px;bottom:16px;z-index:9000;display:flex;align-items:center;gap:6px;padding:4px 14px 4px 4px;border-radius:40px;cursor:pointer;background:linear-gradient(135deg,#2a1240,#4a1d6b);border:1px solid #f39c33;color:#fff;font:700 16px sans-serif;box-shadow:0 4px 18px rgba(123,44,191,.5)}
.hw-boo{position:fixed;left:16px;bottom:84px;z-index:9000;width:44px;height:44px;border-radius:50%;border:1px solid #9d4edd;cursor:pointer;font-size:22px;line-height:1;background:radial-gradient(circle,#3c1661,#14081f);box-shadow:0 0 14px rgba(157,78,221,.6);animation:hwGlow 2.5s ease-in-out infinite}
@keyframes hwGlow{50%{box-shadow:0 0 24px rgba(199,125,255,.9)}
}
.hw-badge img{width:56px}
.hw-badge.pop{animation:hwPop .4s}
@keyframes hwPop{50%{transform:scale(1.2)}
}
.hw-modal{position:fixed;inset:0;z-index:10000;background:rgba(10,4,20,.75);display:flex;align-items:center;justify-content:center;padding:16px}
.hw-box{position:relative;max-width:420px;width:100%;background:linear-gradient(160deg,#25103a,#140820);border:1px solid #f39c33;border-radius:18px;padding:22px;color:#eee;font:15px/1.45 sans-serif;text-align:center}
.hw-box h3{margin:0 0 6px;font-size:22px;color:#ffb347}
.hw-box>img{width:170px;margin:-80px auto 0;display:block}
.hw-box ol{list-style:none;padding:0;margin:14px 0;text-align:left}
.hw-box li{display:flex;justify-content:space-between;padding:8px 12px;border-radius:10px;margin-bottom:4px;background:rgba(255,255,255,.05)}
.hw-box li.me{background:rgba(243,156,51,.2);border:1px solid #f39c33}
.hw-intro{font-family:Onest,sans-serif;text-align:center}
.hw-intro h3{text-wrap:balance;line-height:1.25;margin-bottom:14px}
.hw-intro p{text-wrap:balance}
.hw-intro h4{margin:16px 0 8px;font-size:16px;color:#ffb347}
.hw-intro p{margin:0;color:rgba(255,255,255,.88)}
.hw-intro p.hw-note{margin-top:12px;color:rgba(255,255,255,.6);font-size:14px}
.hw-rules{list-style:none;padding:0;margin:0}
.hw-rules li{display:block;padding:10px 14px;border-radius:10px;margin-bottom:6px;background:rgba(255,255,255,.05);text-wrap:balance}
.hw-rules li span:first-child{margin-right:6px}
.hw-intro button{display:block;margin:16px auto 0;font-family:inherit}
.hw-box button{margin-top:6px;padding:8px 22px;border:0;border-radius:10px;background:#f39c33;color:#1a0b26;font-weight:700;cursor:pointer}
.hw-scare{position:fixed;inset:0;z-index:10002;background:#05010a;opacity:0;pointer-events:none;transition:opacity .5s;display:flex;align-items:center;justify-content:center;gap:90px}
.hw-scare.on{opacity:.96}
.hw-eyes{width:min(560px,80vw);filter:drop-shadow(0 0 30px rgba(170,80,255,.8));transform:scale(.85);transition:transform 1.6s ease-out;animation:hwBlink 1.8s}
.hw-scare.on .hw-eyes{transform:scale(1.05)}
@keyframes hwBlink{0%,40%,48%,100%{transform:scaleY(1)}
44%{transform:scaleY(.05)}
}
.hw-picks{position:relative;overflow:hidden;border-radius:16px;padding:20px;background:radial-gradient(ellipse 45% 85% at 100% 0,rgba(243,120,30,.32),transparent 70%),radial-gradient(ellipse 50% 90% at 0 100%,rgba(157,78,221,.4),transparent 70%),linear-gradient(180deg,#1c0a2c 0%,#371449 100%);box-shadow:inset 0 0 0 1px rgba(243,156,51,.45),0 0 26px rgba(123,44,191,.35)}
.hw-picks[hidden]{display:none}
.hw-picks .slider{position:relative;z-index:1}
.hw-pop-deco{position:absolute;inset:0;pointer-events:none;z-index:0}
.hw-pop-web{position:absolute;top:0;right:0;width:190px;height:190px}
.hw-pop-moon{position:absolute;top:-40px;right:22%;width:120px;height:120px;border-radius:50%;background:radial-gradient(circle at 40% 40%,rgba(255,214,140,.5),rgba(243,156,51,.12) 55%,transparent 70%)}
.hw-pop-bat{position:absolute;width:36px;fill:#12061d;filter:drop-shadow(0 0 3px rgba(255,179,71,.75));animation:hwBat 9s ease-in-out infinite}
.hw-pop-bat.b1{top:12px;left:62%}
.hw-pop-bat.b2{top:34px;left:70%;width:26px;animation-duration:11s;animation-delay:-4s}
.hw-pop-bat.b3{top:10px;left:79%;width:22px;animation-duration:13s;animation-delay:-7s}
@keyframes hwBat{0%,100%{transform:translate(0,0) rotate(-4deg)}
50%{transform:translate(26px,-6px) rotate(5deg)}
}
.hw-picks .slider-header h2{color:#ffb347;text-shadow:0 0 12px rgba(243,120,30,.55)}
.hw-picks .slider-header h2 img{width:26px;height:26px;object-fit:contain;filter:drop-shadow(0 0 6px rgba(243,156,51,.7))}
.hw-picks .slider-navigation{position:relative;z-index:2}
.hw-picks .slider-prev,.hw-picks .slider-next{background:#3a1a40;box-shadow:inset 0 0 0 1px rgba(243,156,51,.45);opacity:1!important}
.hw-picks .slider-prev[style*="0.4"],.hw-picks .slider-next[style*="0.4"]{background:#2a1035;box-shadow:inset 0 0 0 1px rgba(243,156,51,.2)}
.hw-picks .slider-prev[style*="0.4"] span,.hw-picks .slider-next[style*="0.4"] span{opacity:.35}
.hw-picks .slider-prev:hover,.hw-picks .slider-next:hover{background:#5a2a45}
.hw-picks-card{position:relative;width:260px;flex-shrink:0;display:flex;flex-direction:column;border-radius:14px;overflow:hidden;text-decoration:none;color:#fff;background:linear-gradient(180deg,#2b1240,#1a0a27);box-shadow:inset 0 0 0 1px rgba(243,156,51,.3);transition:transform .25s,box-shadow .25s}
.hw-picks-card:hover{transform:translateY(-4px) rotate(-.6deg);box-shadow:inset 0 0 0 1px rgba(243,156,51,.9),0 6px 16px rgba(243,120,30,.4),0 0 18px rgba(157,78,221,.35)}
.hw-picks-card-image{position:relative;overflow:hidden}
.hw-picks-card-image img{transition:transform .5s ease,filter .5s ease}
.hw-picks-card:hover .hw-picks-card-image img{transform:scale(1.07);filter:saturate(1.15) contrast(1.05)}
.hw-picks-card-image::after{content:"";position:absolute;inset:0;pointer-events:none;opacity:0;transition:opacity .4s;background:radial-gradient(ellipse 80% 90% at 50% 120%,rgba(243,120,30,.55),transparent 60%),linear-gradient(180deg,rgba(60,10,90,.35),transparent 50%)}
.hw-picks-card:hover .hw-picks-card-image::after{opacity:1;animation:hwFlicker 1.6s steps(1) infinite}
@keyframes hwFlicker{0%,100%{opacity:1}
12%{opacity:.8}
15%{opacity:1}
52%{opacity:.88}
55%{opacity:1}
}
.hw-picks-card-image img{display:block;width:100%;aspect-ratio:460/215;object-fit:cover}
.hw-picks-card-content{padding:12px 14px 14px;display:flex;flex-direction:column;gap:10px;flex:1}
.hw-picks-card-name{font:700 15px/1.25 Onest,sans-serif;color:#fff}
.hw-picks-card-tag{margin-top:auto;align-self:flex-start;padding:7px 11px;border-radius:90px;font:600 12px/1 Onest,sans-serif;white-space:nowrap;background:rgba(243,156,51,.16);color:#ffd9a8}
.hw-picks .slider-content{padding:10px 10px 16px;margin:-10px -10px -16px;scroll-padding-left:10px}
@media(max-width:700px){.hw-picks{padding:14px 12px}
.hw-picks .slider{gap:14px}
.hw-picks .slider-navigation{display:none}
.hw-picks .slider-header h2{font-size:16px;line-height:22px;white-space:nowrap;text-align:left}
.hw-picks .slider-header h2 img{width:22px;height:22px}
.hw-picks .slider-content{gap:8px}
.hw-picks-card{width:clamp(132px,38vw,200px);border-radius:12px}
.hw-picks-card-content{padding:9px 10px 10px;gap:8px}
.hw-picks-card-name{font-size:13px;line-height:1.25;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.hw-picks-card-tag{padding:5px 9px;font-size:11px}
.hw-pop-moon{width:80px;height:80px;top:-30px;right:8%}
.hw-pop-web{width:110px;height:110px}
.hw-pop-bat.b3{display:none}
.hw-pop-bat.b1{top:6px;left:70%;width:26px}
.hw-pop-bat.b2{top:26px;left:84%;width:18px}
}
@media(hover:none){.hw-picks-card:hover{transform:none}
.hw-picks-card:hover .hw-picks-card-image img{transform:none}
}
@media(prefers-reduced-motion:reduce){.hw-pop-bat,.hw-picks-card:hover .hw-picks-card-image::after{animation:none}
}
html:not(.hw-live) .hw-fog,html:not(.hw-live) .hw-pumpkin,html:not(.hw-live) .hw-boo,html:not(.hw-live) .hw-pop-bat{animation-play-state:paused}