.pack-stage{min-height:305px;gap:35px}.pack-choice{flex:0 1 180px}.pack-choice img{transform:rotate(var(--lean,-5deg));width:150px;height:248px}.physical .pack-choice img{mix-blend-mode:multiply}.pack-name{margin-top:17px}.pack-stage:has(.pack-choice:only-child){min-height:315px}.pack-stage:has(.pack-choice:only-child) img{width:155px;height:265px}.recent-cards{display:flex;overflow-x:auto;padding-bottom:15px}.recent-cards .card-tile{flex:0 0 calc((100% - 80px)/5)}.tactile-modal{width:720px;max-width:calc(100vw - 24px);padding:30px 30px 22px;background:radial-gradient(ellipse at 50% 37%,#fffff7 0%,#f3f6ed 70%)}.tactile-modal .opening-heading h2{font-size:26px}.tactile-modal .opening-heading p{font-size:13px}.tactile-modal .opening-heading .eyebrow{text-transform:uppercase;font-size:10px}.sealed-scene{height:368px;position:relative;margin:10px auto 17px;width:230px;perspective:1000px}.wrapper{--tear:0;position:absolute;inset:0 10px 15px;filter:drop-shadow(0 20px 12px #2b413235);transform:rotate(-3deg);transition:transform .2s}.wrapper>img{display:block;width:100%;height:100%;object-fit:fill;mix-blend-mode:multiply;user-select:none;-webkit-user-drag:none}.wrapper-body{clip-path:polygon(0 12%,10% 11.5%,20% 12.5%,30% 11.6%,40% 12.4%,50% 11.8%,60% 12.5%,70% 11.7%,80% 12.4%,90% 11.5%,100% 12%,100% 100%,0 100%)}.wrapper-strip{position:absolute;inset:0;clip-path:polygon(0 0,100% 0,100% 12%,90% 11.5%,80% 12.4%,70% 11.7%,60% 12.5%,50% 11.8%,40% 12.4%,30% 11.6%,20% 12.5%,10% 11.5%,0 12%);transform:translate(calc(var(--tear)*27px),calc(var(--tear)*-17px)) rotate(calc(var(--tear)*-10deg));transform-origin:left top}.foil-shine{position:absolute;inset:0;background:linear-gradient(110deg,transparent 25%,#ffffff55 32%,transparent 42%,#ffffff15 70%,transparent 80%);mix-blend-mode:screen;pointer-events:none;opacity:.3}.tear-control{position:absolute;top:21px;left:-18px;right:-18px;text-align:center;font-size:0;z-index:2}.tear-control input{display:block;width:100%;height:43px;appearance:none;background:transparent;cursor:ew-resize;touch-action:none}.tear-control input::-webkit-slider-runnable-track{background:repeating-linear-gradient(90deg,#fff 0 5px,transparent 5px 9px);height:2px;filter:drop-shadow(0 0 4px #000)}.tear-control input::-webkit-slider-thumb{appearance:none;width:32px;height:32px;border:3px solid white;background:#285440;border-radius:50%;margin-top:-15px;box-shadow:0 2px 9px #0004}.tear-control input::-moz-range-thumb{width:28px;height:28px;border:3px solid white;background:#285440;border-radius:50%}.tear-guide{display:block;position:absolute;top:-21px;left:50%;transform:translateX(-50%);white-space:nowrap;color:#52654e;background:#f7f9f0;padding:5px 9px;border-radius:5px;font-size:11px;border:1px solid #dce4d6;box-shadow:0 2px 8px #0001}.is-torn .tear-control{display:none}.is-torn .wrapper-strip{animation:seal-lift .62s ease-out forwards}.is-torn .wrapper-body{animation:wrapper-slide .62s cubic-bezier(.4,0,.2,1) forwards}.is-torn .foil-shine{opacity:0}.opening-note{font-size:11px!important;margin:14px 0 0!important;color:#8d9a85}.tabletop{display:flex;justify-content:center;align-items:center;min-height:354px;margin:12px 0 20px;perspective:1200px;background:radial-gradient(ellipse at center,#e3ead633,transparent 70%)}.card-stack{position:relative;width:230px;aspect-ratio:367/512}.stack-layer{position:absolute;inset:0;border-radius:12px;border:1px solid #8190a4;background:#11386c url('/assets/card-back.jpg') center/100% 100%;box-shadow:1px 2px 2px #0003;pointer-events:none;opacity:min(1,var(--remaining))}.layer-1{transform:translate(3px,4px) rotate(2deg)}.layer-2{transform:translate(7px,8px) rotate(4deg)}.layer-3{transform:translate(11px,12px) rotate(6deg)}.tactile-modal .reveal-card{--rx:0deg;--ry:0deg;--light-x:50%;--light-y:50%;position:absolute;inset:0;width:100%;height:100%;margin:0;box-shadow:0 12px 30px #1d372e33;border-radius:12px;touch-action:pan-y;z-index:1;perspective:1200px}.card-tilt{width:100%;height:100%;transform:rotateX(var(--rx)) rotateY(var(--ry));transition:transform .08s ease-out;transform-style:preserve-3d;position:relative;border-radius:12px;overflow:hidden;animation:none}.card-tilt img{display:block;width:100%;height:100%;object-fit:fill;border-radius:12px;-webkit-user-drag:none;user-select:none}.holo-overlay{pointer-events:none;position:absolute;inset:0;background:linear-gradient(120deg,transparent 8%,#ffbc6b66 23%,#e4ffb366 34%,#7bcefb55 45%,#c7a0f966 55%,transparent 65%);background-size:250% 250%;background-position:var(--light-x,50%) var(--light-y,50%);mix-blend-mode:color-dodge;opacity:.44;transition:background-position .1s;mask-image:linear-gradient(black,#000a)}.holo-overlay:after{content:'';position:absolute;inset:0;background:radial-gradient(ellipse at var(--light-x,50%) var(--light-y,50%),#fff8,transparent 65%);mix-blend-mode:screen}.reverse-holo .holo-overlay{clip-path:polygon(0 0,100% 0,100% 100%,0 100%,0 0,8% 19%,8% 48%,92% 48%,92% 19%,8% 19%)}.tactile-modal .rare-reveal{box-shadow:0 0 28px #b8b78944,0 15px 35px #14332633}.tactile-modal .reveal-caption{min-height:48px}.tactile-modal .reveal-caption h3{font-size:19px}.tactile-modal .reveal-caption>.rarity{font-size:12px}.tactile-modal .reveal-dots{margin:15px 0}.tactile-modal.wide{width:1080px}.pull-results{grid-template-columns:repeat(auto-fit,minmax(140px,1fr));max-height:58vh;overflow-y:auto;padding:8px 5px;margin:25px 0}.summary-card{background:none;padding:0;text-align:center}.summary-art{position:relative;border-radius:8px;overflow:hidden;line-height:0}.summary-card img{width:100%;height:auto;border-radius:8px;animation:none}.summary-card strong{line-height:1.4}.summary-card .rarity{display:block;font-size:10px}.summary-card .new-badge{margin-top:5px}.tactile-modal .pull-results{grid-template-columns:repeat(5,minmax(0,1fr));gap:20px 15px}.reverse-card:after{content:'';position:absolute;inset:0;border-radius:9px;pointer-events:none;background:linear-gradient(120deg,transparent,#d7fbd02b,transparent);mix-blend-mode:screen}
@media(max-width:1150px){.pack-stage{gap:18px}.pack-choice{min-width:0}.pack-choice img{width:135px;max-width:100%;height:235px}.recent-cards .card-tile{flex-basis:calc((100% - 60px)/4)}}
@media(max-width:800px){.pack-stage{gap:12px;min-height:270px}.pack-choice img{width:113px;height:201px}.pack-stage:has(.pack-choice:nth-child(4)) .pack-choice img{height:170px}.recent-cards .card-tile{flex-basis:calc((100% - 40px)/3)}.tactile-modal .opening-heading h2{font-size:23px}.card-stack{width:205px}.tabletop{min-height:320px}.sealed-scene{height:335px;width:211px}.tactile-modal .pull-results{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media(max-width:550px){.page-heading h1{font-size:26px}.page-heading p{font-size:13px}.pack-stage{gap:8px;min-height:245px}.pack-choice img{width:93px;height:180px}.pack-stage:has(.pack-choice:nth-child(4)){flex-wrap:wrap;gap:15px;padding:12px 15px}.pack-stage:has(.pack-choice:nth-child(4)) .pack-choice{flex-basis:40%}.pack-stage:has(.pack-choice:nth-child(4)) .pack-choice img{width:105px;height:180px}.pack-stage:has(.pack-choice:only-child) img{width:140px;height:250px}.pack-name{font-size:11px}.pack-top{gap:10px}.set-label h2{font-size:14px}.set-label div>span{font-size:10px}.pack-top>.text-btn{font-size:10px;white-space:nowrap}.set-label .set-icon{display:none}.pack-top{padding:17px 15px}.recent-cards .card-tile{flex-basis:137px}.tactile-modal{padding:30px 16px 19px}.tactile-modal .opening-heading .eyebrow{font-size:9px;max-width:260px;margin:0 auto 8px}.tactile-modal .opening-heading h2{font-size:21px}.tactile-modal .opening-heading p{font-size:11px;margin-bottom:12px}.tabletop{min-height:294px;margin:6px 0 13px}.card-stack{width:192px}.sealed-scene{height:320px;width:202px;margin-bottom:12px}.opening-note{font-size:10px!important}.tactile-modal .reveal-caption h3{font-size:17px}.tactile-modal .pull-results{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px 10px}.tactile-modal .pull-results strong{font-size:10px}.tactile-modal .pull-results .rarity{font-size:9px}.tactile-modal .dialog-actions{flex-wrap:wrap}.tactile-modal .reveal-caption>.rarity{font-size:11px}.tactile-modal .reveal-dots{margin:12px 0}.tactile-modal .primary{font-size:13px}.top-actions .avatar.small{display:grid}}
/* Solid cards on a tabletop: only the outgoing front card moves. */
.tactile-modal{--card-size:230px}
.tabletop{overflow:hidden;padding:16px 0;isolation:isolate}
.card-stack{width:var(--card-size);isolation:isolate}
.stack-layer{background:#f5f3ed;border-color:#c7c4b8;border-radius:10px;box-shadow:0 1px 2px #22352a25}
.layer-1{transform:translate(1px,2px)}
.layer-2{transform:translate(2px,4px)}
.layer-3{transform:translate(3px,6px)}
.next-card{position:absolute;inset:0;z-index:1;background:#fff;border-radius:10px;overflow:hidden;pointer-events:none}
.next-card img{display:block;width:100%;height:100%;object-fit:fill;opacity:1;animation:none}
.tactile-modal .reveal-card{z-index:2;background:#fff;perspective:none;opacity:1;cursor:grab;box-shadow:0 7px 16px #24362d30;transition:none;will-change:transform}
.tactile-modal .reveal-card:disabled{opacity:1;cursor:default}
.tactile-modal .reveal-card.dragging{cursor:grabbing;box-shadow:0 9px 18px #24362d38}
.tactile-modal .card-tilt{transform:none;transform-style:flat;transition:none;animation:none;background:#fff}
.tactile-modal .card-tilt img{animation:none;opacity:1;filter:none}
.tactile-modal .holo-overlay{display:none}
.tactile-modal .rare-reveal{box-shadow:0 7px 16px #24362d30}
.sealed-scene{width:calc(var(--card-size) + 40px);height:calc(var(--card-size)*1.56 + 24px);overflow:hidden;perspective:none}
.wrapper{inset:0 20px 24px;transform:none;transition:none;filter:drop-shadow(0 8px 6px #263a3025);z-index:2}
.wrapper>img{mix-blend-mode:normal}
.wrapper-strip{transform:translateY(calc(var(--tear)*-7px));transform-origin:left center}
.foil-shine{display:none}
.extracted-card{position:absolute;left:20px;right:20px;top:18px;aspect-ratio:367/512;z-index:1;background:#fff;border-radius:10px;overflow:hidden}
.extracted-card img{display:block;width:100%;height:100%;object-fit:fill;opacity:1}
.tear-control{left:12px;right:12px;top:25px}
.tear-guide{position:static;transform:none;margin:0 auto;width:max-content;box-shadow:none;font-size:10px}
.tear-control input::-webkit-slider-runnable-track{height:1px;background:#f3f3e2;filter:none}
.tear-control input::-webkit-slider-thumb{width:22px;height:22px;border-width:2px;margin-top:-10px;box-shadow:0 1px 4px #0003}
.is-torn .wrapper-strip{animation:seal-lift .62s ease-out forwards}
.is-torn .wrapper-body{animation:wrapper-slide .62s cubic-bezier(.4,0,.2,1) forwards}
@keyframes seal-lift{0%{transform:translateY(-7px)}35%{transform:translate(-8px,-22px)}100%{transform:translate(-8px,-80px)}}
@keyframes wrapper-slide{0%,25%{transform:translateY(0)}100%{transform:translateY(110%)}}
@media(max-width:800px){.tactile-modal{--card-size:205px}}
@media(max-width:550px){.tactile-modal{--card-size:192px}.tabletop{min-height:294px}}
@media(max-height:780px){.tactile-modal{--card-size:200px;padding-top:23px;padding-bottom:16px}.tactile-modal .tabletop{min-height:300px;margin:4px 0 10px;padding:10px 0}.tactile-modal .opening-heading h2{margin:7px 0}.tactile-modal .opening-heading p{margin-bottom:12px}.tactile-modal .opening-note{margin-top:8px!important}.tactile-modal .reveal-dots{margin:10px 0}}
@media(prefers-reduced-motion:reduce){.wrapper,.card-tilt{transform:none!important}.is-torn .wrapper-strip,.is-torn .wrapper-body{visibility:hidden}}