/* The event's ornate presentation layer. Account and battle styles stay separate. */
@font-face{font-family:"AOW";font-style:normal;font-weight:400;font-display:swap;src:url("../fonts/Cinzel-Regular-latin-ext.woff2") format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:"AOW";font-style:normal;font-weight:400;font-display:swap;src:url("../fonts/Cinzel-Regular-latin.woff2") format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}

.halloween-event-page.codex-page{min-height:100vh;overflow-x:hidden;font-family:"Outfit",sans-serif;background:#080610;color:#f2e6df}
.halloween-event-page.codex-page::before{content:'';position:fixed;inset:-24px;z-index:0;pointer-events:none;background:linear-gradient(180deg,#09061152,#080610 82%),url('../image/story/halloween special/kastely.webp') center top/cover no-repeat;filter:blur(10px)}
.halloween-event-page .landing-topbar{background:linear-gradient(180deg,#080710fa,#080710ed);border-bottom:1px solid #e693452e;box-shadow:0 12px 35px #0008}
.halloween-event-page .hw-page{z-index:1;width:min(100%,1480px);max-width:none;box-sizing:border-box;margin:0 auto;padding:28px clamp(18px,2.6vw,46px) 100px}
.hw-premium{--hw-orange:#f7a452;--hw-flame:#ff733e;--hw-lilac:#c991f0;--hw-mint:#72d9b9;--hw-line:#c59bf22c;position:relative;isolation:isolate}
.hw-premium [hidden]{display:none!important}
.hw-premium .hw-kicker{font-size:10px;line-height:1.5;letter-spacing:2px;color:var(--hw-orange);font-weight:700}
.hw-premium h1,.hw-premium h2,.hw-premium h3{font-family:"AOW",Georgia,serif;font-weight:400}
.hw-premium .hw-candy-mark{width:38px;height:38px;flex:none;color:var(--hw-orange);filter:drop-shadow(0 0 7px #ef8a3726)}
.hw-atmosphere{position:fixed;inset:0;z-index:-1;overflow:hidden;pointer-events:none;background:linear-gradient(90deg,#06040bb3,transparent 20%,transparent 80%,#06040bb3)}
.hw-moon-haze{position:absolute;width:600px;height:600px;right:-120px;top:4vh;border-radius:50%;background:radial-gradient(circle,#b56bec19,transparent 65%);animation:hwMoonBreath 9s ease-in-out infinite}
.hw-castle-fog{position:absolute;inset:auto -10% -150px;height:460px;background:radial-gradient(ellipse at 30% 60%,#824fc519,transparent 65%),radial-gradient(ellipse at 75% 80%,#e6802711,transparent 55%);animation:hwFogDrift 24s ease-in-out infinite}
.hw-embers{position:absolute;inset:0}.hw-embers i{position:absolute;left:var(--hw-x);bottom:-20px;width:3px;height:3px;border-radius:50%;background:#eab284;box-shadow:0 0 8px #fa852f;opacity:0;animation:hwEmberRise var(--hw-duration) var(--hw-delay) linear infinite}

/* Castle gates: cinematic art, engraved title, floating pass and candy wallet. */
.hw-premium .hw-hero{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:32px;align-items:center;min-height:570px;padding:54px clamp(28px,4.6vw,70px);border:1px solid #d9a47566;border-radius:0;overflow:hidden;isolation:isolate;clip-path:polygon(0 0,calc(100% - 22px) 0,100% 22px,100% 100%,22px 100%,0 calc(100% - 22px));background:linear-gradient(90deg,#090611f2 0%,#0b0810d9 32%,#10071655 65%,#11091980),linear-gradient(0deg,#080610db,transparent 65%),url('../image/story/halloween special/kastely.webp') center 42%/cover;box-shadow:0 30px 80px #0009,inset 0 0 80px #150b2566}
.hw-premium .hw-hero::before{content:'';position:absolute;inset:11px;border:1px solid #f3c48a22;clip-path:inherit;pointer-events:none;z-index:-1}
.hw-premium .hw-hero::after{content:'';position:absolute;bottom:0;left:0;right:0;height:2px;background:linear-gradient(90deg,transparent,#ed994b 22%,#ffdeaf 50%,#b26dd9 78%,transparent);box-shadow:0 0 20px #fda04b88;pointer-events:none}
.hw-premium .hw-hero-copy{padding:0;max-width:720px;position:relative;z-index:2;min-width:0}
.hw-premium .hw-hero-eyebrow{display:flex;align-items:center;gap:12px;color:#e2c4ad}
.hw-hero-eyebrow::before{content:'';width:28px;height:1px;background:linear-gradient(90deg,transparent,var(--hw-orange))}
.hw-premium .hw-hero h1{font-size:clamp(54px,6.7vw,98px);line-height:.98;text-transform:uppercase;letter-spacing:-3px;color:#ffeedb;margin:24px 0 22px;text-shadow:0 6px 36px #000,0 0 32px #f6954620}
.hw-premium .hw-hero h1 em{display:block;font-style:normal;font-size:.64em;letter-spacing:9px;margin:10px 0 0 4px;color:#f1a965}
.hw-hero-subtitle{display:flex;align-items:center;gap:13px;color:#dec2e8;font-family:"AOW",Georgia,serif;font-size:17px;letter-spacing:1px}
.hw-hero-subtitle>span{width:25px;height:1px;background:#d4a0e85c}
.hw-premium .hw-hero p{max-width:580px;margin:18px 0 0;font-size:15px;line-height:1.8;color:#d4c1c4}
.hw-season-tags{display:flex;flex-wrap:wrap;gap:10px 20px;margin:22px 0 0;font-size:10px;font-weight:600;letter-spacing:.6px;color:#b9a5bb}
.hw-premium .hw-time{display:flex;align-items:center;gap:13px;width:fit-content;max-width:100%;margin:28px 0 0;padding:12px 18px 12px 12px;border:1px solid #d8a9783d;background:#090711c9;border-radius:0;clip-path:polygon(0 0,calc(100% - 8px) 0,100% 8px,100% 100%,8px 100%,0 calc(100% - 8px))}
.hw-time-icon{font-size:28px;line-height:1;color:#c8a2e9}.hw-time small{display:block;font-size:9px;letter-spacing:1.2px;color:#9d8aab;text-transform:uppercase}
.hw-premium .hw-time b{margin-top:5px;font-size:19px;letter-spacing:.8px;color:#f4e1f3;font-variant-numeric:tabular-nums;line-height:1.3}
.hw-hero-actions{display:flex;align-items:center;flex-wrap:wrap;gap:22px;margin-top:26px}
.hw-premium .hw-text-link{font-size:11px;letter-spacing:.6px;text-decoration:none;color:#c8aecd;display:flex;align-items:center;gap:14px;padding:10px 0}.hw-text-link span{font-size:18px;color:#e7b281}
.hw-hero-index{position:absolute;right:28px;top:28px;text-align:right;color:#edbf8d6b;font-size:8px;letter-spacing:2px;line-height:1.8}.hw-hero-index b{font-family:"AOW",serif;font-size:21px;font-weight:400;color:#edbf8dad}
.hw-hero-side{position:relative;z-index:2;display:flex;flex-direction:column;align-items:center;justify-content:center;min-width:0;padding-top:24px}
.hw-ticket-relic{position:relative;width:320px;max-width:100%;height:250px;display:grid;place-items:center}
.hw-ticket-relic>img{position:relative;z-index:2;width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 20px 20px #000a) drop-shadow(0 0 14px #ca743b33);animation:hwRelicFloat 6s ease-in-out infinite}
.hw-ticket-aura{position:absolute;inset:18% 3%;border-radius:50%;background:radial-gradient(ellipse,#ea80384d,#833dc128 48%,transparent 70%);animation:hwMoonBreath 5s ease-in-out infinite}
.hw-ticket-orbit{position:absolute;width:238px;height:238px;max-width:85%;border-radius:50%;border:1px solid #d49bef33;outline:1px solid #eeb8791a;outline-offset:13px;background:repeating-conic-gradient(from 18deg,#edc18c22 0 1deg,transparent 1deg 20deg);mask-image:radial-gradient(circle,transparent 58%,#000 60%,#000 72%,transparent 74%);transform:rotate(-18deg)}
.hw-candy-wallet{display:flex;align-items:center;gap:12px;width:245px;max-width:100%;padding:14px 24px;border:1px solid #daa3786b;background:linear-gradient(125deg,#251324eb,#0b0914f2);box-shadow:0 12px 30px #0007;clip-path:polygon(0 0,calc(100% - 10px) 0,100% 10px,100% 100%,10px 100%,0 calc(100% - 10px))}
.hw-candy-wallet .hw-candy-mark{width:52px;height:52px}.hw-candy-wallet small{display:block;font-size:9px;color:#b09ba9;text-transform:uppercase;letter-spacing:.8px}.hw-candy-wallet strong{display:flex;align-items:baseline;gap:8px;font-size:32px;line-height:1.2;font-variant-numeric:tabular-nums;color:#f9e9d9}.hw-candy-wallet em{font-size:13px;font-style:normal;color:#ae8d9b;font-weight:400}
.hw-season-ribbon{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));padding:22px 24px;border:1px solid #ce9fe426;border-top:0;background:linear-gradient(90deg,#120b1bee,#1a101fec,#120b1bee);font-size:10px;letter-spacing:1px;color:#b89fb8;text-transform:uppercase}
.hw-season-ribbon>span{display:flex;align-items:center;justify-content:center;gap:13px;padding:0 12px;border-left:1px solid #cba1e32b}.hw-season-ribbon>span:first-child{border-left:0}.hw-season-ribbon b{font:400 25px/1 "AOW",Georgia,serif;color:#f6d8b3}
.hw-premium .hw-alert{margin-top:20px;padding:14px 18px;border:1px solid #c6a0e031;border-left:2px solid #c691df;background:#17101fcf;font-size:12px;line-height:1.7;color:#cdb3d6;min-height:0}

/* Pass and daily ritual: two equally weighted framed control panels. */
.hw-command-deck{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;margin-top:24px}
.hw-premium .hw-panel{position:relative;border-radius:0;padding:28px;border:1px solid var(--hw-line);background:radial-gradient(ellipse at 100% 0,#a564d012,transparent 60%),linear-gradient(140deg,#161020f5,#0c0915f7);box-shadow:0 20px 45px #0004}
.hw-premium .hw-panel::before{content:'';position:absolute;left:-1px;top:-1px;width:42px;height:2px;background:linear-gradient(90deg,#dea979,transparent);pointer-events:none}
.hw-premium .hw-panel h2{font-size:23px;line-height:1.35;margin:9px 0 12px;color:#f1e3ed}
.hw-premium .hw-panel p{font-size:13px;color:#b49eb9;line-height:1.7;margin:0}
.hw-premium .hw-panel small{font-size:10px;color:#ad99b0;line-height:1.6}
.hw-premium .hw-pass{display:flex;flex-direction:column;align-items:stretch;gap:0;margin:0;min-width:0}
.hw-premium .hw-pass>div{flex:initial;min-width:0}.hw-premium .hw-pass>.hw-pass-content{flex:1}.hw-premium .hw-pass .hw-button{margin-left:0}
.hw-pass-head{display:flex;align-items:center;justify-content:space-between}.hw-panel-index{font:400 22px/1 "AOW",serif;color:#d6aed63d}
.hw-pass-content{display:flex;align-items:center;gap:22px;flex:1;margin:18px 0 24px}.hw-pass-content>div:last-child{min-width:0}
.hw-pass-ticket{display:grid;place-items:center;width:110px;height:110px;flex:none;background:radial-gradient(circle,#b661c726,transparent 69%)}
.hw-pass-ticket img{width:125px;max-width:125px;height:125px;object-fit:contain;filter:drop-shadow(0 8px 15px #0007);transform:rotate(-6deg)}
.hw-pass-purchase{display:flex;align-items:center;justify-content:space-between;gap:18px;padding-top:20px;border-top:1px solid #cba0e323}.hw-pass-price{display:flex;gap:10px;align-items:center}.hw-pass-price>img{width:34px;height:34px;object-fit:contain}.hw-pass-price strong{display:block;font-size:24px;font-weight:600;font-variant-numeric:tabular-nums;color:#f5dbb1}.hw-pass-price small{display:block;font-size:9px!important}.hw-pass-note{display:block;margin-top:15px}
.hw-premium .hw-daily{display:flex;flex-direction:column;align-items:stretch;justify-content:start;gap:0;min-width:0}
.hw-daily-head{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:16px}.hw-daily-head h2{margin-bottom:0!important}.hw-daily-completion{font:400 28px/1 "AOW",serif;color:#e0bfd9}.hw-daily-completion small{font-size:14px!important;color:#958099!important;padding-left:5px}
.hw-daily-list{display:grid;gap:10px;flex:1}.hw-quest-row{display:flex;align-items:center;gap:10px;min-height:49px;padding:10px 12px;border:1px solid #ad86d02b;background:#08061066;color:#b9a4be;font-size:12px}.hw-quest-check{display:grid;place-items:center;width:25px;height:25px;flex:none;border:1px solid #b482da38;background:#100b19;color:#c294db}.hw-quest-row>small,.hw-quest-row>a{margin-left:auto;font-size:10px!important;white-space:nowrap}.hw-quest-row>a{text-decoration:none;color:#dab190!important}.hw-quest-row.is-done{border-color:#72d9b935;color:#dfd2e2;background:#376c5420}.hw-quest-row.is-done .hw-quest-check{color:var(--hw-mint);border-color:#72d9b963}
.hw-daily-reward{display:flex;align-items:center;justify-content:space-between;gap:12px;border-top:1px solid #cba0e323;margin-top:20px;padding-top:18px}.hw-daily-reward>span{display:flex;align-items:center;gap:7px;line-height:1.4;font-size:11px;color:#bfa5c0}.hw-daily-reward b{font-size:22px;color:#f9d29f;font-weight:600}.hw-daily-note{display:block;margin-top:13px}
.hw-premium .hw-button,.hw-premium .hw-milestone button{border-radius:0;border:1px solid #dfa17091;background:linear-gradient(125deg,#763280,#a84c39);padding:12px 17px;gap:16px;font-size:11px;font-weight:600;letter-spacing:.2px;box-shadow:inset 0 1px #ffe4c326,0 0 14px #e9803022;clip-path:polygon(0 0,calc(100% - 7px) 0,100% 7px,100% 100%,7px 100%,0 calc(100% - 7px));transition:filter .18s,box-shadow .18s,transform .18s;min-height:42px}
.hw-premium .hw-button:hover:not(:disabled):not(.is-disabled),.hw-premium .hw-milestone button:hover:not(:disabled){filter:brightness(1.16);box-shadow:0 0 20px #ee965744;transform:translateY(-2px)}
.hw-premium .hw-button:disabled,.hw-premium .hw-button.is-disabled,.hw-premium .hw-milestone button:disabled{opacity:1;color:#ab92b4!important;background:#33203a61;border-color:#b988d636;box-shadow:none;cursor:default}
.hw-premium .hw-button:focus-visible,.hw-premium .hw-text-link:focus-visible,.hw-premium .hw-milestone button:focus-visible{outline:3px solid #72d9b9;outline-offset:4px;clip-path:none}

/* Twenty engraved reward stations, with distinct relic silhouettes. */
.hw-premium .hw-section-heading{margin:0 0 28px;padding-bottom:22px;border-bottom:1px solid #c59bf224;align-items:end;gap:30px}
.hw-premium .hw-section-heading h2{margin:9px 0 0;font-size:clamp(23px,2.8vw,35px);line-height:1.3;color:#f1e3eb;letter-spacing:.1px}
.hw-premium .hw-section-heading>p{max-width:390px;text-align:right;font-size:12px;line-height:1.7;color:#a28ba9;margin:0}
.hw-premium .hw-collection{margin-top:28px;padding:30px;border:1px solid var(--hw-line);background:linear-gradient(#bb92eb03 1px,transparent 1px),linear-gradient(90deg,#bb92eb03 1px,transparent 1px),linear-gradient(140deg,#130d1ef7,#0a0812f7);background-size:42px 42px,42px 42px,auto;scroll-margin-top:110px;box-shadow:0 24px 60px #0005}
.hw-progress-heading{display:flex;align-items:center;justify-content:space-between;color:#c7adc8;gap:15px;font-size:11px;margin-bottom:12px}.hw-progress-heading>span{display:flex;align-items:center;gap:8px}.hw-progress-heading .hw-candy-mark{width:28px;height:28px}.hw-progress-heading>strong{font-size:24px;color:#f6c68f;font-weight:500;font-variant-numeric:tabular-nums}.hw-progress-heading small{font-size:12px;color:#917693;font-weight:400}
.hw-progress-ornament{position:relative;padding-bottom:22px;margin-bottom:22px}
.hw-premium .hw-collection progress{display:block;appearance:none;-webkit-appearance:none;width:100%;height:5px;border:0;border-radius:0;background:#b684da19;accent-color:#f8a05c;margin:0;box-shadow:0 0 0 1px #c791da0f;overflow:hidden}
.hw-premium progress::-webkit-progress-bar{background:#b684da19}.hw-premium progress::-webkit-progress-value{background:linear-gradient(90deg,#8251b4,#cc827a,#ffc47a);box-shadow:0 0 18px #ffa35d66}.hw-premium progress::-moz-progress-bar{background:linear-gradient(90deg,#8251b4,#cc827a,#ffc47a)}
.hw-progress-labels{display:flex;justify-content:space-between;color:#937b9f;font-size:9px;letter-spacing:.5px;padding-top:11px;font-variant-numeric:tabular-nums}
.hw-premium .hw-milestones{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}
.hw-premium .hw-milestone{position:relative;display:flex;flex-direction:column;gap:0;min-width:0;padding:16px;border:1px solid #aa83c83d;border-radius:0;background:radial-gradient(ellipse at 50% 30%,#884fac14,transparent 62%),linear-gradient(160deg,#191024,#0d0a17);transition:transform .25s,border-color .25s,box-shadow .25s;box-shadow:inset 0 1px #eedaff07}
.hw-premium .hw-milestone::after{content:'';position:absolute;right:7px;bottom:7px;width:12px;height:12px;border-right:1px solid #c194de38;border-bottom:1px solid #c194de38;pointer-events:none}
.hw-premium .hw-milestone:hover{border-color:#d7a48891;box-shadow:0 8px 24px #0006,inset 0 0 22px #b871de0b;transform:translateY(-3px)}
.hw-premium .hw-milestone>div{flex:initial}.hw-milestone-top{display:flex;align-items:center;justify-content:space-between;gap:8px}
.hw-premium .hw-threshold{display:flex;align-items:center;gap:3px;font-size:19px;line-height:1;color:#f6ca9b}.hw-threshold .hw-candy-mark{width:27px;height:27px}.hw-threshold b{font-weight:500}.hw-milestone-status{font-size:8px;letter-spacing:.6px;color:#a086ae}
.hw-reward-art{position:relative;display:grid;place-items:center;height:122px;margin:8px 0 12px;overflow:hidden;background:radial-gradient(ellipse at center,#9d64c418,transparent 68%)}
.hw-reward-art>img{position:relative;z-index:1;max-width:88px;width:75%;height:88px;object-fit:contain;filter:drop-shadow(0 7px 10px #0007);transition:transform .4s}
.hw-reward-art-ring{position:absolute;width:93px;height:93px;border:1px solid #cda4e82c;transform:rotate(45deg);box-shadow:0 0 0 8px #b784d408}
.hw-milestone--avatar .hw-reward-art>img{border-radius:50%;width:84px;height:84px;border:1px solid #cca1e266}.hw-milestone--avatar .hw-reward-art-ring{border-radius:50%;width:106px;height:106px;box-shadow:0 0 0 5px #d291e50b}
.hw-milestone--skin .hw-reward-art{margin-inline:-16px;height:122px;background:#161020}.hw-milestone--skin .hw-reward-art>img{max-width:none;width:100%;height:100%;object-fit:cover;object-position:center 30%;filter:none}.hw-milestone--skin .hw-reward-art::after{content:'';position:absolute;inset:0;z-index:2;background:linear-gradient(0deg,#140d1f,transparent 50%)}.hw-milestone--skin .hw-reward-art-ring{display:none}
.hw-milestone--cosmetic .hw-reward-art>img{width:105px;max-width:105px;height:105px}.hw-milestone--cosmetic .hw-reward-art-ring{border-radius:50%}.hw-milestone--package .hw-reward-art>img{width:110px;max-width:110px;height:110px}.hw-premium .hw-milestone:hover .hw-reward-art>img{transform:scale(1.045)}
.hw-premium .hw-milestone>.hw-milestone-copy{flex:1;min-height:83px;margin-bottom:14px}.hw-milestone-copy>small{display:block;color:#bda0ca;font-size:8px;letter-spacing:1.4px;margin-bottom:10px}
.hw-premium .hw-reward{gap:8px;margin:7px 0;font-size:11px;line-height:1.6;color:#e1cde2}.hw-premium .hw-reward img{width:23px;height:23px;object-fit:contain;border-radius:3px;flex:none}.hw-premium .hw-reward>span{min-width:0;overflow-wrap:anywhere}
.hw-premium .hw-milestone button{width:100%;justify-content:space-between;font-size:10px;min-height:37px;padding:9px 12px}
.hw-premium .hw-milestone.is-ready{border-color:#f4ab638c;box-shadow:0 0 24px #f3973419}.hw-milestone.is-ready .hw-milestone-status{color:#f3bc7f}.hw-premium .hw-milestone.is-claimed{border-color:#6bbc984d}.hw-milestone.is-claimed .hw-milestone-status{color:#80d2b2}.hw-premium .hw-milestone.is-claimed button{color:#9bc4b4!important;border-color:#72d9b92b;background:#31634715}

/* Art collections mirror the event's premium reward hierarchy. */
.hw-skin-collection{margin-top:40px}.hw-skin-showcase{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}
.hw-skin-card{position:relative;min-width:0;height:340px;overflow:hidden;border:1px solid #c397dc50;background:#150d21;box-shadow:0 18px 35px #0007;clip-path:polygon(0 0,calc(100% - 12px) 0,100% 12px,100% 100%,12px 100%,0 calc(100% - 12px))}
.hw-skin-card>img{width:100%;height:100%;object-fit:cover;object-position:center 26%;transition:transform .6s,filter .4s}
.hw-skin-card::after{content:'';position:absolute;inset:0;background:linear-gradient(0deg,#090612 3%,#10091bea 15%,#10091b50 46%,transparent 70%);pointer-events:none}
.hw-skin-card::before{content:'';position:absolute;inset:7px;border:1px solid #ffdebc1c;z-index:2;pointer-events:none}.hw-skin-card:hover>img{transform:scale(1.055);filter:brightness(1.08)}
.hw-skin-corner{position:absolute;right:16px;top:15px;z-index:2;color:#ffd0a0;text-shadow:0 0 10px #efa353;font-size:20px}
.hw-skin-card-copy{position:absolute;left:22px;right:22px;bottom:22px;z-index:2}.hw-skin-card-copy small{color:#efb475;font-size:9px;letter-spacing:1.4px}.hw-premium .hw-skin-card-copy h3{font-size:25px;line-height:1.2;margin:7px 0;color:#f6e9ee}.hw-skin-card-copy p{font-size:11px;line-height:1.6;color:#c4a9c2;margin:0}.hw-skin-card-copy>span{display:inline-block;padding-top:10px;margin-top:10px;border-top:1px solid #ce9fe428;color:#8f799b;font-size:8px;letter-spacing:1px;text-transform:uppercase}
.hw-avatar-collection{display:grid;grid-template-columns:1fr 1.4fr;align-items:center;gap:40px;margin-top:28px;padding:32px;border:1px solid #c69ae640;background:radial-gradient(ellipse at 80% 50%,#8d4dd118,transparent 62%),linear-gradient(120deg,#191021f2,#0e0a19f2);box-shadow:0 20px 45px #0004}
.hw-avatar-copy h2{font-size:25px;line-height:1.4;color:#ecdcf2;margin:10px 0}.hw-avatar-copy p{font-size:12px;line-height:1.8;color:#bca3c3;margin:0;max-width:370px}.hw-exclusive-seal{display:inline-flex;margin-top:16px;padding:7px 12px;border:1px solid #c58fe440;color:#d9b4eb;font-size:9px;text-transform:uppercase;letter-spacing:.7px}
.hw-avatar-gallery{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:16px}.hw-avatar-relic{margin:0;text-align:center;min-width:0}.hw-avatar-orbit{position:relative;display:grid;place-items:center;width:100%;aspect-ratio:1;border:1px solid #c292e34f;border-radius:50%;padding:8px;background:radial-gradient(circle,#a45de326,#140d20 68%);box-shadow:0 0 0 5px #b788d908}
.hw-avatar-orbit::after{content:'✦';position:absolute;bottom:-5px;left:50%;transform:translateX(-50%);font-size:14px;color:#efc193;background:#170e22;padding:0 3px;line-height:1}
.hw-avatar-orbit img{width:100%;height:100%;aspect-ratio:1;border-radius:50%;object-fit:contain;transition:transform .35s}.hw-avatar-relic:hover img{transform:scale(1.08)}.hw-avatar-relic figcaption{padding-top:15px}.hw-avatar-relic strong{font-size:19px;line-height:1.2;color:#e8c7ed;font-weight:400}.hw-avatar-relic figcaption>span{display:block;font-size:8px;letter-spacing:1px;color:#957c9d;margin-top:4px}

/* The special episode gets its own cinematic poster and chapter thumbnails. */
.hw-premium .hw-chapters{margin-top:42px}.hw-story-masthead{position:relative;min-height:350px;padding:36px 44px;overflow:hidden;border:1px solid #c58cde4d;background:linear-gradient(90deg,#100918f5 5%,#100918d9 40%,#10091833 75%),linear-gradient(0deg,#100918b3,transparent 80%),url('../image/story/halloween special/jelenet_vegtelen_kamra.webp') center/cover}
.hw-story-masthead-copy{position:relative;z-index:2;max-width:580px}.hw-premium .hw-story-logo{width:225px;height:95px;object-fit:contain;object-position:left;margin:14px 0 0;max-height:none}.hw-story-masthead h2{font-size:29px;line-height:1.4;margin:8px 0 12px;color:#f2dfeb}.hw-story-masthead p{font-size:13px;line-height:1.8;color:#c4a8c8;margin:0;max-width:440px}
.hw-story-cast{display:flex;flex-wrap:wrap;gap:10px;margin-top:19px}.hw-story-cast>span{display:flex;align-items:center;gap:8px;padding:4px 12px 4px 4px;border:1px solid #cc9be235;background:#1009179c;color:#dfc1e7;font-size:11px}.hw-story-cast img{width:27px;height:27px;object-fit:cover;border-radius:50%;border:1px solid #cda0df50}.hw-story-masthead-copy>small{display:block;max-width:440px;margin-top:15px;color:#b198b9;font-size:10px;line-height:1.7}
.hw-story-masthead-number{position:absolute;right:30px;top:30px;text-align:right;color:#e8c1f36b;font-size:9px;letter-spacing:2px;line-height:1.6}.hw-story-masthead-number b{font:400 45px/1.3 "AOW",serif;color:#e8c1f3a1}
.hw-chapter-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin-top:18px}
.hw-premium .hw-chapter{display:grid;grid-template-columns:125px minmax(0,1fr);align-items:stretch;gap:0;padding:0;margin:0;overflow:hidden;min-width:0}
.hw-chapter-image{position:relative;overflow:hidden;background:#161022}.hw-chapter-image img{width:100%;height:100%;position:absolute;inset:0;object-fit:cover;object-position:center;opacity:.82;transition:transform .5s}.hw-chapter-image::after{content:'';position:absolute;inset:0;background:linear-gradient(0deg,#100919d9,transparent 60%)}.hw-chapter-image>span{position:absolute;bottom:15px;left:17px;font:400 28px/1 "AOW",serif;color:#e3b2ec;z-index:1}.hw-chapter:hover .hw-chapter-image img{transform:scale(1.055)}
.hw-chapter-copy{padding:22px;min-width:0}.hw-premium .hw-chapter-copy .hw-kicker{font-size:8px;letter-spacing:1px}.hw-premium .hw-chapter-copy h3{font-size:18px;line-height:1.4;margin:8px 0 12px;color:#e8d6ec}.hw-premium .hw-chapter-copy p{font-size:11px;line-height:1.8;color:#a890b2;min-height:60px;margin-bottom:18px}.hw-chapter-copy .hw-button{width:100%;font-size:10px}.hw-premium .hw-chapter.is-claimed{border-color:#6bbc984d}.hw-premium .hw-chapter.is-completed{border-color:#e9ad765e}
.hw-event-signoff{text-align:center;margin-top:50px;color:#b793bd}.hw-event-signoff>span{display:block;color:#cd9ad5;font-size:24px}.hw-event-signoff p{font:400 20px/1.5 "AOW",serif;letter-spacing:1px;color:#d6b8df;margin:12px 0 10px}.hw-event-signoff small{color:#88708f;font-size:8px;letter-spacing:2px}

@keyframes hwMoonBreath{0%,100%{opacity:.55;transform:scale(.95)}50%{opacity:1;transform:scale(1.05)}}
@keyframes hwRelicFloat{0%,100%{transform:translateY(0) rotate(-4deg)}50%{transform:translateY(-9px) rotate(-1deg)}}
@keyframes hwFogDrift{0%,100%{transform:translateX(-3%)}50%{transform:translateX(3%)}}
@keyframes hwEmberRise{0%{opacity:0;transform:translate3d(0,0,0)}15%{opacity:.4}75%{opacity:.2}100%{opacity:0;transform:translate3d(30px,-85vh,0)}}
@media(max-width:1180px){.hw-premium .hw-hero{grid-template-columns:minmax(0,1fr) 240px;padding:44px 36px;gap:24px}.hw-premium .hw-hero h1{font-size:clamp(52px,7vw,82px)}.hw-ticket-relic{width:245px;height:215px}.hw-candy-wallet{width:225px;padding:12px 18px}.hw-premium .hw-panel{padding:24px}.hw-pass-content{gap:14px}.hw-pass-ticket{width:85px;height:95px}.hw-pass-ticket img{width:105px;height:105px}.hw-skin-card{height:310px}.hw-skin-card-copy{left:17px;right:17px}.hw-avatar-collection{grid-template-columns:1fr 1.4fr;gap:28px}.hw-avatar-gallery{gap:12px}.hw-premium .hw-chapter{grid-template-columns:105px minmax(0,1fr)}}
@media(max-width:960px){.hw-command-deck{grid-template-columns:1fr}.hw-premium .hw-pass .hw-button{margin-left:0}.hw-premium .hw-hero{grid-template-columns:minmax(0,1fr) 210px;padding:38px 28px;gap:12px}.hw-premium .hw-hero h1{font-size:60px;letter-spacing:-2px}.hw-season-tags{gap:10px 14px}.hw-hero-index{font-size:7px;right:22px;top:22px}.hw-candy-wallet{width:200px;padding:12px}.hw-premium .hw-section-heading{gap:20px}.hw-premium .hw-section-heading>p{max-width:290px}.hw-premium .hw-milestones{grid-template-columns:repeat(3,minmax(0,1fr))}.hw-skin-showcase{grid-template-columns:repeat(2,minmax(0,1fr))}.hw-skin-card{height:350px}.hw-avatar-collection{grid-template-columns:1fr;gap:28px}.hw-avatar-copy p{max-width:none}.hw-avatar-gallery{max-width:610px;width:100%;justify-self:center;gap:25px}.hw-premium .hw-chapter{grid-template-columns:95px minmax(0,1fr)}.hw-chapter-copy{padding:18px}.hw-story-masthead{padding:32px}}
@media(max-width:760px){.hw-premium .hw-hero{grid-template-columns:1fr;gap:25px;padding:35px 28px;min-height:0;background-position:62% center;background-image:linear-gradient(90deg,#090611e8,#10071680),linear-gradient(0deg,#080610db,transparent 65%),url('../image/story/halloween special/kastely.webp')}.hw-premium .hw-hero h1{font-size:clamp(46px,9.5vw,70px)}.hw-premium .hw-hero h1 em{letter-spacing:7px}.hw-premium .hw-hero-side{padding:0;align-items:start}.hw-ticket-relic{display:none}.hw-hero-index{display:none}.hw-candy-wallet{width:245px}.hw-season-ribbon{padding:20px 12px;gap:12px 0;grid-template-columns:repeat(2,minmax(0,1fr))}.hw-season-ribbon>span{font-size:8px;gap:10px;padding:6px 8px}.hw-season-ribbon>span:nth-child(3){border-left:0}.hw-season-ribbon b{font-size:22px}.hw-premium .hw-section-heading{align-items:start;flex-direction:column;gap:12px}.hw-premium .hw-section-heading>p{text-align:left;max-width:none}.hw-premium .hw-collection{padding:22px}.hw-chapter-grid{grid-template-columns:1fr}.hw-premium .hw-chapter{grid-template-columns:120px minmax(0,1fr)}.hw-chapter-copy{padding:22px}.hw-premium .hw-chapter-copy p{min-height:0}.hw-avatar-collection{padding:28px}.hw-story-masthead-number{display:none}.hw-story-masthead{background-position:64% center}}
@media(max-width:540px){.halloween-event-page{background-attachment:scroll}.halloween-event-page .hw-page{margin-top:0;padding:18px 12px 50px}.hw-premium .hw-hero{padding:30px 22px;clip-path:polygon(0 0,calc(100% - 14px) 0,100% 14px,100% 100%,14px 100%,0 calc(100% - 14px))}.hw-premium .hw-hero-eyebrow{font-size:8px;letter-spacing:1.4px}.hw-premium .hw-hero h1{font-size:clamp(38px,10.7vw,58px);letter-spacing:-1.7px;margin-top:21px}.hw-premium .hw-hero h1 em{letter-spacing:5px;font-size:.66em}.hw-hero-subtitle{font-size:13px;gap:9px}.hw-hero-subtitle>span{width:15px}.hw-premium .hw-hero p{font-size:12px}.hw-season-tags{font-size:8px;gap:9px 12px}.hw-premium .hw-time{padding:11px 13px}.hw-premium .hw-time b{font-size:17px}.hw-premium .hw-time small{font-size:8px}.hw-hero-actions{gap:14px}.hw-hero-actions>.hw-button{width:100%;font-size:10px}.hw-premium .hw-text-link{padding:0}.hw-candy-wallet{width:225px}.hw-command-deck{gap:14px;margin-top:18px}.hw-premium .hw-panel{padding:20px}.hw-pass-content{align-items:start;margin-top:20px;gap:12px}.hw-pass-ticket{width:70px;height:90px}.hw-pass-ticket img{width:88px;height:88px}.hw-premium .hw-panel h2{font-size:20px}.hw-premium .hw-panel p{font-size:12px}.hw-pass-purchase{flex-wrap:wrap;gap:16px}.hw-pass-purchase .hw-button{width:100%;justify-content:space-between}.hw-pass-price strong{font-size:23px}.hw-quest-row{padding:9px 10px;gap:8px;font-size:11px;flex-wrap:wrap}.hw-quest-row>small,.hw-quest-row>a{font-size:9px!important}.hw-daily-reward{flex-wrap:wrap;gap:14px}.hw-daily-reward>.hw-button{width:100%}.hw-premium .hw-alert{font-size:11px;padding:12px 15px}.hw-premium .hw-collection{padding:20px 12px;margin-top:20px}.hw-premium .hw-section-heading{margin-bottom:22px;padding-bottom:18px}.hw-premium .hw-section-heading h2{font-size:23px}.hw-premium .hw-section-heading>p{font-size:11px}.hw-premium .hw-kicker{font-size:8px;letter-spacing:1.4px}.hw-premium .hw-milestones{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.hw-premium .hw-milestone{padding:12px}.hw-premium .hw-threshold{font-size:17px}.hw-threshold .hw-candy-mark{width:23px;height:23px}.hw-milestone-status{font-size:7px;letter-spacing:0}.hw-reward-art{height:106px;margin-block:8px}.hw-reward-art>img{max-width:70px;height:70px}.hw-reward-art-ring{width:77px;height:77px}.hw-milestone--skin .hw-reward-art{margin-inline:-12px;height:106px}.hw-milestone--avatar .hw-reward-art>img{width:70px;height:70px}.hw-milestone--avatar .hw-reward-art-ring{width:87px;height:87px}.hw-milestone--cosmetic .hw-reward-art>img,.hw-milestone--package .hw-reward-art>img{width:86px;max-width:86px;height:86px}.hw-premium .hw-milestone>.hw-milestone-copy{min-height:88px}.hw-milestone-copy>small{font-size:7px;letter-spacing:.7px}.hw-premium .hw-reward{flex-direction:row;align-items:center;gap:5px;font-size:10px;line-height:1.5}.hw-premium .hw-reward img{width:19px;height:19px}.hw-premium .hw-milestone button{font-size:9px;padding:9px 8px;gap:5px}.hw-skin-collection{margin-top:30px}.hw-skin-showcase{gap:10px}.hw-skin-card{height:275px}.hw-skin-card-copy{left:13px;right:13px;bottom:17px}.hw-premium .hw-skin-card-copy h3{font-size:20px}.hw-skin-card-copy small{font-size:8px}.hw-skin-card-copy p{font-size:10px}.hw-skin-card-copy>span{font-size:7px}.hw-avatar-collection{padding:24px 20px;margin-top:20px}.hw-avatar-copy h2{font-size:22px}.hw-avatar-copy p{font-size:11px}.hw-avatar-gallery{gap:12px}.hw-avatar-orbit{padding:5px}.hw-avatar-orbit::after{font-size:10px;bottom:-3px}.hw-avatar-relic strong{font-size:17px}.hw-avatar-relic figcaption>span{font-size:7px;letter-spacing:.4px}.hw-premium .hw-chapters{margin-top:30px}.hw-story-masthead{padding:28px 22px}.hw-premium .hw-story-logo{width:195px;height:85px}.hw-story-masthead h2{font-size:24px}.hw-story-masthead p{font-size:12px}.hw-story-cast{gap:7px}.hw-story-cast>span{padding-right:9px;font-size:10px}.hw-story-cast img{width:24px;height:24px}.hw-premium .hw-chapter{grid-template-columns:85px minmax(0,1fr);padding:0}.hw-chapter-copy{padding:18px 15px}.hw-premium .hw-chapter-copy h3{font-size:17px}.hw-premium .hw-chapter-copy p{font-size:10px}.hw-chapter-image>span{left:12px;font-size:25px}.hw-event-signoff{margin-top:35px}.hw-event-signoff small{font-size:7px;letter-spacing:1.2px}}
@media(max-width:360px){.hw-season-ribbon>span{font-size:7px;gap:8px}.hw-season-ribbon b{font-size:19px}.hw-milestone-status{display:none}.hw-skin-showcase{grid-template-columns:1fr}.hw-skin-card{height:350px}.hw-avatar-gallery{gap:8px}.hw-avatar-collection{padding-inline:16px}.hw-quest-row>small,.hw-quest-row>a{margin-left:35px}.hw-premium .hw-chapter{grid-template-columns:65px minmax(0,1fr)}.hw-chapter-copy{padding:16px 12px}.hw-premium .hw-chapter-copy .hw-kicker{font-size:7px}}
@media(prefers-reduced-motion:reduce){.hw-premium *,.hw-premium *::before,.hw-premium *::after{animation:none!important;transition:none!important}.hw-embers{display:none}}

/* Halloween spirits occupy the corners; layout and scale follow the Academy. */
.hw-premium .hw-candy-mark{object-fit:contain}
.hw-premium .hw-kicker,.hw-season-tags,.hw-season-ribbon,.hw-milestone-copy>small,.hw-milestone-status{font-family:"Montserrat",sans-serif}
.hw-haunt{position:absolute;bottom:3vh;width:260px;height:285px;opacity:.34;filter:drop-shadow(0 0 18px #aa68eb44)}
.hw-haunt--left{left:-25px}.hw-haunt--right{right:-25px;transform:scaleX(-1)}
.hw-haunt>span{position:absolute;display:block}.hw-haunt svg{width:100%;height:100%}
.hw-vfx-ghost{width:95px;height:120px;left:48px;bottom:115px;color:#dcc6fb;animation:hwGhostWander 9s ease-in-out infinite}
.hw-haunt--right .hw-vfx-ghost{animation-delay:-4.5s}
.hw-vfx-pumpkin{width:145px;height:132px;left:8px;bottom:0;color:#f7a452;animation:hwPumpkinGlow 5s ease-in-out infinite}
.hw-vfx-bat{color:#bd8df2;width:65px;height:35px;left:145px;bottom:190px;transform-origin:center;animation:hwBatFlight 11s ease-in-out infinite}
.hw-vfx-bat--two{width:42px;height:23px;left:100px;bottom:245px;animation-delay:-6s;animation-duration:14s}
.hw-story-recommendation{display:grid;grid-template-columns:minmax(0,1fr) 300px;align-items:center;gap:32px;margin-top:40px;padding:36px 40px;border:1px solid var(--hw-line);background:linear-gradient(90deg,#100918f2,#1009189c),url('../image/story/halloween special/jelenet_kastely_kapuja.webp') center/cover}
.hw-story-recommendation>div{min-width:0}.hw-story-recommendation h2{font-size:32px;margin:10px 0 14px;color:#f4deec}.hw-story-recommendation p{max-width:600px;font-size:15px;line-height:1.7;color:#c4a9c9;margin:0 0 22px}.hw-story-recommendation>img{width:100%;max-height:180px;object-fit:contain;filter:drop-shadow(0 8px 20px #0009)}
@keyframes hwGhostWander{0%,100%{transform:translate(0,0) rotate(-5deg);opacity:.45}50%{transform:translate(18px,-28px) rotate(6deg);opacity:.85}}
@keyframes hwPumpkinGlow{0%,100%{opacity:.5;filter:drop-shadow(0 0 5px #f7944222)}50%{opacity:.95;filter:drop-shadow(0 0 16px #f7944266)}}
@keyframes hwBatFlight{0%,100%{transform:translate(0,0) rotate(-12deg) scaleY(.7);opacity:.2}40%{transform:translate(25px,-30px) rotate(9deg) scaleY(1);opacity:.8}70%{transform:translate(10px,-65px) rotate(-6deg) scaleY(.8);opacity:.55}}
@media(min-width:761px){
    .hw-premium .hw-hero p{font-size:16px}.hw-premium .hw-kicker{font-size:11px}
    .hw-premium .hw-panel p,.hw-premium .hw-section-heading>p{font-size:14px}
    .hw-premium .hw-panel small{font-size:11px}.hw-quest-row{font-size:14px}
    .hw-quest-row>small,.hw-quest-row>a{font-size:12px!important}
    .hw-premium .hw-button{font-size:13px}.hw-premium .hw-reward{font-size:13px}
    .hw-premium .hw-milestone button{font-size:12px}.hw-milestone-copy>small{font-size:9px}
    .hw-milestone-status{font-size:10px}.hw-season-tags{font-size:11px}
    .hw-avatar-copy p{font-size:14px}.hw-skin-card-copy p{font-size:12px}
}
@media(max-width:760px){
    .halloween-event-page{padding-inline:0}.halloween-event-page.codex-page{background-attachment:scroll}.hw-haunt{width:150px;height:200px;opacity:.22;bottom:0;transform:scale(.7);transform-origin:bottom left}
    .hw-haunt--right{transform:scale(-.7,.7);transform-origin:bottom right}
    .hw-story-recommendation{grid-template-columns:1fr;gap:22px;padding:28px}.hw-story-recommendation>img{grid-row:1;max-width:220px;height:95px;justify-self:start}.hw-story-recommendation h2{font-size:26px}.hw-story-recommendation p{font-size:14px}
}
@media(max-width:540px){
    .hw-premium .hw-hero h1{font-size:clamp(30px,10.5vw,55px)}
    .hw-premium .hw-hero p,.hw-premium .hw-panel p{font-size:14px}
    .hw-premium .hw-button,.hw-premium .hw-milestone button{font-size:11px}
    .hw-premium .hw-reward{font-size:12px}.hw-premium .hw-milestone>.hw-milestone-copy{min-height:105px}
    .hw-premium .hw-kicker{font-size:9px}.hw-premium .hw-time small{font-size:9px}
    .hw-quest-row{font-size:12px}.hw-premium .hw-section-heading>p,.hw-avatar-copy p{font-size:13px}
    .hw-story-recommendation{padding:24px 20px}.hw-story-recommendation .hw-button{width:100%}
}
@media(prefers-reduced-motion:reduce){.hw-haunt *{animation:none!important}}

/* One horizontal reward path, with room for the rotated frames. */
.hw-premium .hw-track-navigation{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:10px;color:#e1c2e9;font-size:13px}
.hw-track-navigation small{display:block;color:#a58cb3;font-size:11px;line-height:1.6;margin-top:4px}
.hw-track-navigation>div{display:flex;gap:8px;flex:none}
.hw-premium .hw-track-navigation button{display:grid;place-items:center;width:44px;height:40px;border:1px solid #bd91dc66;background:#8b51b326;color:#f1d4ff;font-size:20px;transition:background .2s,border-color .2s}
.hw-premium .hw-track-navigation button:hover:not(:disabled){background:#a965d83d;border-color:#e5b2ff}
.hw-premium .hw-track-navigation button:disabled{opacity:.35;cursor:default}
.hw-premium .hw-milestones{grid-template-columns:none;grid-auto-flow:column;grid-auto-columns:clamp(220px,18vw,260px);gap:14px;overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x proximity;padding:8px 2px 18px;scroll-padding-inline:2px;min-width:0;max-width:100%}
.hw-premium .hw-milestone{scroll-snap-align:start}
.hw-premium .hw-milestones:focus-visible,.hw-premium .hw-track-navigation button:focus-visible{outline:2px solid var(--hw-orange);outline-offset:3px}
.hw-premium .hw-reward-art{height:164px;overflow:visible}
.hw-premium .hw-milestone--skin .hw-reward-art{height:164px;overflow:hidden}

.hw-story-recommendation-block{margin-top:44px}
.hw-story-recommendation-block>.hw-story-recommendation{grid-template-columns:1fr;margin-top:0}
.hw-story-recommendation-block .hw-story-recommendation p{max-width:800px}
@media(max-width:540px){
    .hw-premium .hw-milestones{grid-auto-columns:min(240px,86%);gap:12px}
    .hw-premium .hw-reward-art,.hw-premium .hw-milestone--skin .hw-reward-art{height:148px}
    .hw-track-navigation small{max-width:180px;font-size:10px}
    .hw-story-recommendation-block{margin-top:32px}
}

/* The episode poster is an illuminated relic above the recommendation. */
.hw-logo-stage{position:relative;isolation:isolate;width:min(100%,800px);margin:0 auto 34px;padding:14px 40px 0}
.hw-logo-aura{position:absolute;inset:12% -7% 9%;z-index:-1;pointer-events:none;background:radial-gradient(ellipse at 28% 50%,#ed80354d,transparent 58%),radial-gradient(ellipse at 77% 50%,#9e55e657,transparent 58%);filter:blur(28px);animation:hwMoonBreath 8s ease-in-out infinite}
.hw-logo-eyebrow,.hw-logo-caption{display:flex;justify-content:center;align-items:center;gap:18px;color:#e7b083;font:600 10px/1.6 "Montserrat",sans-serif;letter-spacing:3px;text-align:center}
.hw-logo-eyebrow{margin-bottom:22px}
.hw-logo-eyebrow>span,.hw-logo-caption>span{position:relative;flex:1;max-width:100px;height:1px;background:linear-gradient(90deg,transparent,#d59c6c99)}
.hw-logo-eyebrow>span:last-child,.hw-logo-caption>span:last-child{transform:scaleX(-1)}
.hw-logo-eyebrow>span::after{content:'';position:absolute;right:-3px;top:-2px;width:5px;height:5px;background:#e7b083;transform:rotate(45deg);box-shadow:0 0 10px #ef975777}
.hw-logo-relic{position:relative;filter:drop-shadow(0 24px 30px #000b);transition:transform .4s ease}
.hw-logo-relic:hover{transform:translateY(-4px)}
.hw-premium .hw-logo-frame{position:relative;display:block;padding:13px;border:1px solid #d19a738c;background:linear-gradient(145deg,#b879465c,#211126 28%,#100917 64%,#824db173);clip-path:polygon(24px 0,calc(100% - 24px) 0,100% 24px,100% calc(100% - 24px),calc(100% - 24px) 100%,24px 100%,0 calc(100% - 24px),0 24px);box-shadow:inset 0 0 0 4px #0b0713,inset 0 0 0 5px #d6a38130;transition:border-color .35s,filter .35s}
.hw-logo-frame::before{content:'';position:absolute;inset:7px;border:1px solid #d7b29b38;clip-path:inherit;pointer-events:none;z-index:2}
.hw-logo-art{position:relative;overflow:hidden;background:#120a1b;clip-path:polygon(12px 0,calc(100% - 12px) 0,100% 12px,100% calc(100% - 12px),calc(100% - 12px) 100%,12px 100%,0 calc(100% - 12px),0 12px)}
.hw-logo-art::after{content:'';position:absolute;inset:0;pointer-events:none;background:linear-gradient(0deg,#1107176b,transparent 23%,transparent 82%,#11071733),radial-gradient(ellipse at center,transparent 50%,#120a1b66);box-shadow:inset 0 0 24px #11091799}
.hw-logo-art>.hw-story-recommendation-logo{display:block;width:100%;height:auto;max-height:none;margin:0;object-fit:contain;filter:saturate(1.06);transition:filter .4s}
.hw-logo-frame:hover .hw-story-recommendation-logo{filter:saturate(1.13) brightness(1.04)}
.hw-logo-sheen{position:absolute;z-index:1;inset:-30% -70%;pointer-events:none;background:linear-gradient(115deg,transparent 40%,#ffe2c11c 47%,#f0d2ff30 50%,transparent 58%);transform:translateX(-55%);animation:hwLogoSheen 11s ease-in-out infinite}
.hw-logo-frame-detail{position:absolute;left:24%;right:24%;height:2px;z-index:3;pointer-events:none;background:linear-gradient(90deg,transparent,#efbb8299,#ecd2b9,#bd89e099,transparent);box-shadow:0 0 12px #cf904566}
.hw-logo-frame-detail--top{top:5px}.hw-logo-frame-detail--bottom{bottom:5px}
.hw-logo-seal{position:absolute;z-index:4;left:50%;bottom:-17px;display:grid;place-items:center;width:36px;height:36px;border:1px solid #d8ac7d;background:linear-gradient(135deg,#44223c,#160c20);color:#ffd4a2;font-size:21px;transform:translateX(-50%) rotate(45deg);box-shadow:0 0 0 4px #100918,0 0 22px #d99d5144;pointer-events:none}
.hw-logo-caption{position:relative;margin-top:35px;font-size:9px;letter-spacing:2.4px;color:#baa0cc}
.hw-logo-caption>span{max-width:60px;background:linear-gradient(90deg,transparent,#a474c866)}
.hw-logo-bat{position:absolute;z-index:5;width:78px;height:40px;top:-15px;color:#c394df;filter:drop-shadow(0 3px 3px #000b) drop-shadow(0 0 10px #9854c655);pointer-events:none;animation:hwLogoBat 7s ease-in-out infinite}
.hw-logo-bat svg{width:100%;height:100%}.hw-logo-bat--left{left:-29px;rotate:-19deg}.hw-logo-bat--right{right:-29px;rotate:19deg;animation-delay:-3.5s}
.hw-logo-sparks{position:absolute;inset:-10px -14px;pointer-events:none;overflow:hidden}
.hw-logo-sparks i{position:absolute;left:var(--hw-spark-x);bottom:0;width:3px;height:3px;border-radius:50%;background:#f4b36f;box-shadow:0 0 10px #ef803c;opacity:0;animation:hwLogoSpark 9s var(--hw-spark-delay) linear infinite}
.hw-logo-sparks i:nth-child(even){background:#d5a0ff;box-shadow:0 0 10px #ae5fef}
.hw-logo-stage:focus-within{outline:2px solid var(--hw-orange);outline-offset:8px}
.hw-premium .hw-logo-frame:focus-visible{outline:none;filter:brightness(1.12);border-color:#ffd0a0}
@keyframes hwLogoSheen{0%,50%{transform:translateX(-55%);opacity:0}57%{opacity:.7}75%{transform:translateX(55%);opacity:0}100%{transform:translateX(55%);opacity:0}}
@keyframes hwLogoBat{0%,100%{transform:translateY(0) scaleY(.8)}50%{transform:translateY(-8px) scaleY(1)}}
@keyframes hwLogoSpark{0%{opacity:0;transform:translate(0,0)}15%{opacity:.75}75%{opacity:.2}100%{opacity:0;transform:translate(15px,-350px)}}
@media(max-width:760px){.hw-logo-stage{padding-inline:22px}.hw-logo-eyebrow{font-size:9px;letter-spacing:2px;gap:12px}.hw-logo-bat{width:58px;height:30px}.hw-logo-bat--left{left:-17px}.hw-logo-bat--right{right:-17px}}
@media(max-width:540px){.hw-logo-stage{padding:10px 10px 0;margin-bottom:26px}.hw-logo-eyebrow{margin-bottom:17px;font-size:8px;letter-spacing:1.5px;gap:10px}.hw-premium .hw-logo-frame{padding:9px;clip-path:polygon(16px 0,calc(100% - 16px) 0,100% 16px,100% calc(100% - 16px),calc(100% - 16px) 100%,16px 100%,0 calc(100% - 16px),0 16px)}.hw-logo-frame::before{inset:5px}.hw-logo-bat{width:44px;height:24px;top:-12px}.hw-logo-bat--left{left:-8px}.hw-logo-bat--right{right:-8px}.hw-logo-seal{width:28px;height:28px;bottom:-13px;font-size:17px}.hw-logo-caption{font-size:7px;letter-spacing:1.5px;gap:12px;margin-top:28px}}
@media(prefers-reduced-motion:reduce){.hw-logo-stage *{animation:none!important;transition:none!important}.hw-logo-sheen,.hw-logo-sparks{display:none}.hw-logo-relic:hover{transform:none}}