a.hoh-header-label-link .hoh-header-label-hover .hoh-ff-framed,a.hoh-header-label-link .hoh-header-label-hover .hoh-ff-fantasy{letter-spacing:.22em}.hoh-ff-framed{color:#ef94ff}.hoh-ff-fantasy{color:#b3f5ee}.hoh-cta-summon-wrap{margin-top:28px!important}@media(min-width:601px){.hoh-btn-summon-cta{padding:11px 26px!important}}@media(max-width:600px){.hoh-btn-summon-cta{padding:9px 17px!important}}.hoh-btn-summon-cta.hoh-summon-pack{border-color:#ef94ff99}.hoh-btn-summon-cta.hoh-summon-pack .hoh-summon-pre{background:linear-gradient(90deg,#ef94ff,#b3f5ee);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:transparent}.hoh-pack-modal{position:fixed;top:0;right:0;bottom:0;left:0;z-index:100000;display:none;align-items:center;justify-content:center;opacity:0;transition:opacity .26s ease}.hoh-pack-modal.hoh-pack-open{opacity:1}.hoh-pack-backdrop{position:absolute;top:0;right:0;bottom:0;left:0;background:#08060eeb}.hoh-pack-motes{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden}.hoh-pack-mote{position:absolute;bottom:-12px;left:var(--mx,50%);width:var(--ms,3px);height:var(--ms,3px);border-radius:50%;background:#c8a45e80;box-shadow:0 0 6px #c8a45e80;opacity:0;animation:hohPackMote var(--md,9s) linear var(--mdl,0s) infinite}.hoh-pack-stage{position:relative;z-index:1;display:flex;flex-direction:column;align-items:center;gap:24px;padding:24px;max-width:96vw}.hoh-pack-eyebrow{font-family:Cinzel,serif;font-size:15px;letter-spacing:.28em;text-transform:uppercase;color:#c8a45e}.hoh-pack-cards{display:flex;justify-content:center;align-items:flex-end;gap:18px}.hoh-pack-card{position:relative;width:174px;height:258px;cursor:pointer;perspective:1100px;transform:rotate(calc((var(--pack-i) - 2) * 4deg));opacity:0;transition:opacity .4s ease,transform .3s cubic-bezier(.2,.7,.25,1)}.hoh-pack-open .hoh-pack-card{opacity:1;transition:opacity .44s ease calc(var(--pack-i) * 75ms),transform .3s cubic-bezier(.2,.7,.25,1)}.hoh-pack-card:hover{transform:rotate(calc((var(--pack-i) - 2) * 4deg)) scale(1.06);z-index:5}.hoh-pack-card-inner,.hoh-pack-card-back,.hoh-pack-card-face,.hoh-pack-card-fx{pointer-events:none}.hoh-pack-card-inner{position:absolute;top:0;right:0;bottom:0;left:0;transform-style:preserve-3d;transition:transform .52s cubic-bezier(.45,.05,.3,1)}.hoh-pack-flipped .hoh-pack-card-inner{transform:rotateY(180deg)}.hoh-pack-card-face:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:14px;background:radial-gradient(circle at 50% 45%,rgba(255,255,255,.55),transparent 68%);opacity:0;pointer-events:none}.hoh-pack-flipped .hoh-pack-card-face:after{animation:hohPackFlash .6s ease-out .26s}.hoh-pack-card-back,.hoh-pack-card-face{position:absolute;top:0;right:0;bottom:0;left:0;-webkit-backface-visibility:hidden;backface-visibility:hidden;border-radius:14px}.hoh-pack-card-back{display:flex;align-items:center;justify-content:center;background:linear-gradient(165deg,#2c2042,#140d22);border:1px solid rgba(200,164,94,.45);box-shadow:inset 0 0 36px #00000080}.hoh-pack-card-face{transform:rotateY(180deg);background:#0e0a16;border:1px solid rgba(255,255,255,.08)}.hoh-pack-card-face .hoh-card{display:flex;flex-direction:column;width:100%;height:100%;margin:0;border:none;border-radius:14px;overflow:hidden;box-shadow:none;opacity:1!important;transform:none!important;content-visibility:visible!important}.hoh-pack-card-face .hoh-card:hover{transform:none!important;box-shadow:none}.hoh-pack-card-face .hoh-card-img{flex:1 1 auto;aspect-ratio:auto;height:auto;min-height:0}.hoh-pack-card-face .hoh-card-body{flex:0 0 auto}.hoh-pack-card-face .hoh-card-footer,.hoh-pack-card-face .hoh-quest-row{display:none!important}.hoh-pack-back-inner{display:flex;flex-direction:column;align-items:center;gap:12px;padding:14px}.hoh-pack-back-logo-img{width:64px;height:64px;object-fit:contain;filter:drop-shadow(0 0 10px rgba(200,164,94,.4))}.hoh-pack-back-wordmark{font-family:Cinzel,serif;font-weight:700;font-size:15px}.hoh-pack-fb{display:flex;flex-direction:column;width:100%;height:100%;border-radius:14px;overflow:hidden}.hoh-pack-fb-img{width:100%;height:72%;object-fit:cover}.hoh-pack-fb-body{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:6px;text-align:center}.hoh-pack-fb-name{font-family:Cinzel,serif;font-size:14px;color:#e8e0d0}.hoh-pack-fb-tier{font-family:Cormorant Garamond,serif;font-style:italic;font-size:12px;color:#c8a45e;text-transform:capitalize}.hoh-pack-rar-common .hoh-pack-card-back{border-color:#b8b0ce6b;box-shadow:0 0 12px #b8b0ce4d,inset 0 0 36px #00000080}.hoh-pack-rar-uncommon .hoh-pack-card-back{border-color:#5fd6808c;box-shadow:0 0 18px #5fd68066,inset 0 0 36px #00000080}.hoh-pack-rar-rare .hoh-pack-card-back{border-color:#5a9aff9e;box-shadow:0 0 22px #5a9aff80,inset 0 0 36px #00000080}.hoh-pack-rar-epic .hoh-pack-card-back{border-color:#b05ae8bd;box-shadow:0 0 27px #b05ae894,inset 0 0 36px #00000080}.hoh-pack-rar-legendary .hoh-pack-card-back{border-color:#ffb84ad6;box-shadow:0 0 30px #ffb84a9e,0 0 64px #ffb84a47,inset 0 0 36px #00000080}.hoh-pack-rar-mythic .hoh-pack-card-back{border-color:#ef94ffdb;box-shadow:0 0 32px #ef94ff9e,0 0 68px #b3f5ee52,inset 0 0 36px #00000080;animation:hohPackMythicPulse 2.2s ease-in-out infinite}.hoh-pack-rar-common.hoh-pack-flipped .hoh-pack-card-face{box-shadow:0 0 14px #b8b0ce47}.hoh-pack-rar-uncommon.hoh-pack-flipped .hoh-pack-card-face{box-shadow:0 0 20px #5fd68073}.hoh-pack-rar-rare.hoh-pack-flipped .hoh-pack-card-face{box-shadow:0 0 24px #5a9aff80}.hoh-pack-rar-epic.hoh-pack-flipped .hoh-pack-card-face{box-shadow:0 0 28px #b05ae88c}.hoh-pack-rar-legendary.hoh-pack-flipped .hoh-pack-card-face{box-shadow:0 0 36px #ffb84a94,0 0 72px #ffb84a3d}.hoh-pack-rar-mythic.hoh-pack-flipped .hoh-pack-card-face{box-shadow:0 0 40px #ef94ff9e,0 0 82px #b3f5ee5c}.hoh-pack-card-fx{position:absolute;left:50%;top:46%;width:0;height:0;pointer-events:none;z-index:7}.hoh-pack-particle{position:absolute;left:0;top:0;width:7px;height:7px;border-radius:50%;background:var(--pcol,#fff);box-shadow:0 0 9px var(--pcol,#fff);opacity:0;animation:hohPackParticle var(--pdur,1s) cubic-bezier(.15,.7,.3,1) forwards}.hoh-pack-hint{font-family:Cormorant Garamond,serif;font-style:italic;font-size:14px;color:#d2cdddb8;transition:opacity .3s ease}.hoh-pack-all-revealed .hoh-pack-hint{opacity:0}.hoh-pack-done{font-family:Cinzel,serif;font-size:14px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:#0a0a0f;background:linear-gradient(135deg,#c8a45e,#b48c3c);border:none;border-radius:8px;padding:13px 46px;cursor:pointer;box-shadow:0 0 18px #c8a45e4d;transition:transform .15s ease,box-shadow .2s ease}.hoh-pack-done:hover{transform:translateY(-2px);box-shadow:0 0 28px #c8a45e75}@media(max-width:720px){.hoh-pack-cards{flex-wrap:wrap;gap:12px;max-width:330px}.hoh-pack-modal:not(.ffshop-pack) .hoh-pack-card{width:150px;height:226px;transform:none!important}.hoh-pack-stage{gap:16px;padding:16px}.hoh-pack-eyebrow{font-size:13px}}@media(prefers-reduced-motion:reduce){.hoh-pack-card-inner{transition-duration:.2s!important}.hoh-pack-card-face:after{animation:none!important}.hoh-pack-particle,.hoh-pack-mote{display:none!important}.hoh-pack-rar-mythic .hoh-pack-card-back{animation:none}.hoh-pack-open .hoh-pack-card{transition:opacity .2s ease}}.hoh-cta-summon-wrap{display:flex;position:relative;justify-content:center;margin:22px auto 0}.hoh-summon-fx{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);pointer-events:none;z-index:0}.hoh-btn-summon-cta{position:relative;z-index:1;display:inline-flex;align-items:center;justify-content:center;gap:6px;font-family:Cinzel,serif;font-size:13.5px;font-weight:600;letter-spacing:.04em;color:#e6d9b8;background:linear-gradient(180deg,#221b2ef0,#120e1af7);border:1px solid color-mix(in srgb,var(--sm-c1,#c8a45e) 52%,transparent);border-radius:10px;padding:9px 20px;cursor:pointer;min-width:0;box-shadow:0 0 24px color-mix(in srgb,var(--sm-c1,#c8a45e) 18%,transparent),0 8px 24px #00000073;transition:border-color .6s ease,box-shadow .6s ease,transform .2s ease}.hoh-btn-summon-cta:hover{transform:translateY(-2px);box-shadow:0 0 32px color-mix(in srgb,var(--sm-c1,#c8a45e) 28%,transparent),0 10px 28px #0000008c}.hoh-summon-pre{white-space:nowrap}.hoh-summon-slot{display:inline-block;height:22px;line-height:22px;overflow:hidden;position:relative;text-align:left;vertical-align:middle;transition:width .38s cubic-bezier(.2,.7,.25,1)}.hoh-summon-crazy .hoh-summon-slot{transition:none}.hoh-summon-word{display:inline-block;height:22px;line-height:22px;white-space:nowrap;color:var(--sm-c1,#e6d9b8)}.hoh-summon-word-in{animation:hohSummonWordIn .34s cubic-bezier(.2,.7,.25,1)}.hoh-summon-col .hoh-summon-word{transition:none}.hoh-summon-spinning .hoh-summon-col .hoh-summon-word{filter:blur(.3px)}.hoh-summon-mythic .hoh-summon-word{background:linear-gradient(90deg,#ef94ff,#b3f5ee,#ef94ff);background-size:200% auto;-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:transparent;animation:hohSummonRainbow 4s linear infinite}.hoh-summon-mythic{box-shadow:0 0 30px #ef94ff52,0 0 60px #b3f5ee2e,0 8px 24px #00000080}.hoh-btn-summon-cta.hoh-summon-crazy{border-color:#ef94ff99;animation:hohSummonCrazyGlow 1.6s ease-in-out infinite}.hoh-summon-crazy .hoh-summon-word{background:linear-gradient(90deg,#ef94ff,#b3f5ee,#ef94ff);background-size:200% auto;-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:transparent;animation:hohSummonRainbow 1.4s linear infinite}@media(prefers-reduced-motion:reduce){.hoh-summon-fx{display:none}.hoh-summon-mythic .hoh-summon-word,.hoh-summon-crazy .hoh-summon-word,.hoh-summon-word-in{animation:none}}@media(max-width:600px){.hoh-btn-summon-cta{font-size:12.5px;padding:8px 15px;min-width:0}}@keyframes hohPackMote{0%{opacity:0;transform:translateY(0)}12%{opacity:.7}88%{opacity:.45}to{opacity:0;transform:translateY(-104vh)}}@keyframes hohPackFlash{0%{opacity:0}28%{opacity:.75}to{opacity:0}}@keyframes hohPackMythicPulse{0%,to{box-shadow:0 0 30px #ef94ff80,0 0 60px #b3f5ee3d,inset 0 0 36px #00000080}50%{box-shadow:0 0 44px #ef94ffbd,0 0 88px #b3f5ee70,inset 0 0 36px #00000080}}@keyframes hohPackParticle{0%{opacity:1;transform:translate(0) scale(1)}to{opacity:0;transform:translate(var(--pdx,0),var(--pdy,0)) scale(.3)}}@keyframes hohSummonWordIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes hohSummonRainbow{to{background-position:200% center}}@keyframes hohSummonCrazyGlow{0%{box-shadow:0 0 26px #ef94ff5c,0 0 54px #b3f5ee2e,0 8px 24px #00000080}50%{box-shadow:0 0 26px #b3f5ee5c,0 0 54px #ef94ff33,0 8px 24px #00000080}to{box-shadow:0 0 26px #ef94ff5c,0 0 54px #b3f5ee2e,0 8px 24px #00000080}}@supports ((backdrop-filter:blur(2px)) or (-webkit-backdrop-filter:blur(2px))){.hoh-pack-backdrop{background:#08060ecc;backdrop-filter:blur(7px);-webkit-backdrop-filter:blur(7px)}}
/*# sourceMappingURL=/cdn/shop/t/280/assets/hoh-teaser.css.map */