/* Haunted Rewards: the event artwork uses the validated seasonal palette. */
.hr-page{--accent:var(--hr-amber);--bonus:var(--hr-purple);--text-primary:var(--hr-ink);--text-muted:color-mix(in srgb,var(--hr-ink) 68%,var(--hr-purple));position:relative;isolation:isolate;background:var(--hr-bg);color:var(--hr-ink);margin:-1.5rem;overflow:clip;font-family:Poppins,sans-serif}
.hr-page *{box-sizing:border-box}.hr-page a{color:inherit;text-decoration:none}.hr-page button{font:inherit}.hr-page h1,.hr-page h2,.hr-page h3,.hr-page p{margin:0}.hr-page h2{font:600 clamp(1.8rem,3.5vw,3rem)/1.15 Georgia,serif;letter-spacing:-.04em;white-space:pre-line;text-wrap:balance}.hr-page h3{font-size:1rem;line-height:1.45;font-weight:600}.hr-page p{font-size:.84rem;line-height:1.85;color:var(--text-muted)}.hr-page :is(a,button):focus-visible{outline:2px solid var(--hr-amber);outline-offset:5px}.hr-page [id]{scroll-margin-top:9rem}
.hr-hero{position:relative;min-height:660px;height: min(720px,80vh);overflow:hidden;background:var(--hr-bg)}.hr-hero__art{position:absolute;width:100%;height:100%;object-fit:cover;object-position:65% 45%;z-index:-3}.hr-hero:before{content:"";position:absolute;inset:0;z-index:-2;background:linear-gradient(90deg,var(--hr-bg),color-mix(in srgb,var(--hr-bg) 65%,transparent) 35%,transparent 72%),linear-gradient(0deg,var(--hr-bg),transparent 35%,color-mix(in srgb,var(--hr-bg) 30%,transparent))}.hr-hero:after{content:"";position:absolute;bottom:-1px;left:0;right:0;height:80px;background:var(--hr-bg);clip-path:polygon(0 82%,6% 65%,13% 85%,20% 61%,29% 75%,37% 70%,45% 89%,53% 70%,61% 76%,70% 60%,79% 80%,87% 57%,94% 81%,100% 68%,100% 100%,0 100%)}
.hr-hero__top{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:25px 5%;position:relative;z-index:2}.hr-season{display:flex;align-items:center;gap:9px;font-size:.62rem;font-weight:600;letter-spacing:.18em}.hr-season>span,.hr-leaders__state>span{width:6px;height:6px;display:inline-block;border-radius:50%;background:var(--hr-amber);box-shadow:0 0 15px var(--hr-amber)}.hr-motion{border:1px solid color-mix(in srgb,var(--hr-purple) 30%,transparent);background:color-mix(in srgb,var(--hr-bg) 50%,transparent);color:var(--hr-ink);padding:8px 12px;border-radius:3px;display:flex;align-items:center;gap:8px;font-size:.62rem!important;cursor:pointer}
.hr-hero__copy{position:relative;width:59%;padding:70px 0 110px 6%;z-index:1}.hr-brand{font-size:.62rem!important;font-weight:600;letter-spacing:.14em;color:var(--hr-ink)!important;display:flex;gap:12px;flex-wrap:wrap}.hr-brand span{color:var(--hr-amber)}.hr-hero h1{font:900 clamp(3.8rem,6.6vw,7rem)/.92 Georgia,serif;letter-spacing:-.055em;margin:22px 0;filter:drop-shadow(0 4px 25px var(--hr-bg));position:relative}.hr-hero h1 span,.hr-hero h1 strong{display:block}.hr-hero h1 span{color:var(--hr-ink)}.hr-hero h1 strong{font-weight:900;color:var(--hr-amber);text-shadow:0 0 35px color-mix(in srgb,var(--hr-amber) 22%,transparent)}.hr-hero__intro{max-width:345px;margin-top:25px!important}.hr-actions{display:flex;align-items:center;gap:20px;flex-wrap:wrap;margin-top:30px}.hr-btn{display:inline-flex;align-items:center;justify-content:center;gap:16px;padding:14px 19px;border:1px solid var(--hr-amber);background:var(--hr-amber);color:var(--hr-bg)!important;font-size:.75rem;font-weight:700;position:relative;transition:box-shadow .25s,transform .25s;cursor:pointer;min-height:46px;border-radius:2px}.hr-btn:hover{box-shadow:0 0 30px color-mix(in srgb,var(--hr-amber) 30%,transparent);transform:translateY(-2px)}.hr-btn:disabled{opacity:.48;cursor:default;background:transparent;color:var(--hr-ink)!important;border-color:color-mix(in srgb,var(--hr-purple) 30%,transparent);transform:none;box-shadow:none}.hr-btn--small{font-size:.66rem;padding:10px 13px;min-height:40px;width:100%}.hr-link{display:inline-flex;align-items:center;gap:15px;font-size:.72rem;font-weight:600;transition:color .2s}.hr-link:hover{color:var(--hr-amber)}.hr-link i{font-size:.62rem}.hr-hero__caption{position:absolute;right:5%;bottom:90px;text-align:right;display:flex;flex-direction:column;gap:8px;font-size:.56rem;letter-spacing:.2em;color:var(--hr-purple)}.hr-hero__caption small{font-size:.45rem;color:var(--hr-amber)}
.hr-fog{pointer-events:none;position:absolute;z-index:-1;inset:30% -25% -15%;opacity:.23;background:radial-gradient(ellipse at 40% 65%,var(--hr-purple),transparent 48%);filter:blur(45px);animation:hr-fog 18s ease-in-out infinite alternate}.hr-fog--two{inset:50% -30% -20%;opacity:.13;animation-delay:-9s;animation-duration:24s;background:radial-gradient(ellipse at 70% 80%,var(--hr-amber),transparent 50%)}.hr-embers{position:absolute;inset:0;pointer-events:none}.hr-embers i{position:absolute;bottom:10%;left:calc(48% + var(--n)*3%);width:2px;height:3px;border-radius:50%;background:var(--hr-amber);box-shadow:0 0 8px var(--hr-amber);opacity:0;animation:hr-ember calc(7s + var(--n)*.3s) linear infinite;animation-delay:calc(var(--n)*-.8s)}
.hr-countdown{position:relative;text-align:center;margin-top:-42px;z-index:3;padding:0 5% 30px}.hr-eyebrow{color:var(--hr-amber)!important;font-size:.61rem!important;font-weight:600;letter-spacing:.19em;text-transform:uppercase}.hr-clock{display:flex;align-items:center;justify-content:center;gap:16px;margin:18px auto 10px}.hr-clock>div{width:82px}.hr-clock strong{display:block;font-size:3.8rem;font-weight:500;letter-spacing:-.07em;line-height:1.2;font-variant-numeric:tabular-nums;text-shadow:0 0 35px color-mix(in srgb,var(--hr-purple) 25%,transparent)}.hr-clock span{font-size:.54rem;letter-spacing:.16em;text-transform:uppercase;color:var(--hr-purple)}.hr-clock>b{font-size:2rem;font-weight:400;color:color-mix(in srgb,var(--hr-purple) 35%,transparent);margin-top:-15px}.hr-clock__meta{font-size:.56rem!important;letter-spacing:.04em;margin-top:18px!important}.hr-ended{font-size:3rem;color:var(--hr-purple);padding:20px}.hr-tick{animation:hr-tick .4s ease-out}.hr-chapter-nav{border-top:1px solid color-mix(in srgb,var(--hr-purple) 20%,transparent);border-bottom:1px solid color-mix(in srgb,var(--hr-purple) 20%,transparent);display:flex;justify-content:center;gap:25px;margin-top:35px;padding:18px 0;flex-wrap:wrap}.hr-chapter-nav a{font-size:.53rem;letter-spacing:.1em;color:var(--text-muted);transition:color .2s}.hr-chapter-nav a:hover{color:var(--hr-amber)}
/* Palette is local to this promotional surface. */
.hr-preview,.hh-home{--hr-bg:#0c0913;--hr-surface:#17101f;--hr-amber:#f39a50;--hr-purple:#b58add;--hr-ink:#faf4ff}
.hr-preview{margin:0}.hr-preview .hr-hero{isolation:isolate}.app-content:has(.hr-preview){padding:0}
.hr-preview .hr-countdown{padding-bottom:55px}.hr-clock[hidden],.hr-clock__meta[hidden]{display:none}
.hr-preview.hr-paused *{animation-play-state:paused!important}
@keyframes hr-fog{to{transform:translate3d(10%,-8%,0) scale(1.1)}}
@keyframes hr-ember{15%{opacity:.7}85%{opacity:.5}100%{transform:translate3d(-60px,-270px,0);opacity:0}}
.hh-home{background:var(--hr-bg);color:var(--hr-ink);border-bottom:1px solid color-mix(in srgb,var(--hr-purple) 25%,transparent)}
.hh-home__inner{display:flex;align-items:center;justify-content:space-between;gap:35px;padding-top:24px;padding-bottom:24px}
.hh-home__copy>p{margin:0 0 8px;color:var(--hr-amber);font-size:.65rem;font-weight:600;letter-spacing:.15em}
.hh-home__copy h2{margin:0 0 12px;color:var(--hr-ink);font:700 clamp(1.35rem,2.4vw,2rem)/1.2 Georgia,serif}
.hh-home__copy a{color:var(--hr-amber);font-size:.8rem;display:inline-flex;align-items:center;gap:12px}.hh-home__copy a:focus-visible{outline:2px solid var(--hr-amber);outline-offset:5px}
.hh-home .hr-countdown{margin:0;padding:0}.hh-home .hr-clock{gap:12px;margin:8px 0}.hh-home .hr-clock>div{width:60px}.hh-home .hr-clock strong{font-size:2.4rem;color:var(--hr-ink)}.hh-home .hr-clock__meta{margin:8px 0 0!important;color:var(--hr-purple)}
@media(max-width:800px){.hr-preview .hr-hero{height:630px;min-height:630px}.hr-preview .hr-hero__art{object-position:71% 30%;opacity:.7}.hr-preview .hr-hero__copy{width:75%;padding-top:80px}.hr-preview .hr-hero h1{font-size:clamp(3.5rem,9vw,5rem)}.hr-preview .hr-hero__caption{display:none}.hh-home__inner{gap:24px}.hh-home .hr-clock>div{width:44px}.hh-home .hr-clock{gap:7px}.hh-home .hr-clock strong{font-size:2rem}}
@media(max-width:560px){.hr-preview .hr-hero{height:590px;min-height:590px}.hr-preview .hr-hero__art{height:420px;object-position:70% top;opacity:.85}.hr-preview .hr-hero:before{background:linear-gradient(0deg,var(--hr-bg) 15%,color-mix(in srgb,var(--hr-bg) 90%,transparent) 28%,color-mix(in srgb,var(--hr-bg) 35%,transparent) 70%)}.hr-preview .hr-hero__top{padding:20px 6%}.hr-preview .hr-season{font-size:.52rem}.hr-preview .hr-motion{font-size:.52rem!important;padding:8px}.hr-preview .hr-hero__copy{width:100%;padding:260px 6% 55px}.hr-preview .hr-hero h1{font-size:clamp(3rem,13vw,4.8rem);margin:14px 0}.hr-preview .hr-brand{font-size:.5rem!important;gap:7px}.hr-preview .hr-hero__intro{font-size:.72rem;max-width:290px;margin-top:15px!important}.hr-preview .hr-clock{gap:8px}.hr-preview .hr-clock>div{width:55px}.hr-preview .hr-clock strong{font-size:2.8rem}.hr-preview .hr-clock span{font-size:.45rem}.hr-preview .hr-clock>b{font-size:1.4rem}.hh-home__inner{flex-direction:column;text-align:center;gap:20px;padding-top:22px;padding-bottom:22px}.hh-home .hr-clock>div{width:50px}.hh-home .hr-clock{gap:10px}}
@media(prefers-reduced-motion:reduce){.hr-preview *{animation:none!important;transition:none!important}.hr-fog{opacity:.1}}
.hh-home{position:relative;isolation:isolate;overflow:hidden}
.hh-home__inner{position:relative;z-index:2}
.hh-visitors{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;z-index:1}
.hh-visitors-toggle{position:absolute;bottom:8px;left:12px;z-index:3;background:transparent;border:0;color:var(--hr-purple);opacity:.7;cursor:pointer;width:28px;height:28px;font-size:.65rem;display:grid;place-items:center}
.hh-visitors-toggle:hover{opacity:1}.hh-visitors-toggle:focus-visible{outline:2px solid var(--hr-amber);outline-offset:1px}
.hh-visitors-toggle[hidden]{display:none}
@media(prefers-reduced-motion:reduce){.hh-visitors,.hh-visitors-toggle{display:none!important}}
/* Reserve a clear lane for the visitors, below all countdown copy. */
.hh-home__inner{padding-bottom:64px}
/* Mobile hero grows with its copy instead of clipping into the clock. */
@media(max-width:800px){.hr-preview .hr-countdown{margin-top:0;padding-top:8px}}
@media(max-width:560px){.hr-preview .hr-hero{height:auto;min-height:0}.hr-preview .hr-hero__copy{padding-bottom:56px}}