.hw-body{--hw-ink:#f6ecff;--hw-dim:#f6ecffa8;--hw-faint:#f6ecff6b;--hw-orange:#ff7a1a;--hw-orange-hi:#ff9a3c;--hw-violet:#c9a6e8;--hw-card:#1c0c2a9e;--hw-line:#c9a6e82e;--hw-line-hi:#ff9a3c73;--hw-display:"Creepster", "Space Grotesk", system-ui, sans-serif;min-height:100vh;color:var(--hw-ink);--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;-webkit-font-smoothing:antialiased;background:#0b0414;margin:0;font:15px/1.6 Inter,system-ui,sans-serif}.hw-sky{z-index:0;pointer-events:none;background:radial-gradient(60% 50% at 50% 115%,#ff6a1a52,#0000 70%),linear-gradient(#07030f 0%,#1a0a2c 45%,#3a1636 80%,#5a2214 100%);position:fixed;inset:0}.hw-moon{aspect-ratio:1;opacity:.9;background:radial-gradient(circle at 40% 38%,#fff6dc,#ffe0a3 65%,#f2b866);border-radius:50%;width:clamp(110px,16vw,210px);position:absolute;top:9vh;right:max(6vw,24px);box-shadow:0 0 80px 30px #ffc87838,0 0 200px 80px #ff8a2a1f}.hw-hill{opacity:.55;background:url(/wallpapers/haunted.svg) bottom/cover no-repeat;height:34vh;position:absolute;inset:auto 0 0;-webkit-mask-image:linear-gradient(#0000,#000 45%);mask-image:linear-gradient(#0000,#000 45%)}.hw-body>header,.hw-shell,.hw-body #footer-container{z-index:1;position:relative}.hw-shell{width:min(100% - 32px,1080px);margin:0 auto;padding:clamp(28px,7vh,72px) 0 80px}.hw-hero{text-align:center;max-width:720px;margin:0 auto}.hw-kicker{border:1px solid var(--hw-line);color:var(--hw-violet);letter-spacing:.04em;background:#14081e99;border-radius:999px;align-items:center;gap:8px;margin:0 0 10px;padding:6px 14px;font-size:13px;display:inline-flex}.hw-dot{background:var(--hw-orange);width:8px;height:8px;box-shadow:0 0 10px var(--hw-orange);border-radius:50%;animation:2.4s ease-in-out infinite hw-flicker}@keyframes hw-flicker{0%,to{opacity:1}45%{opacity:.55}50%{opacity:.9}55%{opacity:.6}}.hw-title{font-family:var(--hw-display);letter-spacing:.02em;color:var(--hw-orange-hi);text-shadow:0 0 40px #ff7a1a73,0 4px #3a0d00;margin:6px 0 12px;font-size:clamp(56px,11vw,116px);font-weight:400;line-height:.95}.hw-title em{color:var(--hw-violet);text-shadow:0 0 40px #c9a6e866,0 4px #1c0a2c;font-style:normal}.hw-sub{max-width:600px;color:var(--hw-dim);margin:0 auto;font-size:17px}.hw-sub a,.hw-claim-p a{color:var(--hw-orange-hi);text-underline-offset:3px;text-decoration:underline}.hw-sub a:hover,.hw-claim-p a:hover{color:#ffc07a}.hw-clock{border:1px solid var(--hw-line-hi);background:#1e0a1499;border-radius:16px;flex-direction:column;align-items:center;gap:2px;margin-top:26px;padding:12px 26px;display:inline-flex;box-shadow:inset 0 0 40px #ff7a1a1f}.hw-clock-label{color:var(--hw-faint);text-transform:uppercase;letter-spacing:.12em;font-size:12px}.hw-clock-value{font-variant-numeric:tabular-nums;min-width:10ch;color:var(--hw-orange-hi);font:600 26px/1.2 JetBrains Mono,ui-monospace,monospace}.hw-clock[data-phase=ended]{border-color:var(--hw-line)}.hw-clock[data-phase=ended] .hw-clock-value{color:var(--hw-dim);font-size:18px}.hw-claim{border:1px solid var(--hw-line-hi);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:linear-gradient(135deg,#3c141eb3,#1c0c2ab3);border-radius:22px;max-width:860px;margin:40px auto 0;padding:24px 28px;position:relative;box-shadow:0 30px 80px #00000073,0 0 60px #ff7a1a14}.hw-claim[data-state=claimed]{background:linear-gradient(135deg,#18281cb3,#1c0c2ab3);border-color:#86efac66}.hw-claim[data-state=ended],.hw-claim[data-state=error]{border-color:var(--hw-line)}.hw-claim-body{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:18px 28px;display:flex}.hw-claim-text{flex:320px}.hw-claim-h{font-family:var(--hw-display);letter-spacing:.03em;color:var(--hw-orange-hi);margin:0 0 4px;font-size:32px;font-weight:400}.hw-claim[data-state=claimed] .hw-claim-h{color:#a7f3c0}.hw-claim[data-state=error] .hw-claim-h{color:#ffb4b4}.hw-claim-p{color:var(--hw-dim);margin:0}.hw-warn{color:#ffd28a}.hw-claim-actions{flex-wrap:wrap;gap:10px;display:flex}.hw-claim-skel{gap:10px;display:grid}.hw-claim-skel span{background:linear-gradient(90deg,#ffffff0d,#ffffff1f,#ffffff0d) 0 0/200% 100%;border-radius:8px;height:22px;animation:1.4s linear infinite hw-shimmer;display:block}.hw-claim-skel span:first-child{width:40%;height:30px}.hw-claim-skel span:last-child{width:75%}@keyframes hw-shimmer{to{background-position:-200% 0}}.hw-btn{background:var(--hw-orange);color:#1a0700;cursor:pointer;transition:transform var(--duration-fast) var(--ease-standard), background var(--duration-base) var(--ease-standard), box-shadow var(--duration-base) var(--ease-standard), border-color var(--duration-base) var(--ease-standard);border:1px solid #0000;border-radius:999px;align-items:center;gap:8px;padding:12px 22px;font:600 15px/1.2 Inter,system-ui,sans-serif;text-decoration:none;display:inline-flex}.hw-btn:hover{background:var(--hw-orange-hi);transform:translateY(-1px);box-shadow:0 10px 30px #ff7a1a59}.hw-btn:active{background:#e8650c;transform:translateY(0)scale(.98)}.hw-btn:focus-visible{box-shadow:0 0 0 3px #0b0414, 0 0 0 6px var(--hw-orange-hi);outline:none}.hw-btn--ghost{border-color:var(--hw-line-hi);color:var(--hw-ink);background:0 0}.hw-btn--ghost:hover{box-shadow:none;background:#ff7a1a1f}.hw-btn--ghost:active{background:#ff7a1a33}.hw-btn--claim{padding:15px 28px;font-size:16px;animation:2.2s ease-out infinite hw-pulse;box-shadow:0 0 #ff7a1a80}@keyframes hw-pulse{0%{box-shadow:0 0 #ff7a1a80}70%{box-shadow:0 0 0 16px #ff7a1a00}to{box-shadow:0 0 #ff7a1a00}}.hw-btn:disabled{cursor:progress;opacity:.8;animation:none;transform:none}.hw-btn.is-busy:before{content:"";border:2px solid;border-right-color:#0000;border-radius:50%;width:14px;height:14px;animation:.8s linear infinite hw-spin}@keyframes hw-spin{to{transform:rotate(360deg)}}.hw-pop{pointer-events:none;font-size:26px;animation:1.1s cubic-bezier(.2,.8,.3,1) both hw-pop;position:absolute;top:50%;left:50%}@keyframes hw-pop{0%{opacity:0;transform:translate(-50%,-50%)scale(.3)}15%{opacity:1}to{transform:translate(calc(-50% + var(--dx)), calc(-50% + var(--dy))) scale(1.1) rotate(20deg);opacity:0}}.hw-gifts,.hw-fine{margin-top:56px}.hw-section-h{font-family:var(--hw-display);letter-spacing:.03em;color:var(--hw-violet);text-align:center;margin:0 0 18px;font-size:34px;font-weight:400}.hw-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:16px;margin:0;padding:0;list-style:none;display:grid}.hw-gift{border:1px solid var(--hw-line);background:var(--hw-card);transition:transform var(--duration-base) var(--ease-standard), border-color var(--duration-base) var(--ease-standard), box-shadow var(--duration-base) var(--ease-standard);border-radius:18px;flex-direction:column;display:flex;position:relative;overflow:hidden}.hw-gift:hover{border-color:var(--hw-line-hi);transform:translateY(-3px);box-shadow:0 18px 40px #00000059,0 0 30px #ff7a1a1f}.hw-gift.is-owned{border-color:#86efac59}.hw-gift--skel{background:linear-gradient(90deg,#ffffff08,#ffffff14,#ffffff08) 0 0/200% 100%;min-height:320px;animation:1.4s linear infinite hw-shimmer}.hw-media{background:radial-gradient(70% 70% at 50% 60%,#ff7a1a24,#0000 70%),#0a041280;place-items:center;height:190px;display:grid}.hw-media--model{--poster-color:transparent;background-color:#0000;width:100%}.hw-media--aura i,.hw-media--aura b{border-radius:50%;grid-area:1/1}.hw-media--aura i{background:radial-gradient(circle, color-mix(in srgb, var(--sw) 70%, transparent), transparent 70%);width:120px;height:120px;animation:3.2s ease-in-out infinite hw-breathe}.hw-media--aura b{background:radial-gradient(circle at 40% 35%, #ffe0b8, var(--sw) 60%, #8a2e00);width:54px;height:54px;box-shadow:0 0 30px var(--sw)}@keyframes hw-breathe{0%,to{opacity:.7;transform:scale(.85)}50%{opacity:1;transform:scale(1.15)}}.hw-medal{background:conic-gradient(from 210deg,#ffb057,#ff7a1a,#a63d00,#ffb057);border-radius:50%;place-items:center;width:104px;height:104px;display:grid;box-shadow:0 0 0 6px #ff9a3c2e,0 12px 30px #00000073}.hw-medal span{background:#1c0a2c;border-radius:50%;place-items:center;width:80px;height:80px;display:grid}.hw-medal-art{filter:drop-shadow(0 0 10px #ffaa4673);width:54px;height:54px}.hw-media--wall{background:url(/wallpapers/haunted.svg) bottom/cover no-repeat}.hw-gift-text{padding:16px 18px 20px}.hw-gift-kind{color:var(--hw-orange-hi);letter-spacing:.08em;text-transform:uppercase;font-size:12px}.hw-gift h3{margin:4px 0 6px;font:600 19px/1.25 Space Grotesk,system-ui,sans-serif}.hw-gift p{color:var(--hw-dim);margin:0;font-size:14px}.hw-owned{color:#a7f3c0;background:#163c24d9;border-radius:999px;align-items:center;gap:4px;padding:4px 10px 4px 8px;font-size:12px;font-weight:600;display:inline-flex;position:absolute;top:12px;right:12px}.hw-owned svg{fill:none;stroke:currentColor;stroke-width:2.5px;stroke-linecap:round;stroke-linejoin:round;width:14px;height:14px}.hw-steps{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:14px;margin:0;padding:0;list-style:none;display:grid}.hw-steps li{border:1px solid var(--hw-line);color:var(--hw-dim);background:#14081e8c;border-radius:16px;padding:18px 20px;font-size:14px}.hw-steps b{color:var(--hw-ink);margin-bottom:4px;font-size:15px;display:block}@media (width<=560px){.hw-claim{padding:20px}.hw-claim-actions,.hw-claim-actions .hw-btn{justify-content:center;width:100%}}@media (prefers-reduced-motion:reduce){.hw-dot,.hw-btn--claim,.hw-media--aura i,.hw-claim-skel span,.hw-gift--skel{animation:none}.hw-gift:hover,.hw-btn:hover{transform:none}}
