body.opening-active{overflow:hidden}.opening{position:fixed;inset:0;z-index:50;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:30px;opacity:0;visibility:hidden;pointer-events:none;overflow:hidden;background:radial-gradient(ellipse at 50% 48%,#4a300a 0%,#17120a 33%,#050504 75%);transition:opacity .45s,visibility .45s}.opening.active{opacity:1;visibility:visible;pointer-events:auto}.opening:before,.opening:after{content:'';position:absolute;pointer-events:none}.opening:before{width:900px;height:900px;border:1px solid #f7c64e30;border-radius:50%;box-shadow:0 0 0 60px #e9b63f08,0 0 0 120px #e9b63f06;animation:portal 8s linear infinite}.opening:after{inset:0;background:repeating-linear-gradient(117deg,transparent 0 90px,#ffffff05 91px 92px,transparent 93px 175px)}.opening-stars{position:absolute;inset:0;background-image:radial-gradient(#ffecc3 1px,transparent 1px),radial-gradient(#eab54d 1px,transparent 1px);background-position:20px 30px,110px 90px;background-size:130px 150px,190px 210px;opacity:.42;animation:stars 30s linear infinite}.opening-intro{position:relative;z-index:1;text-align:center}.opening-intro p{margin:0 0 8px;color:#f1cc74;font:500 11px 'DM Mono';letter-spacing:2px}.opening-intro h2{margin:0;color:#fff7df;font-size:clamp(29px,3.5vw,48px);letter-spacing:-1.8px}.opening-intro span{display:block;margin-top:8px;color:#b7a47d;font-size:13px}.opening-close{position:absolute;top:20px;right:26px;z-index:3;width:38px;height:38px;border:1px solid #e6bd6047;border-radius:50%;background:#1a1409;color:#f7d788;font-size:24px;cursor:pointer}.opening-cards{position:relative;z-index:1;display:flex;align-items:center;justify-content:center;width:min(1360px,94vw);height:min(36vw,470px);perspective:1600px}.open-card{position:relative;width:clamp(62px,8.8vw,145px);aspect-ratio:2.5/3.5;margin-left:clamp(-8px,-.5vw,-2px);transform:translateY(55px) scale(.75);opacity:0;transition:transform .55s cubic-bezier(.2,.8,.2,1),opacity .4s}.open-card:first-child{margin-left:0}.opening-cards.dealt .open-card{opacity:1;transform:translateY(0) scale(1);transition-delay:calc(var(--i) * 65ms)}.open-card-inner{position:absolute;inset:0;transform-style:preserve-3d;transition:transform .72s cubic-bezier(.2,.75,.25,1)}.open-card.flipped .open-card-inner{transform:rotateY(180deg)}.open-card-back,.open-card-front{position:absolute;inset:0;overflow:hidden;border-radius:8px;backface-visibility:hidden;border:2px solid #d8aa45;box-shadow:0 12px 28px #000a}.open-card-back{background:#0e0c07}.open-card-back>img:first-child{width:100%;height:100%;object-fit:cover}.back-logo{position:absolute;width:27%;height:20%;object-fit:cover;border-radius:4px;left:36.5%;top:40%;box-shadow:0 2px 9px #000}.open-card-front{display:flex;flex-direction:column;background:#27251c;transform:rotateY(180deg)}.open-card-front>img{width:100%;height:77%;object-fit:cover}.open-card-front>div{flex:1;padding:5px 6px;color:#fff8e0;background:#39352a;line-height:1.05}.open-card-front b{display:block;font-size:clamp(7px,.9vw,13px)}.open-card-front span{display:block;margin-top:3px;font:clamp(5px,.55vw,8px) 'DM Mono';color:#e4c77d}.open-card.common .open-card-front{border-color:#d6d0bf}.open-card.uncommon .open-card-front{border-color:#56cd8d}.open-card.uncommon .open-card-front>div{background:#175239}.open-card.rare .open-card-front{border-color:#5ba9f5}.open-card.rare .open-card-front>div{background:#1c4777}.open-card.legendary{z-index:2}.open-card.legendary .open-card-front{border-color:#ffe068;box-shadow:0 0 25px #f5c24eb8,0 12px 28px #000a}.open-card.legendary .open-card-front>div{background:#825108}.open-card.mystery{margin-left:clamp(2px,.6vw,9px);filter:drop-shadow(0 0 14px #b877ff7d)}.open-card.mystery:after{content:'';position:absolute;inset:-8px;border-radius:14px;background:linear-gradient(135deg,#783aff88,#ffcf4eaa);filter:blur(12px);z-index:-1;opacity:.3}.open-card.mystery.flipped{transform:translateY(-18px) scale(1.12)}.mystery-seal{position:absolute;inset:0;display:grid;place-items:center;background:radial-gradient(circle,#231329,#08070b 67%);color:#f5d67f;font:700 clamp(28px,5vw,66px) Outfit;font-style:normal;transition:opacity .8s;box-shadow:inset 0 0 30px #a84bff8c}.mystery.unveiled .mystery-seal{opacity:0}.opening-footer{position:relative;z-index:1;text-align:center;transform:translateY(18px);opacity:0;transition:.45s}.opening-footer.show{transform:none;opacity:1}.opening-footer p{margin:0 0 10px;color:#cdb98a;font-size:12px}.opening-footer button{border:1px solid #ffe6a3;border-radius:8px;padding:12px 20px;background:linear-gradient(100deg,#a06910,#e0ae35);color:#170f03;font:700 14px Outfit;cursor:pointer}.opening-footer b{margin-left:12px;font-size:18px}@keyframes portal{to{transform:rotate(360deg)}}@keyframes stars{to{background-position:150px 180px,300px 300px}}@media(max-width:700px){.opening{gap:20px}.opening-cards{width:99vw;height:52vw}.open-card{width:9.5vw;margin-left:-2.2vw}.open-card-back,.open-card-front{border-width:1px;border-radius:4px}.open-card.mystery{margin-left:0}.open-card.mystery.flipped{transform:translateY(-8px) scale(1.08)}.opening-intro h2{font-size:30px}.opening-close{top:12px;right:14px}}