.hc-update-teaser{position:relative;isolation:isolate;container-type:inline-size;overflow:hidden;aspect-ratio:3.25;margin:28px 5px 30px;border:1px solid #322731;border-radius:18px;background:#17121b;box-shadow:0 14px 38px #0003}
.hc-update-teaser__art{display:block;position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center;transition:filter .8s ease}
.hc-update-teaser::after{content:"";position:absolute;inset:0;pointer-events:none;box-shadow:inset 0 0 45px 8px #110c1675;background:linear-gradient(90deg,#100c152e 0%,#100c152e 47%,#100c156b 62%,#100c15a8 100%)}
.hc-update-teaser__mist{position:absolute;inset:0;opacity:.05;background:url("/app/modules/module_block_main_event_teaser/assets/img/mist.webp") center/110% 100% no-repeat;mix-blend-mode:normal;filter:brightness(.3);mask-image:radial-gradient(ellipse at center,#000,transparent 73%);pointer-events:none;animation:hc-teaser-mist 20s ease-in-out infinite alternate}
/* The fire follows the existing eye artwork; smoke stays on the right. */
.hc-update-teaser__fire,.hc-update-teaser__smoke{position:absolute;pointer-events:none;z-index:1;opacity:0;transition:opacity .85s ease}
.hc-update-teaser__fire{inset:0}
.hc-update-teaser__fire::before{content:"";position:absolute;inset:0;background:url("/app/modules/module_block_main_event_teaser/assets/img/backdrop.webp") center/cover no-repeat;filter:brightness(1.8) saturate(1.35);mask-image:radial-gradient(ellipse 6% 12% at 64.2% 48%,#000 22%,#000b 48%,transparent 100%),radial-gradient(ellipse 6% 12% at 77.6% 48%,#000 22%,#000b 48%,transparent 100%);animation:hc-eye-embers 3.6s ease-in-out infinite;animation-play-state:paused}
.hc-update-teaser__fire::after{content:"";position:absolute;inset:0;background:radial-gradient(ellipse 5% 10% at 64.2% 48%,#ff6d2824,transparent 100%),radial-gradient(ellipse 5% 10% at 77.6% 48%,#ff6d2824,transparent 100%);mix-blend-mode:screen}
.hc-update-teaser__smoke{left:56%;top:12%;width:34%;height:76%;mix-blend-mode:screen;mask-image:radial-gradient(ellipse at 50% 50%,#000 20%,transparent 75%)}
.hc-update-teaser__smoke i{position:absolute;inset:0;background:url("/app/modules/module_block_main_event_teaser/assets/img/mist.webp") center/100% 120% no-repeat;filter:brightness(.55) sepia(.28);opacity:0;animation:hc-eye-smoke 7s ease-in-out infinite;animation-play-state:paused}
.hc-update-teaser__smoke i:nth-child(2){animation-delay:-3.5s;background-size:110% 135%;filter:brightness(.4) sepia(.45)}
@media(hover:hover) and (pointer:fine){.hc-update-teaser:hover .hc-update-teaser__fire{opacity:.88}.hc-update-teaser:hover .hc-update-teaser__smoke{opacity:.65}.hc-update-teaser:hover .hc-update-teaser__fire::before,.hc-update-teaser:hover .hc-update-teaser__smoke i{animation-play-state:running}}
@keyframes hc-eye-embers{0%,100%{opacity:.75}28%{opacity:1}53%{opacity:.82}76%{opacity:.95}}
@keyframes hc-eye-smoke{0%{opacity:0;transform:translate(-2%,15%) scale(.88)}25%{opacity:.5}55%{opacity:.68}100%{opacity:0;transform:translate(4%,-18%) scale(1.14)}}
@media(prefers-reduced-motion:reduce){.hc-update-teaser__fire,.hc-update-teaser__smoke{transition:none}.hc-update-teaser__fire::before,.hc-update-teaser__smoke i{animation:none}.hc-update-teaser__smoke i{opacity:.4}.hc-update-teaser__smoke i:nth-child(2){display:none}}
@keyframes hc-teaser-mist{from{transform:translateX(-1%);opacity:.025}to{transform:translateX(1%);opacity:.07}}
@media(max-width:600px){.hc-update-teaser{aspect-ratio:2.77;min-height:145px;margin:22px 0 25px;border-radius:15px}.hc-update-teaser__art{object-fit:contain}.hc-update-teaser::after{box-shadow:inset 0 0 22px 2px #17121b55}}
@media(prefers-reduced-motion:reduce){.hc-update-teaser__mist{animation:none}.hc-update-teaser__art{transition:none}}
.hc-countdown{position:absolute;z-index:2;inset:0 auto 0 3.5%;width:53%;display:flex;flex-direction:column;justify-content:center;align-items:center}
.hc-countdown h2{margin:0 0 10px;font-size:clamp(8px,1cqw,13px);line-height:1.5;font-weight:400;color:#a698a8;text-align:center}
.hc-countdown time{display:block;width:100%}
.hc-countdown__digits{display:grid;grid-template-columns:repeat(3,minmax(0,1fr) minmax(3px,.12fr)) minmax(0,1fr);align-items:start;gap:0;width:100%}
.hc-countdown__unit{min-width:0;text-align:center}
.hc-countdown__values{display:flex;height:clamp(30px,9.9cqw,136px)}
.hc-countdown__values img{display:block;width:50%;height:100%;object-fit:fill;filter:grayscale(1) brightness(.78);opacity:.77}
.hc-countdown__label{display:block;color:#938393;font-size:clamp(8px,.85cqw,11px);line-height:1.5;margin-top:7px}
.hc-countdown__colon{position:relative;display:block;height:clamp(30px,9.9cqw,136px);color:transparent;user-select:none}
.hc-countdown__colon::before,.hc-countdown__colon::after{content:"";position:absolute;left:50%;top:35%;width:clamp(2px,.45cqw,6px);height:clamp(2px,.45cqw,6px);border-radius:45%;background:#b9aab980;filter:blur(.8px);box-shadow:0 0 5px #bba5bc60;transform:translateX(-50%)}
.hc-countdown__colon::after{top:62%}
.hc-countdown__status{display:block;text-align:center;color:#c2adbf;font-size:clamp(12px,2.2cqw,28px);line-height:1.5;padding:25px 0}
.hc-countdown__digits[hidden],.hc-countdown__status[hidden]{display:none}
@container(max-width:520px){.hc-countdown h2{margin-bottom:6px}.hc-countdown__label{margin-top:4px}}

/* Compact manual-launch banner: one action, player level and one shared objective. */
.hc-event-banner{position:relative;isolation:isolate;container-type:inline-size;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);min-height:208px;margin:10px 5px;overflow:hidden;border:1px solid #3b2e40;border-radius:16px;background:#1b141f;color:#f1e5e8;font-family:Unbounded,sans-serif}
.hc-event-banner *{box-sizing:border-box}
.hc-event-banner__art{position:absolute;inset:0;z-index:-1;overflow:hidden;pointer-events:none}
.hc-event-banner__art::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#1b141f 15%,#1b141ff2 34%,#1b141f38 76%),linear-gradient(0deg,#1b141ff5,transparent 90%)}
.hc-event-banner__boss{position:absolute;right:-1%;top:-28px;width:66%;height:250px;opacity:.65;filter:brightness(.55) saturate(.65);mask-image:linear-gradient(90deg,transparent,#000 32%,#000 90%,transparent)}
.hc-event-banner__mist{position:absolute;right:-10%;top:-22%;width:78%;height:130%;object-fit:fill;opacity:.07;mask-image:radial-gradient(ellipse,#000,transparent 72%);transition:opacity .7s ease}
.hc-event-banner__content{min-width:0;position:relative;align-self:center;padding:20px 28px}
.hc-event-banner__status{display:flex;align-items:center;gap:7px;margin-bottom:6px;color:#c7aa91;font-size:8px;line-height:14px;font-weight:500;letter-spacing:.08em;text-transform:uppercase}
.hc-event-banner__status::before{content:"";width:5px;height:5px;flex:none;border-radius:50%;background:#d5a477;box-shadow:0 0 8px #d5a47770}
.hc-event-banner__title{width:min(100%,260px);height:84px;margin:0 0 10px}
.hc-event-banner__title img{display:block;width:100%;height:100%;object-fit:contain;object-position:left center}
.hc-event-banner__actions{display:flex;align-items:center;flex-wrap:wrap;gap:10px 16px}
.hc-event-banner__cta{position:relative;isolation:isolate;overflow:hidden;display:inline-flex;align-items:center;justify-content:center;min-height:38px;padding:10px 14px;border:1px solid #66525f;border-radius:8px;background:#18131d;color:#ecd9cb;text-decoration:none;font:500 10px/1.6 Unbounded,sans-serif;box-shadow:inset 0 1px 0 #d6c5db09;transition:background .3s ease,border-color .3s ease,box-shadow .3s ease}
.hc-event-banner__cta span{position:relative;z-index:1}
.hc-event-banner__cta::before,.hc-event-banner__cta::after{content:"";position:absolute;pointer-events:none;inset:-50% -22%;background:url("/app/modules/module_block_main_event_teaser/assets/img/mist.webp") center/100% 100% no-repeat;mix-blend-mode:screen;mask-image:radial-gradient(ellipse,#000 15%,transparent 68%);transition:opacity .6s ease,transform 1.4s ease}
.hc-event-banner__cta::before{opacity:.28;transform:translate(-6%,10%) rotate(-8deg)}
.hc-event-banner__cta::after{opacity:.12;transform:translate(8%,-7%) scale(1.2) rotate(165deg)}
.hc-event-banner__cta:focus-visible{outline:2px solid #e9bd96;outline-offset:4px;border-color:#b48d79;box-shadow:0 0 20px #9b71841f}
.hc-event-banner__cta:focus-visible::before{opacity:.65;transform:translate(5%,-8%) rotate(6deg)}
.hc-event-banner__cta:focus-visible::after{opacity:.35;transform:translate(-6%,7%) scale(1.25) rotate(175deg)}
.hc-event-banner__level{color:#bcaec3;font-size:10px;line-height:1.7;white-space:nowrap;font-variant-numeric:tabular-nums}
.hc-event-banner__level strong{color:#ead9e4;font-weight:500}
.hc-event-banner__ritual{align-self:end;position:relative;min-width:0;padding:0 28px 28px 32px}
.hc-event-banner__objective-head{display:flex;align-items:baseline;justify-content:space-between;flex-wrap:wrap;gap:5px 12px;margin-bottom:10px;color:#d0bacb;font-size:10px;line-height:1.7}
.hc-event-banner__objective-head strong{color:#d3ac8d;font-size:10px;font-weight:500;white-space:nowrap;font-variant-numeric:tabular-nums}
.hc-event-banner__global{display:block;appearance:none;width:100%;height:5px;overflow:hidden;border:0;border-radius:4px;background:#3c2d40}
.hc-event-banner__global::-webkit-progress-bar{border-radius:4px;background:#3c2d40}
.hc-event-banner__global::-webkit-progress-value{border-radius:4px;background:linear-gradient(90deg,#936675,#c69a78)}
.hc-event-banner__global::-moz-progress-bar{border-radius:4px;background:linear-gradient(90deg,#936675,#c69a78)}
@media(hover:hover) and (pointer:fine){.hc-event-banner__cta:hover{border-color:#b48d79;background:#211924;color:#fff0e4;box-shadow:0 0 20px #9b71841f}.hc-event-banner__cta:hover::before{opacity:.65;transform:translate(5%,-8%) rotate(6deg)}.hc-event-banner__cta:hover::after{opacity:.35;transform:translate(-6%,7%) scale(1.25) rotate(175deg)}.hc-event-banner:hover .hc-event-banner__mist{opacity:.12}}
@container(max-width:760px){.hc-event-banner__content{padding:20px}.hc-event-banner__title{max-width:230px;height:84px}.hc-event-banner__ritual{padding:0 20px 24px 12px}.hc-event-banner__actions{gap:9px 12px}}
@container(max-width:560px){.hc-event-banner__content{grid-column:1/-1;padding:20px 22px 19px}.hc-event-banner__title{width:230px;height:82px;margin-bottom:13px}.hc-event-banner__ritual{grid-column:1/-1;padding:0 22px 23px}.hc-event-banner__boss{width:125%;right:-35%;height:245px;top:-36px;opacity:.42}.hc-event-banner__art::after{background:linear-gradient(90deg,#1b141fd9 0%,#1b141f55 100%),linear-gradient(0deg,#1b141ff5,transparent)}.hc-event-banner__level{font-size:9px}.hc-event-banner__cta{font-size:9px}.hc-event-banner__objective-head,.hc-event-banner__objective-head strong{font-size:9px}}
@media(max-width:600px){.hc-event-banner{margin:10px 0;border-radius:15px;min-height:0}}
@media(prefers-reduced-motion:reduce){.hc-event-banner__mist,.hc-event-banner__cta,.hc-event-banner__cta::before,.hc-event-banner__cta::after{transition:none}}
html.hotcs-halloween-navigation .hc-event-banner{margin-top:0}
html.hotcs-home-halloween .hc-event-banner{margin-top:0;margin-left:0;margin-right:0}