.opening-draw-controls{display:flex;align-items:center;gap:14px;flex-wrap:wrap;justify-content:flex-end}
.opening-pool{position:relative;scroll-margin-top:16px}
.draw-reveal-grid{gap:16px;padding:18px;overflow:hidden}
.draw-reveal-slot{position:relative;min-width:0;height:240px;perspective:1000px;isolation:isolate}
.draw-card-turn{position:relative;width:100%;height:100%;transform-style:preserve-3d;transition:transform .72s cubic-bezier(.22,.7,.22,1)}
.draw-reveal-slot.is-turning .draw-card-turn{transform:rotateY(180deg)}
.draw-card-back,.draw-card-front{position:absolute;inset:0;backface-visibility:hidden;-webkit-backface-visibility:hidden;border-radius:6px}
.draw-card-front{transform:rotateY(180deg)}
.draw-card-front .opening-card{width:100%;height:100%;min-height:0;justify-content:center;align-items:center;text-align:center;gap:16px;padding:20px}
.draw-card-front .opening-card:disabled{opacity:1}
.draw-card-front .opening-card-description,.draw-card-front .opening-card-effects,.draw-card-front .opening-card-action,.draw-card-front .opening-card-cost{display:none}
.draw-card-front .opening-card-top{justify-content:center}
.draw-card-front .opening-card>strong{font-size:24px}
.draw-card-back{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:17px;overflow:hidden;border:1px solid #b09762;background:radial-gradient(ellipse at 50% 42%,rgba(193,160,87,.14),transparent 60%),repeating-linear-gradient(45deg,transparent 0 12px,rgba(177,155,105,.025) 13px 14px),linear-gradient(145deg,#30342d,#131d18);box-shadow:inset 0 0 0 5px #24291f,inset 0 0 0 6px rgba(192,165,108,.35),0 7px 18px rgba(0,0,0,.35);color:#d8c18d}
.draw-back-frame{position:absolute;width:108px;height:108px;border:1px solid #7f714f;transform:rotate(45deg);top:44px;pointer-events:none}
.draw-back-frame::before{content:'';position:absolute;inset:10px;border:1px solid rgba(183,153,92,.4)}
.draw-back-seal{display:grid;place-items:center;width:90px;height:90px;font-size:56px;line-height:1;text-shadow:0 0 25px rgba(223,191,124,.3)}
.draw-back-title{font:18px var(--serif,serif);letter-spacing:.3em;z-index:1}
.draw-back-line{width:42px;height:1px;background:linear-gradient(90deg,transparent,#d0b579,transparent)}
.draw-reveal-slot.is-waiting{animation:draw-gather 1.3s ease-in-out infinite alternate;animation-delay:calc(var(--deal-index) * -120ms)}
.draw-burst{position:absolute;inset:-18px;z-index:-1;pointer-events:none;opacity:0;border-radius:50%;background:radial-gradient(ellipse,rgba(var(--rarity-rgb),.65),rgba(var(--rarity-rgb),.2) 40%,transparent 72%);transform:scale(.25)}
.draw-reveal-slot.is-revealed .draw-burst{animation:draw-glow 1.25s ease-out both}
.draw-reveal-slot[data-rarity=legendary] .draw-burst,.draw-reveal-slot[data-rarity=mythic] .draw-burst{inset:-34px;background:radial-gradient(ellipse,rgba(var(--rarity-rgb),.9),rgba(var(--rarity-rgb),.28) 45%,transparent 70%)}
.draw-reveal-slot[data-rarity=legendary] .draw-burst::after,.draw-reveal-slot[data-rarity=mythic] .draw-burst::after{content:'';position:absolute;inset:0;border-radius:50%;background:repeating-conic-gradient(from 8deg,transparent 0deg 20deg,rgba(var(--rarity-rgb),.6) 22deg 25deg,transparent 27deg 40deg);mask-image:radial-gradient(ellipse,transparent 10%,#000 36%,transparent 70%)}
.draw-reveal-slot[data-rarity=mythic].is-revealed .draw-card-front .opening-card{animation:draw-mythic 1.2s ease-out both}
.draw-reveal-slot[data-rarity=legendary].is-revealed .draw-card-front .opening-card{animation:draw-legendary 1.2s ease-out both}
.draw-sparks{position:absolute;inset:-12px;overflow:hidden;z-index:2;pointer-events:none}
.draw-sparks i{position:absolute;left:50%;top:50%;width:3px;height:16px;border-radius:50%;opacity:0;background:rgb(var(--rarity-rgb));box-shadow:0 0 8px rgb(var(--rarity-rgb));transform:rotate(var(--spark-angle)) translateY(0)}
.draw-reveal-slot.is-revealed .draw-sparks i{animation:draw-spark 1.1s ease-out both}
.draw-announcement{--rarity-rgb:244,201,92;position:absolute;top:62px;left:50%;width:min(90%,460px);padding:12px 24px;transform:translateX(-50%);z-index:5;text-align:center;pointer-events:none;opacity:0;background:radial-gradient(ellipse,#191b16 15%,rgba(25,27,22,.9) 50%,transparent 76%);color:rgb(var(--rarity-rgb))}
.draw-announcement strong{display:block;font:600 clamp(26px,4vw,38px) var(--serif,serif);letter-spacing:.18em;text-shadow:0 0 20px rgba(var(--rarity-rgb),.7)}
.draw-announcement span{display:block;margin-top:5px;font-size:15px;color:#f7e8cb}
.draw-announcement.is-visible{animation:draw-announce 1.35s ease-out both}
@keyframes draw-gather{from{filter:brightness(.85);transform:translateY(2px)}to{filter:brightness(1.2);transform:translateY(-3px)}}
@keyframes draw-glow{0%{opacity:0;transform:scale(.25)}24%{opacity:.9;transform:scale(1)}100%{opacity:0;transform:scale(1.3)}}
@keyframes draw-spark{0%{opacity:0;transform:rotate(var(--spark-angle)) translateY(0) scale(.2)}20%{opacity:1}100%{opacity:0;transform:rotate(var(--spark-angle)) translateY(-130px) scale(.15)}}
@keyframes draw-legendary{0%{filter:brightness(1)}28%{filter:brightness(1.8);box-shadow:0 0 30px rgba(var(--rarity-rgb),.75),inset 0 0 30px rgba(var(--rarity-rgb),.2)}100%{filter:brightness(1)}}
@keyframes draw-mythic{0%{filter:brightness(1)}28%{filter:brightness(2);box-shadow:0 0 40px rgba(var(--rarity-rgb),.9),0 0 65px rgba(244,201,92,.4),inset 0 0 34px rgba(var(--rarity-rgb),.3)}100%{filter:brightness(1)}}
@keyframes draw-announce{0%{opacity:0;transform:translate(-50%,10px) scale(.9)}22%,70%{opacity:1;transform:translate(-50%,0) scale(1)}100%{opacity:0;transform:translate(-50%,-8px) scale(1.03)}}
@media(max-width:640px){.draw-reveal-grid{gap:12px}.draw-reveal-slot{height:210px}.draw-card-front .opening-card{padding:14px;gap:12px}.draw-card-front .opening-card>strong{font-size:19px}.draw-back-frame{width:86px;height:86px;top:40px}.draw-back-seal{font-size:45px;width:75px;height:75px}.draw-back-title{font-size:16px}.opening-draw-controls{gap:8px}.draw-announcement{top:48px}}
@media(prefers-reduced-motion:reduce){.draw-card-turn{transition:none}.draw-reveal-slot.is-waiting,.draw-reveal-slot.is-revealed .draw-burst,.draw-reveal-slot.is-revealed .draw-sparks i,.draw-reveal-slot.is-revealed .draw-card-front .opening-card,.draw-announcement.is-visible{animation:none}}