.HowItEndsBanner_card__w9jOH{position:relative;display:grid;grid-template-columns:30% 1fr;grid-template-rows:auto auto;-moz-column-gap:16px;column-gap:16px;align-items:stretch;width:86%;max-width:30rem;margin:0 auto;background:transparent;border-radius:16px;padding:16px;box-sizing:border-box}.HowItEndsBanner_dots__f8gBG{position:absolute;inset:-26px;z-index:-1;pointer-events:none;-webkit-mask-image:linear-gradient(90deg,transparent 0,transparent 2%,rgba(0,0,0,.38) 4%,rgba(0,0,0,.7) 7%,rgba(0,0,0,.92) 10%,#000 13%,#000 87%,rgba(0,0,0,.92) 90%,rgba(0,0,0,.7) 93%,rgba(0,0,0,.38) 96%,transparent 98%,transparent);mask-image:linear-gradient(90deg,transparent 0,transparent 2%,rgba(0,0,0,.38) 4%,rgba(0,0,0,.7) 7%,rgba(0,0,0,.92) 10%,#000 13%,#000 87%,rgba(0,0,0,.92) 90%,rgba(0,0,0,.7) 93%,rgba(0,0,0,.38) 96%,transparent 98%,transparent)}.HowItEndsBanner_dotsInner__gSomD{position:absolute;inset:0;-webkit-mask-image:linear-gradient(180deg,transparent 0,transparent 2%,rgba(0,0,0,.48) 4%,rgba(0,0,0,.84) 6%,#000 8%,#000 88%,rgba(0,0,0,.9) 91%,rgba(0,0,0,.66) 94%,rgba(0,0,0,.34) 96%,transparent 98%,transparent);mask-image:linear-gradient(180deg,transparent 0,transparent 2%,rgba(0,0,0,.48) 4%,rgba(0,0,0,.84) 6%,#000 8%,#000 88%,rgba(0,0,0,.9) 91%,rgba(0,0,0,.66) 94%,rgba(0,0,0,.34) 96%,transparent 98%,transparent)}.HowItEndsBanner_dots__f8gBG span{position:absolute;inset:0;display:block;--dot:radial-gradient(circle at center,#6d6de0 0 2.2px,transparent 2.35px);background-repeat:repeat;background-size:104px 104px;will-change:opacity}.HowItEndsBanner_dots1__cu9YQ{background-image:var(--dot),var(--dot),var(--dot);background-position:-6px -6px,46px 20px,20px 72px;animation:HowItEndsBanner_twinkle1___sBkv 9.7s ease-in-out infinite}.HowItEndsBanner_dots2__x2X85{background-image:var(--dot),var(--dot),var(--dot);background-position:20px -6px,72px 46px,-6px 46px;animation:HowItEndsBanner_twinkle2__hDzLf 11.3s ease-in-out infinite;animation-delay:-2.3s}.HowItEndsBanner_dots3__FbbvM{background-image:var(--dot),var(--dot),var(--dot);background-position:46px -6px,-6px 20px,72px 72px;animation:HowItEndsBanner_twinkle3__3mdrG 12.1s ease-in-out infinite;animation-delay:-4.8s}.HowItEndsBanner_dots4__qCDxL{background-image:var(--dot),var(--dot),var(--dot);background-position:72px -6px,20px 20px,46px 46px;animation:HowItEndsBanner_twinkle4__wNS22 13.7s ease-in-out infinite;animation-delay:-7.1s}.HowItEndsBanner_dots5__SUnEF{background-image:var(--dot),var(--dot),var(--dot),var(--dot);background-position:72px 20px,20px 46px,-6px 72px,46px 72px;animation:HowItEndsBanner_twinkle5__mq_oH 14.9s ease-in-out infinite;animation-delay:-9.4s}@keyframes HowItEndsBanner_twinkle1___sBkv{0%,to{opacity:.18}50%{opacity:1}}@keyframes HowItEndsBanner_twinkle2__hDzLf{0%,to{opacity:1}46%{opacity:.2}}@keyframes HowItEndsBanner_twinkle3__3mdrG{0%,to{opacity:.24}54%{opacity:1}}@keyframes HowItEndsBanner_twinkle4__wNS22{0%,to{opacity:1}42%{opacity:.18}}@keyframes HowItEndsBanner_twinkle5__mq_oH{0%,to{opacity:.22}58%{opacity:1}}.HowItEndsBanner_cornerLogo__fhp_p{position:absolute;z-index:2;top:3px;right:3px;width:30px;height:30px;padding:9px;box-sizing:content-box;opacity:.9;pointer-events:none;background:radial-gradient(circle closest-side,#f6f3ea 0,#f6f3ea 80%,hsla(45,40%,94%,0) 100%)}.HowItEndsBanner_tile__Aq2rs{grid-column:1;grid-row:1/3;position:relative;z-index:1;border-radius:20px;overflow:hidden;background-color:#16181d;background-image:linear-gradient(180deg,rgba(22,24,29,0) 58%,rgba(22,24,29,.62)),url(/howitends-promo-thumb.jpg);background-size:cover,cover;background-position:50%,50%;background-repeat:no-repeat,no-repeat}.HowItEndsBanner_tile__Aq2rs:before{content:"";display:block;padding-top:100%}.HowItEndsBanner_mysteryMark__IPFcS{position:absolute;z-index:1;top:50%;left:50%;width:64%;height:64%;transform:translate(-50%,-50%);pointer-events:none}.HowItEndsBanner_playerIcon__CEX0G{position:absolute;z-index:2;right:6px;bottom:6px;width:18px;height:18px;display:block}.HowItEndsBanner_playerIcon__CEX0G svg{width:100%;height:100%;display:block}.HowItEndsBanner_head__0PnEd{grid-column:2;grid-row:1;align-self:end;position:relative;z-index:1}.HowItEndsBanner_sub1__BzGAz,.HowItEndsBanner_title___B3Ex{text-shadow:0 0 2px #f6f3ea,0 0 3px #f6f3ea,0 0 5px #f6f3ea,0 0 7px #f6f3ea}.HowItEndsBanner_body__LeYbe{grid-column:2;grid-row:2;align-self:start;position:relative;z-index:1;display:flex;align-items:center;flex-wrap:wrap;gap:10px;margin-top:16px}.HowItEndsBanner_title___B3Ex{margin:0;font-weight:800;font-size:34px;line-height:1;color:#16181d;letter-spacing:-.01em;white-space:nowrap}.HowItEndsBanner_titleAccent__HAAsh{color:#6d6de0}.HowItEndsBanner_sub1__BzGAz{margin:12px 0 0;font-weight:900;font-size:24px;line-height:1.1;color:#5a5ac9}.HowItEndsBanner_cta__GHyJ_{display:inline-flex;align-items:center;gap:8px;padding:10px 16px;border-radius:8px;background:#5a5ac9;color:#fff;font-weight:800;font-size:13px;text-decoration:none;white-space:nowrap;transition:background-color .15s ease}.HowItEndsBanner_cta__GHyJ_:hover{background:#4a4ab5}@media (max-width:480px){.HowItEndsBanner_card__w9jOH{grid-template-columns:34% 1fr;-moz-column-gap:12px;column-gap:12px;row-gap:10px;padding:12px}.HowItEndsBanner_cornerLogo__fhp_p{width:24px;height:24px;padding:8px;top:2px;right:2px}.HowItEndsBanner_tile__Aq2rs{grid-column:1;grid-row:1;align-self:center;border-radius:16px}.HowItEndsBanner_playerIcon__CEX0G{right:4px;bottom:4px;width:14px;height:14px}.HowItEndsBanner_head__0PnEd{grid-column:2;grid-row:1;align-self:center;display:flex;flex-direction:column;justify-content:center}.HowItEndsBanner_body__LeYbe{grid-column:1/3;grid-row:2;margin-top:0;flex-direction:column;gap:8px}.HowItEndsBanner_title___B3Ex{font-size:clamp(23px,7.5vw,30px)}.HowItEndsBanner_sub1__BzGAz{margin-top:7px;align-self:flex-start;font-size:13px;line-height:1.15}.HowItEndsBanner_cta__GHyJ_{width:100%;justify-content:center;padding:11px;border-radius:10px;font-size:13px}}@media (prefers-reduced-motion:reduce){.HowItEndsBanner_dots1__cu9YQ,.HowItEndsBanner_dots2__x2X85,.HowItEndsBanner_dots3__FbbvM,.HowItEndsBanner_dots4__qCDxL,.HowItEndsBanner_dots5__SUnEF{animation:none;opacity:.86}}@media (min-width:1024px){.HowItEndsBanner_card__w9jOH{width:100%;max-width:32rem;overflow:hidden;grid-template-columns:176px 1fr;-moz-column-gap:20px;column-gap:20px;padding:18px}.HowItEndsBanner_dots__f8gBG{inset:0}.HowItEndsBanner_tile__Aq2rs{border-radius:22px}.HowItEndsBanner_title___B3Ex{font-size:42px}.HowItEndsBanner_sub1__BzGAz{margin-top:10px;font-size:26px}.HowItEndsBanner_body__LeYbe{margin-top:18px}.HowItEndsBanner_cta__GHyJ_{padding:12px 20px;font-size:15px}}