/* Original pack and card backs, built as layered materials rather than bitmap UI. */
.hs-booster{position:relative;display:block;width:180px;height:248px;flex-shrink:0;border:0;background:none;padding:0;isolation:isolate;filter:drop-shadow(0 18px 12px #0009)}
.hs-booster-spine{position:absolute;inset:5px -4px -5px 4px;background:linear-gradient(90deg,#6b4728,#b4914c 70%,#49351e);border:2px solid #d3b671;border-radius:15px 15px 22px 22px;box-shadow:inset -5px 0 0 #362513}
.hs-booster-half{position:absolute;inset:0;display:block;overflow:hidden;border:3px solid #ccad65;border-radius:12px 12px 19px 19px;color:#f1d491;background:repeating-linear-gradient(100deg,#0000 0 2px,#ffffff04 2px 3px),radial-gradient(ellipse at 50% 40%,#9b4536,#5f2926 64%,#331b1c);box-shadow:inset 0 0 0 3px #452718,inset 0 0 0 5px #b78d4a,inset 0 0 25px #130c0c;transform-origin:50% 80%}
.hs-booster-left{clip-path:polygon(0 0,52% 0,48% 15%,53% 24%,48% 34%,54% 43%,47% 56%,52% 65%,47% 78%,52% 88%,50% 100%,0 100%)}
.hs-booster-right{clip-path:polygon(52% 0,100% 0,100% 100%,50% 100%,52% 88%,47% 78%,52% 65%,47% 56%,54% 43%,48% 34%,53% 24%,48% 15%)}
.hs-booster-trim{position:absolute;inset:10px;border:1px solid #d2a75a66;border-radius:5px;background:linear-gradient(45deg,#0000 46%,#d4a85418 49%,#0000 52%) 0 0/23px 23px}
.hs-booster-title{position:absolute;left:8px;right:8px;top:25px;text-align:center;font:bold 17px Georgia,serif;letter-spacing:3px;text-shadow:0 2px 3px #1f0909;line-height:1.25}
.hs-booster-title small{font-size:10px;letter-spacing:4px}
.hs-booster-crest{position:absolute;left:50%;top:83px;transform:translateX(-50%);width:98px;height:98px;border:6px double #caac6c;border-radius:50%;display:grid;place-items:center;background:radial-gradient(circle,#72727b,#313843 60%,#211d23);box-shadow:0 5px 6px #110d0d,inset 0 0 0 5px #171c24,inset 0 0 0 7px #b59a5a,0 0 0 5px #4d2c1d}
.hs-booster-crest:before,.hs-booster-crest:after{content:'';position:absolute;width:110px;height:76px;border:3px solid #bba36a;border-top-color:transparent;border-bottom-color:transparent;border-radius:50%;transform:rotate(-30deg)}
.hs-booster-crest:after{transform:rotate(30deg)}
.hs-booster-crest>span{color:#e5d7a6;font:62px Georgia,serif;text-shadow:0 2px 0 #2c2924,0 0 15px #fff2b666}
.hs-booster-houses{position:absolute;left:0;right:0;bottom:35px;text-align:center;font:12px Georgia,serif;letter-spacing:3px;color:#ddb879}
.hs-booster-bottom{position:absolute;bottom:16px;left:0;right:0;text-align:center;font:7px Arial,sans-serif;letter-spacing:2px}
.hs-booster-seam{position:absolute;width:1px;top:10px;bottom:10px;left:50%;background:linear-gradient(#0000,#e8c78055,#0000);box-shadow:0 0 5px #f1c07722;pointer-events:none}
.hs-pack-showcase{display:flex;flex-direction:column;align-items:center;gap:24px;flex-shrink:0;padding:10px}
.hs-pack-showcase .hs-booster{width:154px;height:222px;transform:rotate(-7deg);transition:transform .35s}
.hs-pack-offer:hover .hs-booster{transform:rotate(-3deg) translateY(-5px)}
.hs-pack-showcase .hs-booster-crest{top:75px;width:84px;height:84px}.hs-pack-showcase .hs-booster-title{font-size:14px;top:23px}
.hs-pack-showcase>span{font-size:7px;letter-spacing:1.4px;color:#baab84;white-space:nowrap}

.hs-unseal{--card-width:158px;--card-height:244px;position:relative;isolation:isolate;overflow:hidden;min-height:calc(100dvh - 72px);color:#efdfb7;background:radial-gradient(ellipse at 50% 52%,#483d2980 0%,#17232bec 65%,#0b131a 100%),repeating-linear-gradient(2deg,#302823 0 3px,#2c251f 3px 8px);padding:0 28px 20px}
.hs-unseal:before{content:'';position:absolute;inset:10px;border:1px solid #987b4840;border-radius:9px;pointer-events:none;z-index:-1;box-shadow:inset 0 0 0 5px #070e1266,inset 0 0 0 6px #98805926,inset 0 0 100px #0008}
.hs-unseal-toolbar{display:flex;justify-content:space-between;align-items:center;gap:15px;padding:15px 8px 9px;position:relative;z-index:2}
.hs-unseal-toolbar>span{color:#b6a681;font:11px Georgia,serif;letter-spacing:1px}.hs-unseal-toolbar .hs-link{font-size:11px;color:#c5bb9e}
.hs-unseal-heading{text-align:center;position:relative;z-index:2;pointer-events:none}.hs-unseal-heading .hs-eyebrow{color:#ae9670;font-size:8px;letter-spacing:3px}
.hs-unseal .hs-unseal-heading h1{font-size:34px;margin:8px 0;color:#f0dcb0;text-shadow:0 2px 12px #0008}.hs-unseal-heading p{margin:0;color:#aeb8ae;font-size:11px}
.hs-unseal-table{position:relative;max-width:1040px;min-height:430px;height:calc(100dvh - 305px);margin:0 auto;perspective:1000px}
.hs-unseal-altar{position:absolute;width:390px;height:390px;left:50%;top:48%;transform:translate(-50%,-50%);border:8px double #a0875140;border-radius:50%;background:radial-gradient(circle,#47627318 0 35%,#080d1059 48%,#91774915 50%,#171f2740 64%,#0000 70%);box-shadow:0 0 0 12px #0003,0 0 0 13px #a08a4426,inset 0 0 30px #0007,0 0 100px #c4974220;pointer-events:none}
.hs-unseal-altar:before,.hs-unseal-altar:after{content:'';position:absolute;inset:27px;border:1px solid #b797603b;border-radius:50%}.hs-unseal-altar:after{inset:55px;border:6px double #87684038;transform:rotate(45deg);border-radius:25%}
.hs-unseal-altar>span{position:absolute;inset:16px 0 auto;text-align:center;font:11px Georgia,serif;letter-spacing:8px;color:#bba27055}.hs-unseal-altar>i{position:absolute;inset:75px;border:1px solid #ccb07935;transform:rotate(45deg);border-radius:12px}
.hs-unseal-altar>b{position:absolute;inset:0;display:grid;place-items:center;color:#d1ad6030;font:100px Georgia,serif}
.hs-unseal-booster{position:absolute;left:50%;top:46%;margin:-124px 0 0 -90px;cursor:pointer;animation:hs-pack-breathe 3.5s ease-in-out infinite;transition:filter .25s;z-index:2;touch-action:manipulation}
.hs-unseal-booster:hover:not(:disabled){filter:drop-shadow(0 20px 14px #000a) drop-shadow(0 0 18px #e5b65488)}
.hs-unseal-booster:focus-visible{outline:3px solid #efd9a0;outline-offset:18px;border-radius:12px}
.hs-unseal-stage-note{position:absolute;bottom:0;left:0;right:0;text-align:center;color:#cbb88c;font-size:11px;min-height:18px;pointer-events:none;text-shadow:0 2px 4px #000;z-index:5}
.hs-unseal-flash{position:absolute;left:50%;top:46%;width:100px;height:100px;border-radius:50%;transform:translate(-50%,-50%);opacity:0;background:radial-gradient(circle,#fff 0%,#ffe1a8 15%,#e8b95b99 38%,#bf7b2522 60%,#0000 70%);pointer-events:none;z-index:3}
.hs-unseal-embers{position:absolute;left:50%;top:46%;pointer-events:none;z-index:4}.hs-unseal-embers i{position:absolute;display:block;width:3px;height:6px;opacity:0;background:#ffe0a0;border-radius:50%;box-shadow:0 0 9px #ffb459}
.hs-unseal-phase-burst .hs-unseal-booster{animation:hs-pack-shudder calc(.65s * var(--pack-speed)) ease-in-out both}
.hs-unseal-phase-burst .hs-booster-left{animation:hs-pack-tear-left calc(1.2s * var(--pack-speed)) cubic-bezier(.3,0,.2,1) both}
.hs-unseal-phase-burst .hs-booster-right{animation:hs-pack-tear-right calc(1.2s * var(--pack-speed)) cubic-bezier(.3,0,.2,1) both}
.hs-unseal-phase-burst .hs-booster-spine,.hs-unseal-phase-burst .hs-booster-seam{animation:hs-pack-vanish calc(1.2s * var(--pack-speed)) both}
.hs-unseal-phase-burst .hs-unseal-flash{animation:hs-pack-flash calc(1.2s * var(--pack-speed)) ease-out both}
.hs-unseal-phase-burst .hs-unseal-embers i{animation:hs-pack-ember calc(.8s * var(--pack-speed)) calc((.38s + var(--particle) * .012s) * var(--pack-speed)) ease-out both}

.hs-unseal-cards{position:absolute;inset:0}.hs-unseal-slot{position:absolute;left:var(--slot-x);top:var(--slot-y);width:var(--card-width);height:var(--card-height);transform:translate(-50%,-50%);z-index:2}
.hs-unseal-card{display:block;position:relative;width:100%;height:100%;padding:0;border:0;background:none;perspective:950px;transform:rotate(var(--tilt));transition:transform .25s;cursor:pointer;touch-action:manipulation;overflow:visible}
.hs-unseal-slot:hover,.hs-unseal-slot:focus-within{z-index:7}.hs-unseal-slot:hover .hs-unseal-card{transform:rotate(0deg) translateY(-7px) scale(1.07)}
.hs-unseal-card:focus-visible{outline:3px solid var(--rarity);outline-offset:7px;border-radius:12px}
.hs-unseal-flip{position:absolute;inset:0;transform-style:preserve-3d;transform:rotateY(0deg)}.is-revealed .hs-unseal-flip{transform:rotateY(180deg)}
.hs-unseal-face{display:block;position:absolute;inset:0;backface-visibility:hidden;-webkit-backface-visibility:hidden;border-radius:10px;box-shadow:0 10px 22px #0009}
.hs-unseal-back{border:6px double #b49c67;background:repeating-linear-gradient(45deg,#5a6b7314 0 1px,#0000 1px 10px),linear-gradient(135deg,#3b4b55,#152b3a 55%,#101c29);box-shadow:inset 0 0 0 2px #142129,inset 0 0 20px #0008,0 8px 12px #0008;overflow:hidden}
.hs-unseal-back:before{content:'';position:absolute;inset:7px;border:1px solid #bdac7559;border-radius:5px;background:linear-gradient(45deg,#0000 47%,#ac986926 48% 52%,#0000 53%) 0 0/24px 24px}
.hs-unseal-back:after{content:'';position:absolute;inset:-10px;border-radius:14px;box-shadow:inset 0 0 27px var(--rarity);opacity:.12;transition:opacity .25s}
.hs-unseal-slot:hover .hs-unseal-back,.hs-unseal-slot:focus-within .hs-unseal-back{border-color:var(--rarity);box-shadow:0 0 10px var(--rarity),0 0 32px color-mix(in srgb,var(--rarity) 65%,transparent),inset 0 0 25px color-mix(in srgb,var(--rarity) 40%,transparent),0 15px 25px #000a}
.hs-unseal-slot:hover .hs-unseal-back:after,.hs-unseal-slot:focus-within .hs-unseal-back:after{opacity:.55}
.hs-unseal-back-ring{position:absolute;left:50%;top:49%;width:100px;height:100px;transform:translate(-50%,-50%) rotate(45deg);border:5px double #c5ad71;border-radius:30%;background:#152635;box-shadow:0 0 0 6px #233945,0 0 0 7px #8f7e5266,inset 0 0 25px #0e1720}
.hs-unseal-back-sigil{position:absolute;inset:0;display:grid;place-items:center;color:#d0b372;font:70px Georgia,serif;text-shadow:0 2px 5px #000,0 0 15px #ddbc6166}
.hs-unseal-back-caption,.hs-unseal-back-houses{position:absolute;left:0;right:0;text-align:center;bottom:20px;color:#ab9a6f;font:6px Arial,sans-serif;letter-spacing:1.5px}.hs-unseal-back-houses{top:20px;bottom:auto;font:10px Georgia,serif;letter-spacing:3px}
.hs-unseal-front{transform:rotateY(180deg);background:#cab585}.hs-unseal-front>.hs-card{width:100%;height:100%;min-height:0;padding:7px 7px 27px;cursor:default;border-color:var(--rarity);opacity:1;filter:none;pointer-events:none}
.hs-unseal-front .hs-card-art{height:86px}.hs-unseal-front .hs-card-name{font-size:13px;min-height:32px;padding-top:7px;line-height:1.15}.hs-unseal-front .hs-card-type{font-size:7px;margin:5px 0}.hs-unseal-front .hs-card-rarity{font-size:8px;margin-bottom:4px}.hs-unseal-front .hs-card-text{font-size:9px;line-height:1.3;padding:1px 1px 4px}.hs-unseal-front .hs-cost{font-size:22px;width:30px;height:30px}.hs-unseal-front .hs-atk,.hs-unseal-front .hs-hp{font-size:20px;min-width:29px;height:29px}.hs-unseal-front .hs-card-badge{font-size:7px;white-space:nowrap}
.hs-unseal-card-caption{display:block;position:absolute;left:-18px;right:-18px;bottom:-24px;color:#ac9d7d;text-align:center;font-size:8px;letter-spacing:.7px;pointer-events:none;white-space:nowrap;text-shadow:0 2px 3px #000}.is-revealed .hs-unseal-card-caption{color:var(--rarity);font-weight:700}
.hs-unseal-flare{position:absolute;inset:-65px;opacity:0;border-radius:50%;pointer-events:none;background:repeating-conic-gradient(from 0deg,#0000 0 12deg,color-mix(in srgb,var(--rarity) 60%,transparent) 14deg 16deg,#0000 18deg 30deg),radial-gradient(circle,#fff7 0%,var(--rarity) 20%,#0000 66%);filter:blur(2px)}
.hs-unseal-epic .hs-unseal-back:after,.hs-unseal-legendary .hs-unseal-back:after{opacity:.23}.hs-unseal-legendary.is-revealed .hs-unseal-front{box-shadow:0 0 0 2px #f2c46b,0 0 22px #f1a43566,0 12px 25px #000a}
.hs-unseal-footer{position:relative;display:flex;align-items:center;flex-direction:column;gap:12px;padding:16px 0 3px;z-index:5}
.hs-unseal-progress{display:flex;gap:10px}.hs-unseal-progress i{width:6px;height:6px;border:1px solid #9a8661;transform:rotate(45deg);transition:background .2s}.hs-unseal-progress i.lit{background:#ecd18e;box-shadow:0 0 9px #eaca78}
.hs-unseal-actions{display:flex;gap:14px;align-items:center;justify-content:center}.hs-unseal-footer .hs-secondary,.hs-unseal-footer .hs-primary{padding:11px 25px;font-size:11px;min-width:185px}
.hs-unseal-footer>small{font-size:7px;letter-spacing:1.5px;color:#776e59}.hs-unseal-guarantee{font-size:10px;letter-spacing:1px;color:#aa9671}
.hs-unseal-reduced *{animation:none!important;transition:none!important}.hs-unseal-reduced .hs-unseal-booster{animation:none}

@keyframes hs-pack-breathe{0%,100%{transform:translateY(3px) rotate(-4deg)}50%{transform:translateY(-8px) rotate(-2deg)}}
@keyframes hs-pack-shudder{0%{transform:rotate(-4deg)}20%{transform:rotate(2deg) scale(1.04)}35%{transform:rotate(-5deg) scale(1.08)}50%{transform:rotate(4deg) scale(1.12)}70%{transform:rotate(-2deg) scale(1.08)}100%{transform:rotate(0deg)}}
@keyframes hs-pack-tear-left{0%,30%{transform:translate(0,0) rotate(0);opacity:1}48%{transform:translate(-16px,0) rotate(-8deg);opacity:1}100%{transform:translate(-155px,45px) rotate(-40deg) scale(.65);opacity:0}}
@keyframes hs-pack-tear-right{0%,30%{transform:translate(0,0) rotate(0);opacity:1}48%{transform:translate(16px,0) rotate(8deg);opacity:1}100%{transform:translate(155px,45px) rotate(40deg) scale(.65);opacity:0}}
@keyframes hs-pack-vanish{0%,30%{opacity:1}50%,100%{opacity:0}}
@keyframes hs-pack-flash{0%,28%{opacity:0;transform:translate(-50%,-50%) scale(.3)}44%{opacity:.85;transform:translate(-50%,-50%) scale(5.5)}100%{opacity:0;transform:translate(-50%,-50%) scale(8)}}
@keyframes hs-pack-ember{0%{opacity:0;transform:translate(0,0) scale(.2)}15%{opacity:1}100%{opacity:0;transform:translate(var(--flight-x),var(--flight-y)) rotate(170deg) scale(.3)}}
@media(min-width:1450px){.hs-unseal{--card-width:178px;--card-height:270px}.hs-unseal-front .hs-card-art{height:100px}.hs-unseal-front .hs-card-name{font-size:15px}.hs-unseal-front .hs-card-text{font-size:10px}.hs-unseal-table{max-width:1150px;min-height:480px}}
@media(max-width:950px){.hs-unseal{--card-width:139px;--card-height:223px;padding:0 15px 18px}.hs-unseal-table{min-height:450px}.hs-unseal-front .hs-card-art{height:72px}.hs-unseal-front .hs-card-name{font-size:12px}.hs-unseal-front .hs-card-text{font-size:8px}.hs-unseal-altar{width:340px;height:340px}}
@media(max-width:680px){.hs-unseal{--card-width:137px;--card-height:224px;min-height:calc(100dvh - 60px);padding:0 13px 20px}.hs-unseal-toolbar{padding:14px 3px;gap:8px}.hs-unseal-toolbar>span{font-size:9px;letter-spacing:0}.hs-unseal-toolbar .hs-link{font-size:10px}.hs-unseal .hs-unseal-heading h1{font-size:30px}.hs-unseal-heading .hs-eyebrow{font-size:6px;letter-spacing:1.5px}.hs-unseal-heading p{font-size:10px;max-width:300px;margin:auto}.hs-unseal-table{height:auto;min-height:410px}.hs-unseal-phase-cards .hs-unseal-table{min-height:810px;max-width:390px;margin-top:12px}.hs-unseal-slot{left:27%;top:140px}.hs-unseal-slot:nth-child(2){left:73%;top:140px}.hs-unseal-slot:nth-child(3){left:27%;top:410px}.hs-unseal-slot:nth-child(4){left:73%;top:410px}.hs-unseal-slot:nth-child(5){left:50%;top:675px}.hs-unseal-card{transform:rotate(0)}.hs-unseal-altar{width:290px;height:290px;top:46%}.hs-unseal-phase-cards .hs-unseal-altar{top:380px;opacity:.65}.hs-unseal-stage-note{font-size:10px;bottom:0}.hs-unseal-actions{flex-direction:column;gap:9px}.hs-unseal-footer{gap:14px;padding-top:22px}.hs-unseal-footer .hs-primary,.hs-unseal-footer .hs-secondary{min-height:42px;min-width:220px}.hs-pack-showcase{padding:0;gap:16px}.hs-pack-showcase .hs-booster{width:105px;height:166px}.hs-pack-showcase .hs-booster-title{font-size:10px;top:16px;letter-spacing:1.5px}.hs-pack-showcase .hs-booster-title small{font-size:6px;letter-spacing:2px}.hs-pack-showcase .hs-booster-crest{width:58px;height:58px;top:53px;border-width:4px}.hs-pack-showcase .hs-booster-crest>span{font-size:36px}.hs-pack-showcase .hs-booster-crest:before,.hs-pack-showcase .hs-booster-crest:after{width:68px;height:50px;border-width:2px}.hs-pack-showcase .hs-booster-houses{font-size:7px;letter-spacing:1px;bottom:28px}.hs-pack-showcase .hs-booster-bottom{font-size:5px;letter-spacing:.7px;bottom:15px}.hs-pack-showcase>span{font-size:5px;letter-spacing:.5px}}
@media(max-width:350px){.hs-unseal{--card-width:123px;--card-height:219px}.hs-unseal-front .hs-card-name{font-size:11px}.hs-unseal-front .hs-card-text{font-size:7px}.hs-unseal-toolbar>span{display:none}}
@media(max-width:680px){.hs-unseal-phase-cards{padding-bottom:145px}.hs-unseal-phase-cards .hs-unseal-footer{position:fixed;left:0;right:0;bottom:0;z-index:12;padding:12px 15px 16px;background:linear-gradient(#142027f2,#0c171dfc);border-top:1px solid #bda47255;box-shadow:0 -8px 25px #0005;gap:10px}.hs-unseal-phase-cards .hs-unseal-footer>small{display:none}.hs-unseal-phase-cards .hs-unseal-actions{flex-direction:row;gap:8px;width:100%}.hs-unseal-phase-cards .hs-unseal-actions .hs-secondary,.hs-unseal-phase-cards .hs-unseal-actions .hs-primary{min-width:0;flex:1;padding:12px 8px;font-size:10px}}
@media(prefers-reduced-motion:reduce){.hs-unseal *,.hs-pack-showcase *{animation:none!important;transition:none!important}}
/* Published pack averages and the player's remaining guarantee windows. */
.hs-pack-guarantees{display:grid;grid-template-columns:1.15fr 1fr 1fr;gap:20px;padding:24px;margin-top:24px;border:1px solid #b9924d44;border-radius:14px;background:linear-gradient(120deg,#231e18,#15191e);text-align:left}
.hs-pack-guarantees h2{margin:8px 0;font-size:24px;color:#f0dfba}
.hs-pack-guarantees p{font-size:14px;line-height:1.6;color:#bbb7ae;margin:10px 0}
.hs-pack-guarantees article{padding:4px 20px;border-left:1px solid #b9924d33}
.hs-pack-guarantees article>span{display:block;font-size:12px;letter-spacing:1.7px;color:var(--guarantee-color)}
.hs-pack-guarantees strong{display:block;margin-top:12px;font-size:28px;color:var(--guarantee-color)}
.hs-pack-guarantees strong small{display:block;font-size:12px;font-weight:400;color:#bcb6a9;margin-top:4px}
.hs-pack-guarantees article>small{font-size:12px;color:#aaa296;line-height:1.6}
.hs-pack-guarantees b{color:#ede4d1}
.hs-guarantee-epic{--guarantee-color:#c99cff}.hs-guarantee-legendary{--guarantee-color:#efb661}
@media(max-width:850px){.hs-pack-guarantees{grid-template-columns:1fr 1fr}.hs-pack-guarantees>div{grid-column:1/-1}.hs-pack-guarantees article{padding:0 12px;border-left:0}}
@media(max-width:480px){.hs-pack-guarantees{padding:18px;gap:18px}.hs-pack-guarantees article{padding:0}.hs-pack-guarantees strong{font-size:24px}.hs-pack-guarantees article>span{font-size:11px;letter-spacing:1px}}