/* Original procedural pack ceremony. No reference assets or video dependencies. */
.pack-cinema{--glow:#9bcbbb;position:fixed;inset:0;width:100vw;max-width:none;height:100dvh;max-height:none;margin:0;padding:0;border:0;border-radius:0;background:#091b1c;color:#f5edd7;overflow:hidden;isolation:isolate;font-family:Georgia,'Times New Roman',serif}.pack-cinema::backdrop{background:#091b1c}.pack-cinema [hidden]{display:none!important}.pack-cinema:before{content:'';position:absolute;inset:0;z-index:-1;background:radial-gradient(ellipse at 50% 45%,color-mix(in srgb,var(--glow) 16%,transparent),transparent 60%);transition:background .7s}.pack-cinema[data-finish=etched]{--glow:#b8b4ed}.pack-cinema[data-finish=foil]{--glow:#efc774}.cinema-top{position:absolute;inset:25px 32px auto;display:flex;justify-content:space-between;align-items:center;z-index:5}.cinema-top>span{font-size:14px;letter-spacing:5px}.cinema-top b{color:#c6ad6d;margin-left:10px}.cinema-skip,.cinema-next{border:1px solid #b4c4ac66;border-radius:30px;color:#f1ebd9;background:#102426b3;min-height:44px;padding:12px 22px;font:12px system-ui;cursor:pointer}.cinema-skip:hover,.cinema-next:hover{background:#29453f}.pack-cinema button:focus-visible{outline:3px solid #f2d593;outline-offset:5px}.cinema-sky{position:absolute;inset:0;pointer-events:none}.cinema-sky i{position:absolute;left:var(--x);top:var(--y);width:var(--size);height:var(--size);border-radius:50%;background:#dcd3b3;opacity:.45;animation:atlas-drift 5s var(--delay) ease-in-out infinite}.cinema-orbits{position:absolute;left:50%;top:45%;width:min(76vw,640px);aspect-ratio:1;transform:translate(-50%,-50%);pointer-events:none;opacity:.4}.cinema-orbits i{position:absolute;inset:0;border:1px solid #aec1a744;border-radius:50%;animation:atlas-orbit 40s linear infinite}.cinema-orbits i:before{content:'✦';position:absolute;left:50%;top:-9px;color:var(--glow);font-size:16px}.cinema-orbits i:nth-child(2){inset:12%;border-style:dashed;animation-direction:reverse}.cinema-orbits i:nth-child(3){inset:-12%;border-color:#aec1a719;animation-duration:60s}.cinema-intro{position:absolute;inset:12% 0 8%;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center}.cinema-kicker{font:10px system-ui;letter-spacing:4px;color:#b5c5b6;margin-bottom:28px}.cinema-pack{position:relative;width:210px;height:300px;filter:drop-shadow(0 15px 35px #0008);transform:rotate(-5deg);animation:atlas-arrive .6s ease-out both;z-index:2}.cinema-wrapper{position:absolute;inset:0;background:linear-gradient(115deg,#628272,#234d44 15%,#365f50 47%,#1c4039 78%,#73917d);border:1px solid #cbb77a;display:flex;align-items:center;flex-direction:column;padding:34px 15px 25px;box-shadow:inset 0 0 0 7px #1e4438,inset 0 0 0 8px #a99c65}.cinema-wrapper:after{content:'';position:absolute;inset:0;background:linear-gradient(110deg,transparent 30%,#fff7ce44 48%,transparent 65%);background-size:260% 100%;animation:atlas-foil 2s ease-in-out infinite}.cinema-wrapper>span,.cinema-wrapper small{font:7px system-ui;letter-spacing:2px}.cinema-wrapper strong{font:35px/1.05 Georgia;letter-spacing:5px;margin-top:25px}.cinema-wrapper img{width:64px;height:64px;margin:18px}.cinema-seal{position:absolute;top:-13px;left:-2px;right:-2px;height:26px;background:repeating-linear-gradient(90deg,#aeb59a 0 2px,#366052 2px 6px);z-index:3;border-block:1px solid #d0c394;transform-origin:100% 50%}.cinema-seam{position:absolute;top:9px;left:0;right:0;height:2px;background:#fae9ac;box-shadow:0 0 20px 5px #f4dc8a;transform:scaleX(0);transform-origin:left;z-index:4}.cinema-intro h2{font-size:32px;font-weight:400;margin-top:40px;letter-spacing:1px}.cinema-intro>p:last-child{font:12px system-ui;color:#b4c5bc;margin-top:13px}.cinema-emerging{position:absolute;top:38%;left:50%;width:0;height:0;perspective:800px}.cinema-emerging i{position:absolute;width:110px;height:155px;left:-55px;top:-30px;display:grid;place-items:center;background:#244e44;border:1px solid #cabb83;border-radius:6px;color:#e6d8aa;font:38px Georgia;opacity:0}.pack-cinema[data-phase=opening] .cinema-seam{animation:atlas-cut .4s ease-out forwards}.pack-cinema[data-phase=opening] .cinema-seal{animation:atlas-tear .8s .25s ease-in forwards}.pack-cinema[data-phase=opening] .cinema-pack{animation:atlas-release 1.5s .2s ease-in forwards}.pack-cinema[data-phase=opening] .cinema-emerging i{animation:atlas-fan 1.1s .5s cubic-bezier(.2,.7,.2,1) both}.cinema-discovery{position:absolute;inset:85px 15px 45px;display:flex;align-items:center;justify-content:center;flex-direction:column;perspective:1200px}.cinema-caption{font:11px system-ui;letter-spacing:3px;color:var(--glow);margin-bottom:22px;min-height:15px;transition:color .4s}.cinema-card{position:relative;width:236px;height:330px;background:none;border:0;padding:0;perspective:1000px;flex-shrink:0;color:#213f35;cursor:pointer}.cinema-card-inner{display:block;position:absolute;inset:0;transform-style:preserve-3d;transition:transform .75s cubic-bezier(.19,.8,.25,1)}.cinema-card.is-faceup .cinema-card-inner{transform:rotateY(180deg)}.cinema-back,.cinema-front{position:absolute;inset:0;backface-visibility:hidden;border-radius:11px;overflow:hidden}.cinema-back{background:repeating-linear-gradient(45deg,#31574b 0 1px,#25463e 1px 15px);border:2px solid #c4ad73;box-shadow:inset 0 0 0 8px #203e36,inset 0 0 0 9px #c4ad7377;display:flex;align-items:center;justify-content:center;flex-direction:column;color:#e2d3a9}.cinema-back>span{font-size:64px;font-weight:normal}.cinema-back strong{font:33px/1.15 Georgia;letter-spacing:5px;margin-top:20px}.cinema-back small{font:8px system-ui;letter-spacing:2px;margin-top:30px}.cinema-front{transform:rotateY(180deg);background:#f4f0e3;border:5px solid #b1c5ad;display:flex;flex-direction:column;align-items:stretch;box-shadow:0 0 45px #9ac7b040}.cinema-front .cinema-edition{font:8px system-ui;letter-spacing:2px;padding:10px 4px}.cinema-front>img{width:100%;height:205px;object-fit:cover}.cinema-front>strong{font:24px/1.1 Georgia;margin:14px 8px 7px}.cinema-front>small{font:8px system-ui;letter-spacing:1px;color:#557563}.cinema-shine{position:absolute;inset:0;pointer-events:none;background:linear-gradient(115deg,transparent 25%,#fff9dbbb 48%,transparent 68%);transform:translateX(-150%)}.is-faceup .cinema-shine{animation:atlas-sweep 1.2s .6s ease-out both}.pack-cinema[data-finish=etched] .cinema-front{border-color:#aca6dc;box-shadow:0 0 45px #b7a1ed66}.pack-cinema[data-finish=foil] .cinema-front{border-color:#e7c87d;box-shadow:0 0 55px #f2c66a88,0 0 110px #d3a74533}.pack-cinema[data-finish=foil] .cinema-orbits{opacity:.8;transition:opacity .6s}.cinema-card-meta{font:11px system-ui;color:#b9cbbf;margin:18px 0;min-height:14px}.cinema-slots{display:flex;gap:9px;margin-bottom:20px}.cinema-slot{width:36px;height:49px;border:1px solid #91ac9344;border-radius:3px;display:grid;place-items:center;overflow:hidden;transition:border-color .3s,transform .3s}.cinema-slot b{font:10px system-ui;color:#9eaf9f}.cinema-slot img{width:100%;height:100%;object-fit:cover}.cinema-slot.current{border-color:var(--glow);transform:translateY(-4px);box-shadow:0 0 16px #b5cfa522}.cinema-slot[data-finish=foil]{border-color:#e7c87d}.cinema-slot[data-finish=etched]{border-color:#aca6dc}.cinema-next{min-width:180px}.cinema-save{position:absolute;bottom:17px;left:0;right:0;text-align:center;font:10px system-ui;color:#91a99a;margin:0}.motion-setting{display:flex;align-items:center;gap:8px;font-size:11px;color:var(--muted);margin:16px 0 0}.motion-setting input{accent-color:var(--green);width:16px;height:16px}.reveal-actions{display:flex;gap:8px;flex-wrap:wrap}.reveal-actions button{font-size:12px}
@keyframes atlas-drift{50%{transform:translateY(-12px);opacity:.9}}@keyframes atlas-orbit{to{transform:rotate(360deg)}}@keyframes atlas-arrive{from{opacity:0;transform:translateY(40px) rotate(-12deg) scale(.9)}to{opacity:1;transform:rotate(-5deg)}}@keyframes atlas-foil{to{background-position:200% 0}}@keyframes atlas-cut{to{transform:scaleX(1)}}@keyframes atlas-tear{to{transform:translate(75px,-105px) rotate(35deg);opacity:0}}@keyframes atlas-release{0%,35%{transform:rotate(-5deg)}50%{transform:translateY(8px) rotate(2deg)}100%{transform:translateY(150px) scale(.9);opacity:0}}@keyframes atlas-fan{0%{opacity:0;transform:translateY(80px) scale(.6)}30%{opacity:1}100%{opacity:1;transform:translateX(calc(var(--slot)*68px)) translateY(calc(var(--slot)*var(--slot)*12px - 75px)) rotate(calc(var(--slot)*12deg))}}@keyframes atlas-sweep{to{transform:translateX(150%)}}
@media(max-width:600px){.cinema-top{inset:18px 16px auto}.cinema-top>span{font-size:11px;letter-spacing:2px}.cinema-top b{display:none}.cinema-skip{font-size:10px;padding:10px 15px}.cinema-intro h2{font-size:27px}.cinema-emerging i{width:80px;height:120px;left:-40px}.cinema-orbits{width:95vw}.cinema-card{width:210px;height:302px}.cinema-front>img{height:180px}.cinema-front>strong{font-size:23px}.cinema-caption{font-size:10px;letter-spacing:2px}.cinema-kicker{font-size:9px}.cinema-discovery{inset:85px 12px 42px}.cinema-save{font-size:9px}.cinema-emerging{transform:scale(.75)}}
@media(max-height:700px){.cinema-discovery{inset:65px 15px 30px}.cinema-card{width:180px;height:253px}.cinema-front>img{height:145px}.cinema-front>strong{font-size:20px;margin-top:10px}.cinema-caption{margin-bottom:12px}.cinema-card-meta{margin:10px 0}.cinema-slots{margin-bottom:10px}.cinema-slot{height:36px;width:28px}.cinema-next{min-height:36px;padding:8px 18px}.cinema-save{bottom:8px}.cinema-pack{width:170px;height:245px}.cinema-wrapper{padding-top:25px}.cinema-wrapper strong{font-size:27px;margin-top:15px}.cinema-wrapper img{width:45px;height:45px;margin:14px}.cinema-intro h2{margin-top:25px;font-size:26px}.cinema-kicker{margin-bottom:15px}}
@media(max-height:500px){.cinema-discovery{display:grid;grid-template-columns:200px 220px;grid-template-rows:40px 45px 65px 55px;gap:5px 25px;align-content:center}.cinema-card{grid-column:1;grid-row:1/5;justify-self:center}.cinema-caption,.cinema-card-meta,.cinema-slots,.cinema-next{grid-column:2;margin:0}.cinema-caption{grid-row:1}.cinema-card-meta{grid-row:2}.cinema-slots{grid-row:3}.cinema-next{grid-row:4}.cinema-intro{flex-direction:row;gap:35px}.cinema-intro>p{display:none}.cinema-intro h2{max-width:180px}.cinema-top{inset:10px 18px auto}}
@media(prefers-reduced-motion:reduce){.pack-cinema *{animation:none!important;transition:none!important}}

.cinema-card.is-resetting .cinema-card-inner{transition:none}.cinema-rarity{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:25px;animation:atlas-announcement .7s ease-out both}.cinema-rarity>p{font:10px system-ui;letter-spacing:4px;color:#c7d1bd}.cinema-rarity>strong{font:clamp(42px,9vw,110px)/1.2 Georgia;letter-spacing:5px;color:var(--glow);text-shadow:0 0 60px color-mix(in srgb,var(--glow) 45%,transparent)}.cinema-rarity>span{font-size:35px;color:var(--glow)}.cinema-rarity>small{font:12px system-ui;color:#b9cbbf}.pack-cinema[data-phase=rarity] .cinema-orbits{animation:atlas-halo 1.5s ease-out both}.pack-cinema[data-phase=rarity]:after{content:'';position:absolute;inset:-50%;pointer-events:none;z-index:-1;background:repeating-conic-gradient(from 15deg at 50% 50%,transparent 0 14deg,color-mix(in srgb,var(--glow) 5%,transparent) 15deg 18deg,transparent 19deg 30deg);animation:atlas-announcement .7s ease-out both}@keyframes atlas-announcement{from{opacity:0;scale:.85}to{opacity:1;scale:1}}@keyframes atlas-halo{from{opacity:.2;scale:.8}to{opacity:.8;scale:1.2}}@media(prefers-reduced-motion:reduce){.cinema-rarity,.pack-cinema[data-phase=rarity]:after{animation:none!important}}

/* PixelFX is presentation only; controls remain above this transparent layer. */
.cinema-pixelfx{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;image-rendering:pixelated;z-index:1;opacity:.85}.cinema-next{position:relative;z-index:4}@media(prefers-reduced-motion:reduce){.cinema-pixelfx{display:none}}

.cinema-discovery,.cinema-rarity{z-index:2}