/* Original silver foil wrapper, shared by shelf and opening. */
.pack-cinema,.pack-object.silver-pack{--tear:0;--tear-cut:0%}
.silver-pack{position:relative;isolation:isolate;padding:0;border:0;background:none;box-shadow:none;overflow:visible;aspect-ratio:300/458;filter:drop-shadow(8px 18px 18px #0004);user-select:none;-webkit-user-select:none}
.silver-pack:before,.silver-pack:after{display:none}
.foil-body{position:absolute;inset:5.3% 0 0;display:block;overflow:hidden;transform-origin:50% 20%;background:none}
.foil-body>img{display:block;width:100%;height:100%;pointer-events:none;object-fit:fill}
.foil-reflection{position:absolute;inset:-25% -60%;pointer-events:none;background:linear-gradient(112deg,transparent 32%,#a8d6ee16 38%,#fff9 44%,#fff 45%,#fff4 48%,#839fb522 53%,transparent 60%);mix-blend-mode:screen;transform:translateX(-36%);animation:foil-gleam 3.6s ease-in-out infinite}
.foil-seal{position:absolute;left:0;right:0;top:0;height:8.7%;display:flex;justify-content:center;align-items:center;background:repeating-linear-gradient(90deg,#354a5b55 0 1px,#faffff88 1px 2px,transparent 2px 5px),linear-gradient(112deg,#909fac,#fff 16%,#bdc7cf 31%,#f6fcff 50%,#8294a2 64%,#f4f8fc 87%,#7c8e9e);color:#263d4b;border-block:1px solid #f5fcff;box-shadow:0 2px 3px #182c3c77;clip-path:polygon(0 7%,2% 0,4% 7%,6% 0,8% 7%,10% 0,12% 7%,14% 0,16% 7%,18% 0,20% 7%,22% 0,24% 7%,26% 0,28% 7%,30% 0,32% 7%,34% 0,36% 7%,38% 0,40% 7%,42% 0,44% 7%,46% 0,48% 7%,50% 0,52% 7%,54% 0,56% 7%,58% 0,60% 7%,62% 0,64% 7%,66% 0,68% 7%,70% 0,72% 7%,74% 0,76% 7%,78% 0,80% 7%,82% 0,84% 7%,86% 0,88% 7%,90% 0,92% 7%,94% 0,96% 7%,98% 0,100% 7%,100% 92%,94% 100%,88% 88%,82% 98%,76% 90%,70% 100%,64% 89%,58% 99%,52% 91%,46% 98%,40% 87%,34% 100%,28% 91%,22% 97%,16% 88%,10% 100%,4% 90%,0 96%);z-index:5}
.foil-seal>span{font:600 6px/1 Arial,sans-serif;letter-spacing:1.8px;white-space:nowrap;padding:4px 6px;background:#ecf4f6a8;pointer-events:none}
.foil-seal-loose{opacity:0;transform-origin:100% 90%}
.foil-rip{position:absolute;top:8.3%;left:0;width:var(--tear-cut);height:3px;background:#f8ffff;box-shadow:0 1px 1px #172a36,0 0 10px #fff9;z-index:6;opacity:0}
.foil-grip{position:absolute;top:3.1%;left:-9px;width:24px;height:16px;border-radius:3px;background:#dce9ee;color:#203a49;box-shadow:0 1px 4px #172d3d88;display:grid;place-items:center;font:15px/1 Arial;z-index:7;opacity:0}
.foil-mouth{position:absolute;left:3%;right:3%;top:0;height:16px;opacity:0;background:linear-gradient(#071315,#283f45 55%,#c6e2e4);clip-path:polygon(0 0,100% 0,99% 85%,94% 47%,88% 91%,82% 60%,76% 100%,70% 54%,64% 90%,58% 51%,52% 85%,46% 55%,40% 96%,34% 60%,28% 91%,22% 52%,16% 100%,10% 60%,4% 93%,0 70%);z-index:3}
.pack-object.silver-pack{width:216px;height:330px;margin:28px auto 30px;transform:rotate(-5deg);background:transparent;box-shadow:none;border:0;padding:0}
.pack-object.silver-pack:hover:not(:disabled){box-shadow:none;filter:drop-shadow(8px 22px 20px #203c3d55);transform:rotate(-1deg) translateY(-5px)}
.cinema-intro{inset:90px 16px 55px;z-index:2}
.cinema-pack.silver-pack{width:264px;height:403px;flex-shrink:0;transform:rotate(-4deg);animation:foil-hover 4s ease-in-out infinite;touch-action:none;cursor:grab;filter:drop-shadow(0 30px 35px #0009)}
.cinema-pack .foil-seal>span{font-size:7px}
.cinema-pack .foil-grip{opacity:1;animation:foil-pull-hint 1.8s ease-in-out infinite}
.cinema-kicker{margin-bottom:22px}
.cinema-intro h2{font-size:28px;margin-top:26px;line-height:1.2}
.cinema-intro .cinema-tear-hint{font:12px/1.5 system-ui;color:#bdcbd1;margin:10px 0 0}
.cinema-tear{display:flex;align-items:center;gap:38px;margin-top:20px;padding:14px 25px;min-height:48px;border:1px solid #d6e4ed88;border-radius:30px;background:linear-gradient(120deg,#c9d8e2,#f7fcff 40%,#99b1be);color:#172f3e;font:600 13px system-ui;box-shadow:inset 0 1px #fff,0 4px 18px #afdaef20}
.cinema-tear>span{font-size:20px;font-weight:400}
.cinema-tear:hover:not(:disabled){background:#edf9ff;box-shadow:0 0 24px #ceeaff44}
.pack-cinema[data-phase=tearing] .cinema-pack{animation:none;transform:rotate(calc(-4deg + var(--tear)*3deg));cursor:grabbing}
.pack-cinema[data-phase=tearing] .foil-seal-fixed{clip-path:inset(0 0 0 var(--tear-cut))}
.pack-cinema[data-phase=tearing] .foil-seal-loose{opacity:1;clip-path:inset(0 calc(100% - var(--tear-cut)) 0 0);transform:translateY(calc(var(--tear)*-28px)) rotate(calc(var(--tear)*12deg));filter:drop-shadow(-4px 10px 5px #05101a77)}
.pack-cinema[data-phase=tearing] .foil-rip{opacity:1}
.pack-cinema[data-phase=tearing] .foil-grip{animation:none;left:calc(var(--tear-cut) - 10px);transform:translateY(calc(var(--tear)*-12px));opacity:calc(1 - var(--tear))}
.pack-cinema[data-phase=tearing] .foil-body{transform:translateY(calc(var(--tear)*4px)) skewX(calc(var(--tear)*-1deg))}
.pack-cinema[data-phase=tearing] .foil-mouth{opacity:var(--tear);width:var(--tear-cut)}
.pack-cinema[data-phase=opened] .cinema-pack{animation:none;transform:rotate(-1deg);cursor:default}
.pack-cinema[data-phase=opened] .foil-seal-fixed,.pack-cinema[data-phase=opened] .foil-grip,.pack-cinema[data-phase=opened] .foil-rip{display:none}
.pack-cinema[data-phase=opened] .foil-seal-loose{opacity:1;animation:foil-strip-away 1.15s cubic-bezier(.2,.65,.4,1) forwards}
.pack-cinema[data-phase=opened] .foil-mouth{opacity:1}
.pack-cinema[data-phase=opened] .foil-body{animation:foil-sleeve-drop 1.2s .3s cubic-bezier(.4,0,.65,1) forwards}
.pack-cinema[data-phase=opened] .cinema-tear,.pack-cinema[data-phase=opened] .cinema-tear-hint,.pack-cinema[data-phase=opened] .cinema-intro h2{opacity:0;transition:opacity .3s;pointer-events:none}
.cinema-emerging{top:43%;z-index:1}
.cinema-emerging i{width:130px;height:184px;left:-65px;top:-20px;box-shadow:inset 0 0 0 5px #23453b,inset 0 0 0 6px #cabb8355}
.pack-cinema[data-phase=opened] .cinema-emerging i{animation:foil-cards-rise 1.25s .22s cubic-bezier(.2,.7,.2,1) both}
@keyframes foil-gleam{0%,12%{transform:translateX(-36%)}65%,100%{transform:translateX(36%)}}
@keyframes foil-hover{0%,100%{transform:translateY(0) rotate(-4deg) rotateY(-5deg)}50%{transform:translateY(-7px) rotate(-2deg) rotateY(6deg)}}
@keyframes foil-pull-hint{0%,100%{translate:0}50%{translate:5px 0}}
@keyframes foil-strip-away{0%{transform:translateY(-28px) rotate(12deg);opacity:1}45%{transform:translate(75px,-100px) rotate(38deg);opacity:1}100%{transform:translate(180px,-160px) rotate(70deg);opacity:0}}
@keyframes foil-sleeve-drop{0%{transform:translateY(4px) skewX(-1deg);opacity:1}30%{transform:translateY(30px) rotate(3deg);opacity:1}100%{transform:translateY(320px) rotate(12deg);opacity:0}}
@keyframes foil-cards-rise{0%{opacity:0;transform:translateY(30px) scale(.75)}25%{opacity:1}65%{transform:translateY(-80px) scale(1)}100%{opacity:1;transform:translateX(calc(var(--slot)*64px)) translateY(calc(var(--slot)*var(--slot)*9px - 100px)) rotate(calc(var(--slot)*12deg))}}
@media(max-width:600px){.cinema-pack.silver-pack{width:232px;height:354px}.cinema-intro h2{font-size:23px}.cinema-kicker{font-size:8px;letter-spacing:3px}.cinema-tear{margin-top:18px}.cinema-emerging{transform:scale(.76)}.cinema-pack .foil-seal>span{font-size:6px}}
@media(max-height:740px){.cinema-intro{inset:76px 16px 42px}.cinema-pack.silver-pack{width:202px;height:308px}.cinema-kicker{margin-bottom:16px}.cinema-intro h2{font-size:23px;margin-top:18px}.cinema-tear{margin-top:13px;padding:10px 24px;min-height:44px}.cinema-intro .cinema-tear-hint{font-size:11px;margin-top:8px}}
@media(max-height:570px){.cinema-intro{inset:65px 20px 30px;display:grid;grid-template-columns:180px minmax(150px,240px);grid-template-rows:auto auto auto;gap:12px 30px;align-content:center;justify-content:center}.cinema-pack.silver-pack{width:175px;height:267px;grid-column:1;grid-row:1/4}.cinema-intro .cinema-kicker{display:none}.cinema-intro h2{grid-column:2;grid-row:1;margin:0;max-width:none;align-self:end}.cinema-intro .cinema-tear-hint{display:block;grid-column:2;grid-row:2;margin:0}.cinema-tear{grid-column:2;grid-row:3;align-self:start;justify-content:center;margin:0}.cinema-emerging{left:30%;top:50%;transform:scale(.65)}}
@media(prefers-reduced-motion:reduce){.foil-reflection,.cinema-pack.silver-pack,.cinema-pack .foil-grip{animation:none}.pack-object.silver-pack:hover:not(:disabled){transform:none}}