.yay-opening{background:#f9f7f0;border:1px solid #e3dfd5;border-radius:22px;padding:28px;color:#25291f;font-family:Inter,Arial,sans-serif;margin-top:20px;position:relative;overflow:hidden}.yay-opening button{font:inherit;cursor:pointer}.yay-opening button:disabled{cursor:wait;opacity:.65}.yay-opening button:focus-visible{outline:3px solid #7754d6;outline-offset:5px}.yay-opening-bar{display:flex;align-items:center;justify-content:space-between;gap:12px;border-bottom:1px solid #25291f25;padding-bottom:20px}.yay-opening-bar strong{font-size:25px;letter-spacing:-1.3px}.yay-opening-bar>span{font-size:10px;letter-spacing:1.4px}.yay-opening-bar button{border:1px solid #25291f50;border-radius:30px;background:transparent;padding:9px 15px}.yay-opening-title{text-align:center;margin:35px 0}.yay-opening-title>p:first-child{font-size:11px;letter-spacing:2px}.yay-opening-title h2{font-size:clamp(27px,4vw,44px);letter-spacing:-1.5px;margin:15px 0}.yay-opening-title>p:last-child{font-size:14px;color:#64675c}.yay-pack-stage{display:grid;justify-items:center;gap:32px;padding:36px 0 22px;min-height:365px}.yay-pack-cover{--pack-bg:#ead8f2;--pack-seal:#f3c7b3;--pack-ink:#29251f;width:244px;height:320px;position:relative;display:block;appearance:none;border:0!important;border-radius:10px;background:transparent!important;color:var(--pack-ink);text-align:left;transform:rotate(-6deg);box-shadow:14px 18px #34302615;touch-action:none;isolation:isolate;overflow:visible}.yay-pack-cover:hover:not(:disabled){transform:rotate(-4deg) translateY(-4px)}.yay-pack-cover:disabled{opacity:1!important;cursor:default!important}.yay-pack-cover:active:not(:disabled){cursor:grabbing}.yay-pack-face{position:absolute;inset:0;overflow:hidden;border-radius:10px;border:1px solid #0002;background:var(--pack-bg);padding:55px 23px 22px;display:flex;flex-direction:column;z-index:2;transition:transform .85s cubic-bezier(.2,.7,.15,1),opacity .8s}.yay-pack-face:before{content:"";position:absolute;inset:0;background:#2d2730;opacity:.13;pointer-events:none;-webkit-mask-image:var(--pack-mask);mask-image:var(--pack-mask);-webkit-mask-size:44px;mask-size:44px}.yay-pack-cover.pattern-rays{--pack-mask:repeating-conic-gradient(from 0deg,#000 0deg 20deg,transparent 20deg 45deg)}.yay-pack-cover.pattern-dots{--pack-mask:radial-gradient(circle,#000 2px,transparent 3px)}.yay-pack-cover.pattern-checker{--pack-mask:conic-gradient(#000 25%,transparent 0 50%,#000 0 75%,transparent 0)}.yay-pack-cover.pattern-waves{--pack-mask:repeating-radial-gradient(circle at 0 0,#000 0 2px,transparent 3px 12px)}.yay-pack-cover.pattern-none .yay-pack-face:before{display:none}.yay-pack-face strong{font-size:42px;letter-spacing:-2.6px;line-height:.9;position:relative;overflow-wrap:anywhere}.yay-pack-face small{font-size:9px;letter-spacing:1.2px;margin-top:8px;position:relative}.yay-pack-sigil{font-size:100px;line-height:1;text-align:center;flex:1;display:grid;place-items:center;position:relative}.yay-pack-count{font-size:10px;letter-spacing:1.1px;border-top:1px solid currentColor;padding-top:10px;display:flex;justify-content:space-between;position:relative}.yay-pack-count b{font-size:17px;line-height:10px}.yay-pack-lid{position:absolute;top:0;left:0;right:0;height:46px;z-index:5;pointer-events:none;overflow:visible}.yay-pack-seal-svg{display:block;width:100%;height:46px;overflow:visible}.yay-pack-paper-edge{position:absolute;z-index:4;top:23px;left:0;width:100%;height:18px;overflow:visible;pointer-events:none;filter:drop-shadow(0 2px 2px #21192940)}.yay-pack-paper-edge path{fill:none;stroke:#fffaf0;stroke-width:4;stroke-linecap:round;stroke-linejoin:round}.yay-pack-peek{position:absolute;inset:25px 22px 32px;display:flex;align-items:center;justify-content:center;gap:0;z-index:1}.yay-pack-peek i{width:55px;height:225px;background:linear-gradient(145deg,#fff5d9,#f3caec);border-radius:7px;border:2px solid #fff;transform:translateY(22px) rotate(-12deg)}.yay-pack-peek i:nth-child(2){background:linear-gradient(145deg,#f8b782,#ffe6bf);transform:translateY(12px)}.yay-pack-peek i:nth-child(3){background:linear-gradient(145deg,#e5d7ff,#d8f9dc);transform:translateY(22px) rotate(12deg)}.yay-pack-cover.sealed .yay-pack-face,.yay-pack-cover.tearing .yay-pack-face{clip-path:polygon(0 10%,2% 10.8%,5% 9.6%,8% 10.6%,11% 9.5%,14% 10.5%,17% 9.7%,20% 10.9%,23% 9.8%,26% 10.6%,29% 9.5%,32% 10.4%,35% 9.4%,38% 10.4%,41% 9.8%,44% 10.9%,47% 9.7%,50% 10.6%,53% 9.9%,56% 11%,59% 9.8%,62% 10.5%,65% 9.7%,68% 10.7%,71% 9.4%,74% 10.2%,77% 9.5%,80% 10.7%,83% 9.8%,86% 10.6%,89% 9.6%,92% 10.4%,95% 9.5%,98% 10.7%,100% 9.8%,100% 100%,0 100%)}.yay-pack-cover.tearing{box-shadow:none}.yay-pack-cover.is-detached .yay-pack-lid{transform-origin:28% 52%;animation:yay-seal-flight 1.03s cubic-bezier(.22,.67,.3,1) both}.yay-pack-cover.is-detached .yay-pack-paper-edge{animation:yay-paper-edge-fade .98s both}.yay-pack-cover.is-detached .yay-pack-face{animation:yay-body .98s ease-in-out forwards}.yay-pack-cover.is-detached .yay-pack-peek{animation:yay-peek .98s ease-out forwards}.yay-opening-button{background:#292d23;color:#fffaf0;border:0;border-radius:40px;padding:14px 26px;font-weight:600!important}.yay-opened-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;max-width:1000px;margin:0 auto}.yay-reveal{min-width:0;position:relative;isolation:isolate;z-index:1}.yay-reveal.is-celebrating{z-index:2}.yay-reveal .yay-card{max-width:none;min-height:390px;z-index:1}.yay-reveal .yay-card h2{font-size:32px}.yay-reveal.is-revealed{animation:yay-reveal .6s cubic-bezier(.15,.8,.2,1)}.yay-reveal.rarity-legendary.is-revealed .yay-card{animation:yay-legendary-arrive 1.2s ease-out}.yay-reveal.rarity-rare.is-revealed .yay-card{animation:yay-rare-arrive .7s ease-out}.yay-card-back{border:1px solid #bcb0d0;border-radius:22px;min-height:390px;width:100%;background:repeating-linear-gradient(135deg,#e9e0f1 0 12px,#e1d7ea 12px 13px);color:#605071;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:65px;box-shadow:6px 8px #34302610}.yay-card-back strong{font-size:43px;line-height:.9;letter-spacing:-2px}.yay-card-back span{font-size:10px;letter-spacing:1.5px}.yay-copy-label{text-align:center;font-size:11px;color:#737366}.yay-opening-footer{text-align:center;margin-top:25px}.yay-opening-footer p{font-size:12px;color:#747468}.yay-card-celebration-label{position:absolute;top:-17px;left:50%;z-index:2;pointer-events:none;transform:translate(-50%) rotate(-5deg);background:#fff7dd;color:#29251f;padding:7px 16px;border-radius:40px;font-size:18px;white-space:nowrap;box-shadow:0 5px 18px #5e42733b;animation:yay-burst-label 2.2s both}.yay-card-confetti{position:absolute;inset:0;z-index:0;pointer-events:none;overflow:visible}.yay-card-confetti i{position:absolute;left:var(--x);top:var(--y);width:var(--size);height:calc(var(--size) * 1.5);background:hsl(var(--hue) 90% 58%);border-radius:2px;opacity:0;animation:yay-card-confetti 1.75s var(--delay) cubic-bezier(.18,.65,.28,1) both}.yay-card-confetti i:nth-child(3n){border-radius:50%}.yay-card-confetti i:nth-child(5n){height:3px}@keyframes yay-seal-flight{0%{transform:translate(0) rotate(0);opacity:1}24%{transform:translate(-35px,-26px) rotate(-14deg);opacity:1}58%{transform:translate(-143px,-132px) rotate(-56deg);opacity:1}to{transform:translate(-192px,420px) rotate(-180deg);opacity:0}}@keyframes yay-paper-edge-fade{0%,38%{opacity:1}to{opacity:0}}@keyframes yay-body{0%{transform:rotate(0)}18%{transform:rotate(1deg) translate(2px)}35%{transform:rotate(-1deg) translate(-1px)}50%{transform:rotate(1deg) translate(2px)}68%{transform:rotate(-1deg) translate(-1px)}85%{transform:rotate(1deg);opacity:1}to{transform:translate(-44px,-62px) rotate(-9deg) scale(.95);opacity:0}}@keyframes yay-peek{55%{transform:translateY(-4px)}to{transform:translate(-12px,-75px) scale(1.1);opacity:0}}@keyframes yay-reveal{0%{opacity:0;transform:perspective(800px) rotateY(78deg) translateY(22px)}to{opacity:1;transform:none}}@keyframes yay-rare-arrive{50%{filter:brightness(1.15)}}@keyframes yay-legendary-arrive{0%{filter:brightness(1.55) drop-shadow(0 0 20px #f8d86b)}55%{filter:brightness(1.18) drop-shadow(0 0 14px #e5c4ff)}to{filter:none}}@keyframes yay-burst-label{0%{opacity:0;transform:translate(-50%) translateY(12px) rotate(-10deg) scale(.65)}18%,72%{opacity:1;transform:translate(-50%) rotate(-5deg) scale(1)}to{opacity:0;transform:translate(-50%) translateY(-8px) rotate(-5deg) scale(.9)}}@keyframes yay-card-confetti{0%{opacity:0;transform:translate(-50%,-50%) rotate(0) scale(.4)}18%{opacity:1}70%{opacity:1}to{opacity:0;transform:translate(calc(var(--dx) - 50%),calc(var(--dy) - 50%)) rotate(620deg)}}@media(max-width:720px){.yay-opening{padding:18px}.yay-opening-bar{flex-wrap:wrap}.yay-opening-bar>span{order:3;flex-basis:100%}.yay-opened-cards{grid-template-columns:1fr;max-width:330px}.yay-opening-title h2{font-size:30px}}@media(prefers-reduced-motion:reduce){.yay-opening *{animation:none!important;transition:none!important}.yay-card-confetti{display:none}.yay-pack-cover.tearing .yay-pack-lid,.yay-pack-cover.tearing .yay-pack-face{opacity:0}}