.tcg-pack-sim{margin:.85rem 0 .35rem}.tcg-pack-sim__trigger{display:inline-flex;align-items:center;gap:.55rem;width:100%;margin:0;padding:.35rem 0;border:0;background:transparent;color:rgb(var(--kl24-holo));font:inherit;font-size:1.25rem;font-weight:600;line-height:1.4;text-align:left;cursor:pointer;transition:color .15s ease,opacity .15s ease}.tcg-pack-sim__trigger:hover,.tcg-pack-sim__trigger:focus-visible{color:rgb(var(--kl24-bg-soft));opacity:1}.tcg-pack-sim__trigger:focus-visible{outline:.2rem solid rgba(var(--kl24-holo),.65);outline-offset:.25rem;border-radius:.35rem}.tcg-pack-sim__trigger-icon{flex-shrink:0;font-size:1.15em;line-height:1}.tcg-pack-sim__trigger-text{text-decoration:underline;text-decoration-color:rgba(var(--kl24-holo),.45);text-underline-offset:.18em}.tcg-pack-sim__trigger:hover .tcg-pack-sim__trigger-text,.tcg-pack-sim__trigger:focus-visible .tcg-pack-sim__trigger-text{text-decoration-color:currentColor}.tcg-pack-sim__overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:9999;display:flex;align-items:center;justify-content:center;padding:1.2vh 1.2vw;background:#000000e0;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.tcg-pack-sim__overlay[hidden]{display:none}.tcg-pack-sim__dialog{position:relative;box-sizing:border-box;display:flex;flex-direction:column;width:min(98vw,1600px);height:min(96vh,980px);max-height:96vh;overflow:hidden;padding:clamp(1.4rem,2.5vh,2.2rem) clamp(1.4rem,2.5vw,2.4rem) clamp(1.2rem,2vh,1.8rem);border-radius:1.4rem;border:.12rem solid rgba(var(--kl24-holo),.5);background:rgb(var(--kl24-slate));box-shadow:0 28px 80px #0009}.tcg-pack-sim__close{position:absolute;top:clamp(.8rem,1.5vh,1.2rem);right:clamp(.8rem,1.5vw,1.2rem);z-index:2;border:0;background:transparent;color:rgb(var(--kl24-bg-soft));cursor:pointer;width:clamp(3rem,4vw,3.6rem);height:clamp(3rem,4vw,3.6rem)}.tcg-pack-sim__close svg{width:100%;height:100%}.tcg-pack-sim__title{flex:0 0 auto;margin:0 0 .35rem;padding-right:3.5rem;color:rgb(var(--kl24-bg-soft));font-size:clamp(2.2rem,3.2vw,3.4rem);line-height:1.1}.tcg-pack-sim__subtitle{flex:0 0 auto;margin:0 0 clamp(.8rem,1.5vh,1.2rem);color:rgba(var(--kl24-bg-soft),.78);font-size:clamp(1.35rem,2vw,1.75rem);line-height:1.35}.tcg-pack-sim__deck{flex:1 1 auto;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:clamp(.8rem,1.4vw,1.6rem);align-items:center;justify-items:center;min-height:0;width:100%}.tcg-pack-sim__card{width:100%;max-width:min(100%,18vw,280px);height:auto;aspect-ratio:2.5 / 3.5;max-height:min(62vh,520px);perspective:1200px;cursor:pointer;border:0;padding:0;background:transparent}.tcg-pack-sim__card-inner{position:relative;width:100%;height:100%;transform-style:preserve-3d;transition:transform .55s cubic-bezier(.2,.8,.2,1)}.tcg-pack-sim__card.is-flipped .tcg-pack-sim__card-inner{transform:rotateY(180deg)}.tcg-pack-sim__face{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:.65rem;backface-visibility:hidden;overflow:hidden;border:.12rem solid rgba(var(--kl24-holo),.4);box-shadow:0 8px 24px #00000059}.tcg-pack-sim__face--back{display:grid;place-items:center;background:linear-gradient(145deg,#1e293b,#0f172a);color:rgba(var(--kl24-holo),.95);font-size:clamp(3rem,5vw,4.5rem)}.tcg-pack-sim__face--front{transform:rotateY(180deg);background:#0b1220}.tcg-pack-sim__face--front img{width:100%;height:100%;object-fit:contain;background:#0b1220}.tcg-pack-sim__reveal-all{flex:0 0 auto;margin-top:clamp(.9rem,1.5vh,1.4rem);width:100%;min-height:clamp(4.8rem,7vh,5.6rem);font-size:clamp(1.45rem,2.2vw,1.85rem)}.tcg-pack-sim__overlay--preview-3,.tcg-pack-sim__overlay[data-preview-count="3"]{--pack3-card: 27rem;--pack3-card-max-h: 54rem;--pack3-gap: 1.9rem;--pack3-dialog-max: 1590px}.tcg-pack-sim__overlay--preview-3 .tcg-pack-sim__dialog,.tcg-pack-sim__overlay[data-preview-count="3"] .tcg-pack-sim__dialog,.tcg-pack-sim__dialog[data-preview-count="3"]{width:fit-content;max-width:min(96vw,var(--pack3-dialog-max, 1590px));height:auto;max-height:none;padding:3rem 3.6rem 2.65rem;align-items:stretch}.tcg-pack-sim__overlay--preview-3 .tcg-pack-sim__close,.tcg-pack-sim__overlay[data-preview-count="3"] .tcg-pack-sim__close{top:1.65rem;right:1.65rem;width:5.4rem;height:5.4rem}.tcg-pack-sim__overlay--preview-3 .tcg-pack-sim__title,.tcg-pack-sim__overlay[data-preview-count="3"] .tcg-pack-sim__title{font-size:clamp(3.5rem,6vw,4.25rem);padding-right:6rem;margin-bottom:.55rem}.tcg-pack-sim__overlay--preview-3 .tcg-pack-sim__subtitle,.tcg-pack-sim__overlay[data-preview-count="3"] .tcg-pack-sim__subtitle{margin-bottom:1.85rem;font-size:clamp(2.2rem,3.6vw,2.55rem);line-height:1.35}.tcg-pack-sim__overlay--preview-3 .tcg-pack-sim__deck,.tcg-pack-sim__overlay[data-preview-count="3"] .tcg-pack-sim__deck{flex:0 0 auto;display:flex;flex-direction:row;flex-wrap:nowrap;justify-content:center;align-items:center;gap:var(--pack3-gap, 1.9rem);width:auto;max-width:100%;margin-inline:auto}.tcg-pack-sim__overlay--preview-3 .tcg-pack-sim__card,.tcg-pack-sim__overlay[data-preview-count="3"] .tcg-pack-sim__card,.tcg-pack-sim__dialog[data-preview-count="3"] .tcg-pack-sim__card{flex:0 0 var(--pack3-card, 27rem);width:var(--pack3-card, 27rem);max-width:var(--pack3-card, 27rem);max-height:min(72vh,var(--pack3-card-max-h, 54rem))}.tcg-pack-sim__overlay--preview-3 .tcg-pack-sim__face--back,.tcg-pack-sim__overlay[data-preview-count="3"] .tcg-pack-sim__face--back{font-size:clamp(4.8rem,8.25vw,6rem)}.tcg-pack-sim__overlay--preview-3 .tcg-pack-sim__reveal-all,.tcg-pack-sim__overlay[data-preview-count="3"] .tcg-pack-sim__reveal-all{margin-top:2rem;min-height:7.1rem;padding:1.3rem 2.4rem;font-size:2.5rem}@media screen and (min-width:1400px){.tcg-pack-sim__card{max-width:min(100%,300px);max-height:min(68vh,560px)}.tcg-pack-sim__overlay--preview-3 .tcg-pack-sim__card,.tcg-pack-sim__overlay[data-preview-count="3"] .tcg-pack-sim__card,.tcg-pack-sim__dialog[data-preview-count="3"] .tcg-pack-sim__card{flex:0 0 27rem;width:27rem;max-width:27rem;max-height:min(72vh,54rem)}}@media screen and (max-width:989px){.tcg-pack-sim__dialog{width:98vw;height:94vh}.tcg-pack-sim__overlay--preview-3 .tcg-pack-sim__dialog,.tcg-pack-sim__overlay[data-preview-count="3"] .tcg-pack-sim__dialog,.tcg-pack-sim__dialog[data-preview-count="3"]{width:fit-content;max-width:min(98vw,1500px);height:auto;max-height:none;padding:2.65rem 3rem 2.4rem}.tcg-pack-sim__overlay--preview-3 .tcg-pack-sim__deck,.tcg-pack-sim__overlay[data-preview-count="3"] .tcg-pack-sim__deck{display:flex;flex-direction:row;justify-content:center;gap:1.6rem}.tcg-pack-sim__overlay--preview-3 .tcg-pack-sim__card,.tcg-pack-sim__overlay[data-preview-count="3"] .tcg-pack-sim__card,.tcg-pack-sim__dialog[data-preview-count="3"] .tcg-pack-sim__card{flex:0 0 24.4rem;width:24.4rem;max-width:24.4rem;max-height:min(68vh,48.8rem)}.tcg-pack-sim__deck{grid-template-columns:repeat(3,minmax(0,1fr));grid-template-rows:repeat(2,minmax(0,1fr));gap:clamp(.8rem,2vw,1.2rem)}.tcg-pack-sim__card{max-width:min(100%,28vw,220px);max-height:min(38vh,340px)}.tcg-pack-sim__card:nth-child(4),.tcg-pack-sim__card:nth-child(5){grid-column:span 1;max-width:min(100%,28vw,220px)}.tcg-pack-sim__card:nth-child(5){grid-column:2}}@media screen and (max-width:549px){.tcg-pack-sim__overlay{padding:.8rem}.tcg-pack-sim__dialog{width:100%;height:96vh;padding:1.2rem 1rem 1rem;border-radius:1rem}.tcg-pack-sim__overlay--preview-3 .tcg-pack-sim__dialog,.tcg-pack-sim__overlay[data-preview-count="3"] .tcg-pack-sim__dialog,.tcg-pack-sim__dialog[data-preview-count="3"]{width:fit-content;max-width:min(98vw,1410px);height:auto;max-height:92vh;padding:2.4rem 2.65rem 2.25rem}.tcg-pack-sim__deck{display:flex;flex-direction:row;overflow-x:auto;overflow-y:hidden;gap:1rem;padding:.2rem .2rem .6rem;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;align-items:stretch}.tcg-pack-sim__overlay[data-preview-count="3"] .tcg-pack-sim__deck{justify-content:center;overflow-x:visible;flex-wrap:nowrap}.tcg-pack-sim__card{flex:0 0 min(72vw,18rem);width:min(72vw,18rem);max-width:none;max-height:min(58vh,26rem);scroll-snap-align:center}.tcg-pack-sim__overlay--preview-3 .tcg-pack-sim__card,.tcg-pack-sim__overlay[data-preview-count="3"] .tcg-pack-sim__card,.tcg-pack-sim__dialog[data-preview-count="3"] .tcg-pack-sim__card{flex:0 0 min(60vw,27rem);width:min(60vw,27rem);max-width:27rem;max-height:min(68vh,43.5rem)}}
/*# sourceMappingURL=/cdn/shop/t/2/assets/tcg-pack-simulator.css.map */