.halloween-event-page{margin:0;background:#120d1b;color:#fce8d1;font-family:Outfit,Arial,sans-serif}
.hw-page{max-width:1280px;margin:100px auto 70px;padding:0 24px;color:#fce8d1;font-family:Outfit,Arial,sans-serif}
.hw-page *{box-sizing:border-box}.hw-page a{color:#ffb45c}.hw-page button{font:inherit;cursor:pointer}
.hw-hero{min-height:580px;position:relative;display:flex;align-items:end;border:1px solid #7e4356;border-radius:24px;overflow:hidden;background:linear-gradient(90deg,rgba(18,9,30,.88),rgba(18,9,30,.15)),url('../image/story/halloween special/prologus_kastely_kivul.webp') center/cover;box-shadow:0 24px 80px #0008}
.hw-hero-copy{max-width:670px;padding:48px}.hw-kicker{display:block;color:#f7a859;letter-spacing:2px;font-size:12px;font-weight:700}.hw-story-logo{width:310px;max-width:90%;max-height:150px;object-fit:contain;object-position:left;margin:20px 0}.hw-hero h1{font-size:clamp(32px,4vw,54px);margin:0 0 16px}.hw-hero p{font-size:19px;line-height:1.7;color:#e7d3df}.hw-time{display:block;font-size:14px;color:#e9c4f6;margin-bottom:24px}.hw-time b{display:block;margin-top:10px;font-variant-numeric:tabular-nums;font-size:24px}
.hw-button,.hw-milestone button{display:inline-flex;align-items:center;justify-content:center;text-decoration:none!important;background:linear-gradient(120deg,#823cac,#be582e);border:1px solid #ffb45c77;border-radius:10px;color:#fff!important;font-weight:600;padding:13px 20px;line-height:1.4;transition:box-shadow .2s,transform .2s}
.hw-button:hover:not(:disabled):not(.is-disabled),.hw-milestone button:hover:not(:disabled){box-shadow:0 0 24px #a13ad977;transform:translateY(-2px)}.hw-button:disabled,.hw-milestone button:disabled,.hw-button.is-disabled{opacity:.5;cursor:default;background:#332537}.hw-button:focus-visible,.halloween-topbar-icon:focus-visible{outline:3px solid #22e5bb;outline-offset:4px}
.hw-alert{padding:16px 0;color:#ffbd83;min-height:24px}.hw-panel{background:linear-gradient(120deg,#24162b,#181320);border:1px solid #68436b77;border-radius:16px;padding:28px}.hw-panel h2,.hw-panel h3{margin:10px 0}.hw-panel p{color:#ccb7cb;line-height:1.6}.hw-panel small{color:#b5a1b8;line-height:1.6}.hw-pass{display:flex;align-items:center;gap:24px;margin-bottom:20px}.hw-pass>img{width:100px;height:100px;object-fit:contain}.hw-pass>div{flex:1}.hw-daily{display:flex;align-items:center;justify-content:space-between;gap:24px}.hw-section-heading{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-top:48px}.hw-section-heading h2{font-size:30px;margin:10px 0 20px}.hw-section-heading>strong{font-size:24px;color:#ffb45c}.hw-collection progress{width:100%;height:12px;accent-color:#f97425;margin-bottom:24px}.hw-milestones{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}.hw-milestone{display:flex;flex-direction:column;gap:14px;padding:20px;border:1px solid #573650;border-radius:14px;background:#211628}.hw-threshold{font-size:21px;color:#ffa75b}.hw-milestone>div{flex:1}.hw-reward{display:flex;align-items:center;gap:10px;margin:10px 0;line-height:1.4;font-size:14px}.hw-reward img{width:54px;height:54px;object-fit:contain;border-radius:9px}.hw-milestone.is-ready{border-color:#f97425;box-shadow:0 0 22px #f9742522}.hw-milestone.is-claimed{border-color:#248065}.hw-chapter{display:flex;align-items:center;justify-content:space-between;gap:24px;margin-top:16px}.hw-chapter>div{flex:1}.hw-chapter p{font-size:14px}.hw-exclusive{color:#bea1c3;text-align:center;padding:24px}
.halloween-topbar-icon{--feature-rgb:247,146,62;text-decoration:none;pointer-events:auto}.halloween-topbar-icon .spider-icon__ticket img{filter:drop-shadow(0 4px 4px #000b) drop-shadow(0 0 6px #ee984c66)}.hw-topbar-bat{position:absolute;right:-4px;top:-5px;width:22px;height:13px;color:#d995f2;opacity:0;transition:opacity .25s,transform .25s;pointer-events:none}.hw-topbar-bat svg{width:100%;height:100%}.halloween-topbar-icon:hover .hw-topbar-bat,.halloween-topbar-icon:focus-visible .hw-topbar-bat{opacity:1;transform:translate(3px,-4px)}
.halloween-battle-clock{position:fixed;bottom:24px;left:50%;transform:translateX(-50%);z-index:1000;max-width:800px;width:calc(100% - 48px);background:#21102de8;border:1px solid #b253d6;border-radius:16px;padding:16px 24px;box-shadow:0 0 30px #8e24bd55;pointer-events:none;color:#fce8d1}.halloween-battle-clock strong{display:block;color:#ffa75b;margin-bottom:8px}.halloween-battle-clock div{max-height:105px;overflow:auto;font-size:13px;line-height:1.5}.halloween-final-battle::after{content:'';position:fixed;right:0;top:20%;height:60%;width:28%;pointer-events:none;z-index:2;background:radial-gradient(ellipse at right,#9623c52b,transparent 70%);animation:hwHaunt 3s ease-in-out infinite}
@keyframes hwFloat{50%{transform:translateY(-7px) rotate(10deg)}}@keyframes hwHaunt{50%{opacity:.35}}
@media(max-width:1000px){.hw-milestones{grid-template-columns:repeat(3,minmax(0,1fr))}.hw-pass{flex-wrap:wrap}.hw-pass .hw-button{margin-left:124px}}
@media(max-width:680px){.hw-page{padding:0 14px;margin-top:90px}.hw-hero{min-height:520px;background-position:60% center}.hw-hero-copy{padding:28px}.hw-story-logo{width:240px}.hw-milestones{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.hw-milestone{padding:14px}.hw-reward{flex-direction:column;align-items:start}.hw-pass>img{width:65px;height:65px}.hw-pass .hw-button{margin-left:0}.hw-pass>div{min-width:180px}.hw-daily,.hw-chapter{align-items:stretch;flex-direction:column}.hw-section-heading{align-items:start;flex-direction:column}.hw-panel{padding:20px}.hw-section-heading h2{font-size:26px}.halloween-battle-clock{bottom:10px;padding:12px}.hw-hero p{font-size:16px}}
@media(prefers-reduced-motion:reduce){.hw-page *,.halloween-topbar-icon *,.halloween-final-battle::after{animation:none!important;transition:none!important}}