/* LexiAtlas / original packet, light spill and tear choreography. */
.pack-stage{background:#172d28;border-color:#284039;min-height:430px;padding:32px 24px 27px;isolation:isolate;color:#e5ecdc}
.pack-stage::before{width:430px;height:430px;border-color:#b9d4b213;top:45%}
.pack-stage::after{width:590px;height:590px;border-color:#b9d4b20b;top:45%}
.stage-eyebrow{position:absolute;top:25px;left:27px;display:flex;align-items:center;gap:9px;font-size:9px;letter-spacing:2.3px;color:#a5b7a3}
.stage-eyebrow:before{content:"";width:5px;height:5px;background:#c8d7ad;border-radius:50%;box-shadow:0 0 11px #cadcb877}
.stage-edition{position:absolute;right:27px;top:25px;color:#80998b;font-family:var(--serif);font-size:12px;font-style:italic}
.idle-packet-scene{height:274px;width:300px;display:grid;place-items:center;position:relative;margin:16px 0 21px;z-index:2}
.idle-packet-scene::before{content:"";position:absolute;width:230px;height:180px;top:38px;background:radial-gradient(ellipse,#b8cea51c,transparent 70%);filter:blur(22px)}
.idle-packet-scene .packet-object{transform:rotate(-5deg) scale(.82)}
.pack-stage>.btn{background:#e0edc5;color:#263e2f;box-shadow:0 6px 25px #070e1040;border:1px solid #eff7da55;min-width:210px}
.pack-stage>.btn:hover{background:#edf5dc}
.pack-stage>.draw-caption{color:#a1b09f;font-size:11px;margin-top:13px}
.draw-light-legend{display:flex;flex-wrap:wrap;justify-content:center;gap:12px 24px;margin:22px auto 0}
.light-key{display:inline-flex;align-items:center;gap:6px;font-size:10px;white-space:nowrap;color:#829183;letter-spacing:.2px}
.light-key b{font-size:10px;font-weight:650;letter-spacing:.7px}
.light-key i{width:7px;height:7px;border-radius:50%;background:rgb(var(--key-rgb));box-shadow:0 0 0 1px #64796727,0 0 7px rgba(var(--key-rgb),.5)}
.light-key.n{--key-rgb:220,229,240}.light-key.r{--key-rgb:80,159,255}.light-key.sr{--key-rgb:173,115,255}.light-key.ssr{--key-rgb:244,191,70}
.draw-rules .rarity-guide-button{color:#69815c;border-bottom:1px solid #cbd7bf;background:transparent;padding:0 0 2px;font:inherit;display:inline-flex;align-items:center;gap:5px}
.rarity-showcase{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin:24px 0 9px}
.rarity-showcase figure{margin:0;min-width:0}
.rarity-showcase .card-word{font-size:20px}.rarity-showcase .card-pos{font-size:8px}
.rarity-showcase figcaption{text-align:center;line-height:1.8;font-size:11px;color:#85917f;margin-top:11px}
.rarity-showcase figcaption b{color:#53674d;font-weight:550;display:block}
.modal:has(.rarity-showcase){width:min(950px,100%);max-width:950px}
.rarity-preview-note{font-size:11px;color:#97a08c;text-align:center;margin-top:16px}
/* Thin printed polymer film: the transparent margins, glossy folds and heat
   sealed ribs belong to the wrapper, not to a rigid cardboard illustration. */
.packet-object{width:226px;height:304px;position:relative;--rip:0;--tear-x:0px;--pull:0;--lift:0;--mouth-y:calc(39px - var(--rip)*5px);isolation:isolate;flex-shrink:0;user-select:none;-webkit-user-select:none}
.packet-shadow{position:absolute;left:9px;right:1px;top:29px;height:281px;background:#020a08a6;filter:blur(19px);transform:translate(8px,12px) rotate(4deg);z-index:-2}
.packet-back-film{position:absolute;inset:6px -2px -2px;background:linear-gradient(107deg,#d8e6d34d,#6b89742b 14%,#8fae9440 83%,#ebf5d96b);border:1px solid #d7e7cf75;border-radius:3px 2px 7px 6px;transform:rotate(.7deg);box-shadow:0 0 1px #fff9;z-index:-1}
.packet-body{position:absolute;inset:37px 0 0;overflow:hidden;border:1px solid #d3e8bf99;border-radius:0 0 5px 5px;clip-path:polygon(0 .7%,2% 1.2%,5% .1%,8% 1%,12% .4%,17% 1.2%,22% .2%,28% .8%,35% .1%,42% .9%,48% .3%,55% 1.1%,63% .1%,70% .8%,79% .1%,86% .8%,93% .2%,100% .8%,99.7% 29%,99% 63%,100% 97%,98% 100%,3% 100%,.7% 98%,0 67%,.6% 39%);background:linear-gradient(88deg,#163a2b 0%,#78947b 1.8%,#284b36 3.5%,#41694b 7%,#173c2d 11%,#3b5d41 20%,#2a4c35 37%,#38593b 52%,#2b4b34 71%,#163625 84%,#688469 91%,#264d36 95%,#9aad8b 98%,#385a40 100%);color:#ecedc9;box-shadow:inset 0 0 28px #031c1463;transform-origin:55% 85%;transform:skewX(calc(var(--pull)*var(--rip)*-.7deg)) scaleX(calc(1 - var(--pull)*.012));transition:transform .18s ease}
.packet-body:before{content:"";position:absolute;inset:0;pointer-events:none;background:radial-gradient(ellipse at 8% 15%,#dcf0d045,transparent 28%),radial-gradient(ellipse at 92% 90%,#a9c4a448,transparent 30%),linear-gradient(171deg,transparent 0 8%,#e3eec533 9%,#001a0c30 9.8%,transparent 13% 86%,#e4f5cb30 89%,#0d291c44 90%,transparent 94%);z-index:3}
.packet-body:after{content:"";position:absolute;inset:0;pointer-events:none;opacity:.16;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='180'%3E%3Cfilter id='g'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.92' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Cpath fill='%23fff' filter='url(%23g)' opacity='.42' d='M0 0h160v180H0z'/%3E%3C/svg%3E");mix-blend-mode:soft-light;z-index:6}
.packet-print{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;z-index:2}
.packet-emboss{position:absolute;inset:17px 19px 33px;border:1px solid #d7deb055;border-radius:71px 71px 3px 3px;box-shadow:inset 0 0 0 3px #0a24191c,0 1px 0 #0c291b55;pointer-events:none;z-index:1}
.packet-wordmark{font-family:var(--serif);font-size:16px;letter-spacing:4px;padding-left:4px;margin-top:24px;text-shadow:0 1px 0 #071d16}
.packet-edition{font-size:6px;letter-spacing:2.1px;color:#bcca9e;margin-top:4px}
.packet-emblem{width:83px;height:83px;margin-top:9px;color:#dce2b1;filter:drop-shadow(0 1px 0 #102f25)}
.packet-emblem svg{width:100%;height:100%}
.packet-title{font-family:var(--serif);font-size:19px;letter-spacing:8px;padding-left:8px;color:#e7ebc4;line-height:1.3;margin-top:-2px}
.packet-deck{font-family:var(--serif);font-size:15px;color:#cfdbb4;letter-spacing:2px;margin-top:7px}
.packet-divider{color:#c5d3a0;font-size:8px;line-height:1;margin-top:9px;position:relative;width:80px;text-align:center}
.packet-divider:before,.packet-divider:after{content:"";height:1px;width:27px;top:4px;background:#d8e5b661;position:absolute}.packet-divider:before{left:0}.packet-divider:after{right:0}
.packet-count{position:absolute;bottom:32px;font-size:6px;letter-spacing:1.8px;color:#c8d6af}
.packet-specular{position:absolute;inset:-15px -40px;z-index:5;pointer-events:none;background:linear-gradient(112deg,transparent 12%,#f4ffe51a 18%,#f4ffe573 19.2%,#eaffd111 20.1%,transparent 23% 57%,#edffe51a 62%,#ecffd539 63.5%,#07291921 64.5%,transparent 70%),radial-gradient(ellipse at 8% 20%,#f4ffe242,transparent 24%);transform:translateX(calc(var(--rip)*16px + var(--lift)*7px)) skewX(calc(var(--pull)*-2deg));mix-blend-mode:screen;opacity:.61;transition:transform .13s,opacity .15s}
.is-dragging .packet-specular{opacity:.88}
.packet-creases{position:absolute;inset:0;width:100%;height:100%;z-index:4;pointer-events:none;opacity:.85}
.crease-shadow{stroke:#061a10;stroke-width:2;opacity:.55}.crease-light{stroke:#d6ebc4;stroke-width:1;opacity:.54}.crease-fine{stroke:#d9efc8;stroke-width:.45;opacity:.28}
.packet-side-seal{position:absolute;top:1px;bottom:18px;width:9px;z-index:7;background:repeating-linear-gradient(0deg,#e0edcf0d 0 2px,#071a1325 2px 3px);border-left:1px solid #e1ecc45c;border-right:1px solid #0a281b50;box-shadow:inset 1px 0 2px #f0ffdb33}.packet-side-seal.left{left:2px}.packet-side-seal.right{right:2px}
.packet-bottom-seal{position:absolute;bottom:0;height:21px;left:0;right:0;z-index:8;background:repeating-linear-gradient(90deg,#203e2d90 0 1px,#bed0a94f 1px 2px,#314d3555 2px 4px),linear-gradient(176deg,#49674b,#9ba989 48%,#34593e 55%,#587951);border-top:1px solid #eff5d475;box-shadow:0 -1px 2px #04190d66,inset 0 -2px 2px #06190e66}
.packet-seal{position:absolute;left:0;right:0;height:40px;top:0;z-index:7;border:1px solid #d1dfbba1;border-radius:2px 2px 0 0;background:repeating-linear-gradient(90deg,#152e2199 0 1px,#cee0b651 1px 2px,#1b362626 2px 4px),linear-gradient(167deg,#7d9672 0%,#496449 20%,#a7b58e 44%,#56724e 49%,#314e38 68%,#8b9f77 85%,#3f6244);display:flex;align-items:center;justify-content:center;gap:16px;color:#e5ebcb;box-shadow:inset 0 2px 1px #f3ffe170,inset 0 -3px 3px #0d251577,0 1px 1px #03190eaa;clip-path:inset(0 0 0 0)}
.packet-seal:after{content:"";position:absolute;left:0;right:0;bottom:2px;border-bottom:1px dashed #f4ffdb5e}
.packet-seal>span{font-size:6px;letter-spacing:1.7px;text-shadow:0 1px #0f2a1b}.packet-seal>i{font-style:normal;font-size:14px;color:#f4f6d2}
.packet-mouth{position:absolute;left:0;top:calc(var(--mouth-y) - 4px);width:var(--tear-x);height:15px;background:linear-gradient(#6e8e7377,#020c08 28%,#071a12 78%,#3e5b3b);clip-path:polygon(0 15%,6% 7%,13% 19%,22% 4%,31% 16%,43% 5%,54% 15%,67% 3%,78% 14%,91% 6%,100% 16%,100% 100%,0 100%);z-index:2}
.packet-inner-light{position:absolute;left:0;top:0;width:226px;height:10px;background:var(--pack-spectrum);opacity:clamp(0,calc(var(--rip)*12),1);filter:brightness(1.8);-webkit-mask-image:linear-gradient(0deg,transparent,#000 38%,#000 56%,transparent);mask-image:linear-gradient(0deg,transparent,#000 38%,#000 56%,transparent)}
/* The near film is opaque: it hides the lower half of the interior emission. */
.packet-body{z-index:4}
.packet-tear-edge{position:absolute;left:0;top:39px;width:var(--tear-x);height:4px;z-index:8;background:linear-gradient(0deg,#071a0ccc,#e2f3d899 45%,#284f3780);clip-path:polygon(0 50%,5% 0,9% 70%,15% 15%,20% 80%,27% 15%,34% 66%,43% 0,50% 80%,59% 10%,66% 66%,75% 0,83% 70%,92% 20%,100% 50%,100% 100%,0 100%)}
.packet-peel{position:absolute;left:0;top:-130px;width:320px;height:220px;pointer-events:none;z-index:10;filter:drop-shadow(3px 6px 4px #051b1399);transform-origin:65% 60%}
.packet-peel svg{display:block;width:320px;height:220px;overflow:visible}.peel-torn-edge{stroke:#dae9c6;stroke-width:1;stroke-linejoin:round}
.packet-seam-idle{position:absolute;top:39px;left:4px;right:4px;height:1px;background:#d4e5b84d;z-index:8}
.pack-opening-overlay{position:fixed;inset:0;z-index:130;background:#0e1e1be8;backdrop-filter:blur(16px);display:grid;place-items:center;padding:24px;overflow-y:auto;animation:none}
.unseal-dialog{position:relative;width:min(870px,100%);max-height:calc(100dvh - 48px);overflow:auto;min-height:590px;border:1px solid #c5dab522;border-radius:24px;background:radial-gradient(ellipse at 50% 50%,#294333 0%,#1a3029 42%,#132722 77%);color:#edf0df;box-shadow:0 35px 120px #01090699;isolation:isolate}
.unseal-header{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:22px 26px;position:relative;z-index:8}
.unseal-header>span{font-size:8px;letter-spacing:2px;color:#a9baa5}.unseal-header i{font-style:normal;color:#5d7b67;margin:0 6px}
.skip-opening{background:transparent;color:#aabbab;font-size:11px;padding:7px 0 7px 12px;min-height:35px}.skip-opening span{margin-left:7px;color:#d1dfc4}
.unseal-intro{text-align:center;margin-top:4px;position:relative;z-index:7;padding:0 20px;pointer-events:none}
.unseal-kicker{font-size:10px;letter-spacing:1px;color:#a7bc9c}
.unseal-intro h2{color:#e6edd9;font-size:29px;font-weight:450;letter-spacing:1px;line-height:1.5;margin:9px 0 7px}
.unseal-intro p{font-size:12px;color:#8da491}
.opening-scene{height:355px;position:relative;display:grid;place-items:center;margin-top:5px;perspective:900px;overflow:visible}
.opening-orbit{width:330px;height:330px;border:1px solid #b1d3b010;border-radius:50%;position:absolute;top:9px;left:50%;transform:translateX(-50%)}
.opening-orbit:after{content:"";position:absolute;inset:-33px;border:1px solid #a4c9a308;border-radius:50%}
.opening-scene>.packet-object{--packet-scale:1;--packet-shift:14px;transform:translateY(var(--packet-shift)) rotate(-4deg) scale(var(--packet-scale));transition:transform .5s,opacity .4s;z-index:3}
.opening-scene .packet-back-film{top:31px;border-radius:2px 2px 7px 6px}
.tear-control{position:absolute;left:-23px;right:-20px;top:9px;height:56px;z-index:13;background:transparent;touch-action:none;color:#e9efd7;border-radius:8px;cursor:grab;padding:0;-webkit-tap-highlight-color:transparent}
.tear-control:focus-visible{outline:none}.tear-control:focus-visible .tear-grip{outline:1px dashed #d6e7c1;outline-offset:5px}.tear-control:active{cursor:grabbing}.tear-control:disabled{opacity:0;pointer-events:none}
.tear-grip{position:absolute;left:calc(9px + var(--tear-x));top:14px;width:25px;height:25px;background:linear-gradient(140deg,#edf5d8,#b6c8a3);color:#254533;border:1px solid #f1f7df;border-radius:50%;display:grid;place-items:center;font-size:14px;box-shadow:0 0 0 5px #e0efc90d,0 4px 9px #05180b5e;animation:tear-invite 2.5s ease-in-out infinite}
.tear-guide{position:absolute;top:-25px;left:18px;transform:rotate(4deg);font-size:10px;letter-spacing:.7px;color:#c7d5b5;white-space:nowrap;text-shadow:0 1px 8px #091a12}.tear-guide>span{margin-left:9px}
.is-dragging .tear-guide,.has-tear .tear-guide,.is-tearing .tear-guide{opacity:0}.is-dragging .tear-grip,.has-tear .tear-grip{animation:none}
/* The source lives inside the mouth. Only the cavity is clipped; outgoing light
   has no rectangular mask. The front film, attached seal and peel occlude it. */
.packet-light{position:absolute;left:0;top:var(--mouth-y);width:226px;height:0;z-index:3;pointer-events:none;opacity:clamp(0,calc(var(--rip)*12),1)}
.light-source,.light-spark-source{position:absolute;left:var(--light-x);top:0;width:0;height:0;--source-open:clamp(0,calc((var(--rip) - var(--source-at))*18),1);opacity:var(--source-open)}
.light-bloom{position:absolute;left:-40px;bottom:-16px;width:80px;height:46px;background:radial-gradient(ellipse,rgba(var(--light-rgb),.55),rgba(var(--light-rgb),.18) 35%,rgba(var(--light-rgb),0) 72%);filter:blur(4px);transform-origin:50% 65%}
.light-root{position:absolute;left:-13px;bottom:-3px;width:26px;height:8px;border-radius:50%;background:radial-gradient(ellipse,#fffdf1c9,rgba(var(--light-rgb),.8) 28%,rgba(var(--light-rgb),0) 72%);filter:blur(1.5px)}
.light-plume{position:absolute;left:-46px;bottom:-1px;width:92px;height:calc(64px + var(--rip)*90px);transform-origin:50% 100%;transform:rotate(var(--light-angle)) scaleX(calc(.55 + var(--source-open)*.45));filter:blur(6px);opacity:calc(.32 + var(--rip)*.22)}
.light-plume:before{content:"";position:absolute;inset:0;clip-path:polygon(45% 100%,5% 0,95% 0,55% 100%);background:linear-gradient(0deg,rgba(var(--light-rgb),.85),rgba(var(--light-rgb),.36) 20%,rgba(var(--light-rgb),.08) 55%,rgba(var(--light-rgb),0) 85%)}
.light-plume:after{content:"";position:absolute;inset:10% 8% -6%;background:radial-gradient(ellipse at 50% 72%,rgba(var(--light-rgb),.16),rgba(var(--light-rgb),0) 68%)}
.seal-spark{position:absolute;left:0;top:0;width:var(--spark-size);height:var(--spark-size);border-radius:50%;background:rgb(var(--light-rgb));color:rgb(var(--light-rgb));box-shadow:0 0 6px currentColor;opacity:0;animation:seal-spark-rise var(--spark-duration) ease-out var(--spark-delay) infinite}
.unseal-bottom{position:relative;z-index:7;text-align:center;padding:0 24px 26px;margin-top:3px}
.auto-tear{display:inline-flex;align-items:center;justify-content:center;gap:35px;min-width:234px;min-height:46px;background:#deebc9;color:#284333;border:1px solid #e8f3d6;border-radius:10px;padding:11px 22px;font-size:13px;box-shadow:0 5px 20px #02120b30;transition:background .2s}
.auto-tear:hover{background:#f0f7df}.auto-tear:disabled{opacity:.5}
.unseal-status{font-size:10px;color:#9aaf99;margin-top:10px;min-height:16px}
.unseal-legend{display:flex;gap:18px;justify-content:center;margin-top:23px}.unseal-legend .light-key{color:#a3b39d;font-size:9px}.unseal-legend .light-key b{color:#d1dfc4;font-size:10px}
.unseal-footnote{font-size:9px;color:#79947d;margin-top:8px}
.rising-cards{position:absolute;inset:0;pointer-events:none;z-index:2;perspective:900px}
.rising-cards>i{position:absolute;left:calc(50% - 79px);top:85px;width:158px;height:222px;border:2px solid rgba(var(--light-rgb),.8);border-radius:10px;background:linear-gradient(125deg,#3e5c45,#203c31);box-shadow:inset 0 0 0 7px #1b3426,inset 0 0 0 8px #a8ba7a66,0 0 25px rgba(var(--light-rgb),.12);display:grid;place-items:center;color:rgb(var(--light-rgb));opacity:0;transform:translateY(110px) rotate(0deg)}
.rising-cards svg{width:76px;height:76px;opacity:.8}
.is-unsealed .packet-peel{animation:seal-fly-away .9s cubic-bezier(.4,.05,.65,.8) both}
.is-unsealed .light-bloom{animation:mouth-flare .75s ease-out both}
.is-unsealed .light-plume{animation:light-release .9s ease-out both}
.cards-emerge .rising-cards>i{animation:cards-rise .9s cubic-bezier(.16,.75,.25,1) calc(var(--rise-index)*45ms) both}
.cards-emerge .opening-scene>.packet-object{transform:translateY(175px) rotate(-10deg);opacity:0;transition:transform .8s cubic-bezier(.3,.4,.7,1),opacity .55s .2s}
.opening-fades{opacity:0;transition:opacity .26s}
@keyframes tear-invite{0%,100%{transform:translateX(0)}50%{transform:translateX(5px)}}
@keyframes seal-spark-rise{0%{opacity:0;transform:translate(0,0) scale(.4)}18%{opacity:.8}75%{opacity:.18}100%{opacity:0;transform:translate(var(--spark-dx),var(--spark-y)) scale(.4)}}
@keyframes seal-fly-away{0%{transform:translate(0,0) rotate(0deg);opacity:1}35%{transform:translate(45px,-26px) rotate(15deg);opacity:1}100%{transform:translate(130px,120px) rotate(55deg);opacity:0}}
@keyframes mouth-flare{0%{opacity:1;transform:scale(1)}35%{opacity:1;transform:scale(1.3,1.5)}100%{opacity:.4;transform:scale(1.15,1.1)}}
@keyframes light-release{0%{opacity:.65;transform:rotate(var(--light-angle)) scale(1)}40%{opacity:.72;transform:rotate(var(--light-angle)) scale(1.35,1.3)}100%{opacity:0;transform:rotate(var(--light-angle)) scale(1.55,1.6)}}
@keyframes cards-rise{0%{opacity:0;transform:translateY(80px) rotate(0deg)}30%{opacity:1}100%{opacity:1;transform:translateY(-28px) rotate(var(--rise-angle))}}
@media(max-width:760px){.rarity-showcase{grid-template-columns:repeat(2,minmax(0,1fr));max-width:500px;margin-left:auto;margin-right:auto}.unseal-dialog{min-height:590px}.unseal-header{padding:18px 20px}.unseal-intro h2{font-size:26px}.stage-eyebrow{left:20px}.stage-edition{right:20px}.opening-scene{height:345px}.draw-light-legend{gap:10px 15px}}
@media(max-width:540px){.pack-stage{padding:35px 20px 26px;min-height:409px}.stage-eyebrow{font-size:8px;letter-spacing:1.5px;left:17px;top:20px}.stage-edition{font-size:10px;right:17px;top:19px}.idle-packet-scene{margin-top:14px;margin-bottom:11px}.pack-stage>.draw-caption{font-size:10px}.draw-light-legend{gap:11px 16px;margin-top:18px}.light-key{font-size:9px}.pack-opening-overlay{padding:10px}.unseal-dialog{border-radius:20px;max-height:calc(100dvh - 20px);min-height:0;width:100%;overflow-x:hidden}.unseal-header{padding:13px 17px}.unseal-header>span{font-size:7px;letter-spacing:1.1px}.unseal-header i{margin:0 3px}.skip-opening{font-size:10px}.unseal-intro{margin-top:3px}.unseal-intro h2{font-size:23px;letter-spacing:.5px}.unseal-intro p{font-size:10px}.unseal-kicker{font-size:9px}.opening-scene{height:338px;margin-top:1px}.opening-scene>.packet-object{transform:translateY(14px) rotate(-4deg) scale(.92)}.unseal-bottom{padding:0 14px 22px;margin-top:0}.unseal-legend{gap:12px;margin-top:19px}.unseal-legend .light-key{gap:4px;font-size:8px}.unseal-footnote{font-size:8px}.auto-tear{min-height:44px;font-size:12px}.unseal-status{font-size:9px}.rarity-showcase{gap:20px 12px}.rarity-showcase .card-word{font-size:20px}.rarity-showcase figcaption{font-size:10px}.cards-emerge .opening-scene>.packet-object{transform:translateY(155px) rotate(-10deg) scale(.92)}}
@media(max-height:720px){.unseal-dialog{min-height:0}.unseal-header{padding-top:10px;padding-bottom:8px}.unseal-intro h2{margin:4px 0;font-size:23px}.opening-scene{height:300px}.opening-scene>.packet-object{transform:translateY(7px) rotate(-4deg) scale(.82)}.unseal-legend{margin-top:14px}.unseal-bottom{padding-bottom:18px}.cards-emerge .opening-scene>.packet-object{transform:translateY(135px) rotate(-10deg) scale(.82)}}
@media(prefers-reduced-motion:reduce){.pack-opening-overlay,.packet-object,.packet-seal,.packet-peel,.packet-body,.packet-specular,.light-bloom,.light-plume,.seal-spark,.tear-grip,.rising-cards>i{animation:none!important;transition:none!important}.seal-spark{display:none}.light-plume{opacity:.36}}

/* Actual result cards cross behind the front film, then land in their reserved
   page positions. The same nodes remain available for the following flip. */
.has-real-card-stack .rising-cards{display:none}
.packet-card-stack{position:absolute;left:32px;top:48px;width:162px;height:240px;z-index:2;pointer-events:none}
.pack-transit-card{position:absolute;left:0;top:0;transform-origin:0 0;pointer-events:none;will-change:transform}
.pack-transit-card>.flip-slot{min-width:0!important;max-width:none!important;margin:0!important;perspective:1000px;transform:none!important}
.pack-transit-card .flip-inner{width:100%;height:100%;aspect-ratio:auto}
.pack-transit-card .flip-front{box-shadow:1px 2px 0 #d3d9c2,2px 3px 0 #4c644b,0 8px 16px #061d2140}
.pack-flight-layer{position:fixed;inset:0;z-index:131;pointer-events:none;overflow:hidden}
.pack-card-placeholder{pointer-events:none}
.is-extracting .opening-scene>.packet-object{transform:translateY(calc(var(--packet-shift) + 106px*var(--packet-scale))) rotate(0deg) scale(var(--packet-scale));transition:transform .65s cubic-bezier(.2,.72,.2,1)}
.is-extracting .unseal-dialog{overflow:hidden}
.is-extracting .unseal-intro,.is-extracting .auto-tear,.is-extracting .unseal-status,.is-extracting .unseal-header>span{opacity:0;transition:opacity .2s}
.is-extracting .packet-light{opacity:.22;transition:opacity .7s .22s}
.pack-opening-overlay.is-landing{opacity:0;transition:opacity .46s ease}
@media(max-width:540px){.opening-scene>.packet-object{--packet-scale:.92}}
@media(max-height:720px){.opening-scene>.packet-object{--packet-scale:.82;--packet-shift:7px}}