.booster-stage{width:100%;padding:35px 30px 25px;border:1px solid #c7d2b7;border-radius:18px;background:radial-gradient(ellipse at 50% 45%,#e0e8ce,#eef0e4 70%);overflow:hidden;margin:15px 0 20px}.opening-heading{text-align:center}.opening-heading small{font-size:9px;letter-spacing:2px;color:#82916c}.opening-heading h2{font-family:Georgia;font-size:32px;font-weight:400;margin:12px 0}.opening-instruction{text-align:center;min-height:26px;font-size:12px}.opening-row{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:30px;max-width:800px;margin:30px auto}.opening-slot{position:relative;perspective:1200px;animation:deal-in .55s both;animation-delay:var(--deal-delay);min-width:0}.opening-flip{display:grid;transform-style:preserve-3d;transition:transform .72s cubic-bezier(.2,.7,.25,1)}.opening-back,.opening-front{grid-area:1/1;backface-visibility:hidden;min-width:0}.opening-back{position:relative;display:flex;flex-direction:column;justify-content:center;align-items:center;width:100%;min-height:365px;border:2px solid #a9bd7c;border-radius:14px;background:repeating-linear-gradient(45deg,#ffffff04 0 1px,transparent 1px 12px),linear-gradient(145deg,#294e39,#162e22);box-shadow:0 15px 25px #18352425,inset 0 0 0 7px #244633,inset 0 0 0 8px #a8be7a55;color:#e7edc3;cursor:pointer;overflow:hidden}.opening-back:before,.opening-back:after{content:'';position:absolute;width:160px;height:160px;border:1px solid #a9bd7c44;transform:rotate(45deg);pointer-events:none}.opening-back:after{width:195px;height:195px}.back-monogram{font-family:Georgia;font-size:62px;letter-spacing:-5px;z-index:1}.back-name{font-size:9px;letter-spacing:3px;text-align:center;line-height:1.8;margin-top:15px;z-index:1}.back-corners{position:absolute;top:17px;left:20px;font-size:23px}.back-bottom{position:absolute;bottom:24px;font-size:9px;letter-spacing:2px}.opening-back:disabled{cursor:default;opacity:.8}.ready .opening-back{box-shadow:0 0 0 4px #b4cd8133,0 15px 30px #2a49242e;animation:card-breathe 2.5s ease-in-out infinite}.opening-front{transform:rotateY(180deg);align-self:start}.opening-front[hidden]{display:none}.opening-front .card{width:100%;min-height:365px;animation:none!important}.opening-front .portrait{height:185px}.turning .opening-flip{transform:rotateY(180deg)}.opening-caption{text-align:center;font-size:10px;letter-spacing:1px;color:#899577;margin-top:17px;min-height:15px}.opening-receipt{text-align:center;font-size:10px;color:#859372;margin-top:25px}.reveal-legendary .opening-flip{transition-duration:1.1s}.reveal-mythic .opening-flip{transition-duration:1.4s}.revealed.reveal-epic .opening-front{filter:drop-shadow(0 0 12px #ae78d977)}.revealed.reveal-legendary .opening-front{animation:golden-aura 1.2s ease-out!important}.revealed.reveal-mythic .opening-front{animation:mythic-aura 1.6s ease-out!important}.reveal-legendary .opening-caption{color:#9d7927;font-weight:700}.reveal-mythic .opening-caption{color:#7c4b9a;font-weight:700}.opening-burst{position:absolute;top:40%;left:50%;pointer-events:none;z-index:5}.opening-burst i{position:absolute;width:4px;height:4px;border-radius:50%;background:#efe1a2;box-shadow:0 0 8px #efcd5b;animation:spark-out 1.15s ease-out both}.reveal-mythic .opening-burst i{background:#efd7ff;box-shadow:0 0 12px #b787ff}.reveal-epic .opening-burst i{background:#dfb0ff}.revealed .opening-back{display:none}.revealed .opening-front{transform:rotateY(180deg)}@keyframes deal-in{from{opacity:0;transform:translateY(35px) rotate(-4deg)}to{opacity:1;transform:none}}@keyframes card-breathe{50%{box-shadow:0 0 0 6px #b4cd8120,0 0 25px #adc97733,0 15px 30px #2a49242e}}@keyframes golden-aura{0%,100%{filter:drop-shadow(0 0 0 transparent)}40%{filter:drop-shadow(0 0 28px #dfb441)}}@keyframes mythic-aura{0%,100%{filter:drop-shadow(0 0 6px #b894db44)}35%{filter:drop-shadow(0 0 38px #c297fa) brightness(1.35)}}@keyframes spark-out{0%{opacity:0;transform:rotate(var(--spark-angle)) translateX(0) scale(.2)}20%{opacity:1}100%{opacity:0;transform:rotate(var(--spark-angle)) translateX(var(--spark-distance)) scale(.4)}}@media(max-width:650px){.booster-stage{padding:25px 12px}.opening-row{gap:10px}.opening-back{min-height:265px;border-radius:8px}.back-monogram{font-size:35px;letter-spacing:-3px}.back-name{font-size:6px;letter-spacing:1px}.back-bottom{font-size:6px;letter-spacing:.5px}.opening-back:before{width:65px;height:65px}.opening-back:after{width:90px;height:90px}.opening-front .card{min-height:265px;padding:5px}.opening-front .portrait{height:115px}.opening-front .card h3{font-size:14px}.opening-front .card-top{flex-direction:column;font-size:5px;align-items:flex-start;padding:4px 0}.opening-front .card-top span{font-size:6px;padding:3px}.opening-front .card-bottom{padding:8px 0}.opening-front .card-bottom small{display:none}.opening-front .card-bottom p{font-size:7px;min-height:25px}.opening-front .card-stats{font-size:7px;gap:2px;padding:7px 0 4px}.opening-front .card-archetype{font-size:6px;padding:2px 0}.opening-caption{font-size:7px;letter-spacing:0}.opening-heading h2{font-size:26px}.opening-instruction{font-size:10px}.back-corners{font-size:17px;top:12px;left:12px}}@media(prefers-reduced-motion:reduce){.opening-slot,.ready .opening-back,.opening-burst i,.revealed .opening-front{animation:none!important}.opening-flip{transition:none!important}.opening-burst{display:none}}

.opening-controls{display:flex;justify-content:center;flex-wrap:wrap;gap:12px;margin:18px 0}.opening-controls[hidden]{display:none}.opening-controls button{font-size:11px}.opening-instant .opening-flip{transition:none!important}.opening-instant .opening-front{animation:none!important}
