/* A dedicated reveal theatre. All motion uses transforms and opacity. */
:is(#case-dialog,#god-preview-dialog).cinema-mode{position:fixed;inset:0;margin:0;width:100vw!important;max-width:none!important;height:100dvh;max-height:100dvh!important;border:0!important;border-radius:0!important;padding:28px max(24px,env(safe-area-inset-right)) max(28px,env(safe-area-inset-bottom))!important;background:radial-gradient(ellipse at 50% 42%,#fff 0%,#fff6e8 40%,#ffebda 70%,#f6d5c7 100%)!important;overflow-x:hidden;overflow-y:auto;color:#382219;box-sizing:border-box}
.cinema-mode::backdrop{background:#24130ee8!important;backdrop-filter:none!important}.cinema-mode>.eyebrow,.cinema-mode>#dialog-subtitle{display:none}.cinema-mode>#dialog-title,.cinema-mode>h2{font-size:23px!important;line-height:1.2!important;margin:6px 50px 0!important;text-align:center}.cinema-mode>.close{position:fixed!important;right:max(22px,env(safe-area-inset-right))!important;top:max(22px,env(safe-area-inset-top))!important;z-index:20;background:#fff9!important;border:1px solid #e7bfaa!important}.cinema-mode>.opening-meta{max-width:960px;margin:24px auto 0;padding:12px 0;border-top:1px solid #c9401126;font-size:10px;letter-spacing:2px}.cinema-mode.opening-presentation>.opening-actions{display:none}.cinema-mode .reel-shell{height:360px!important;margin:clamp(20px,9vh,100px) -24px 0!important;width:calc(100% + 48px);max-width:none;background:transparent!important;border:0!important;box-shadow:none!important;overflow:hidden;mask-image:linear-gradient(90deg,transparent,#000 12% 88%,transparent);position:relative}.cinema-mode .reel{gap:24px;align-items:center;height:100%;will-change:transform}.cinema-mode .reel-card{width:188px!important;flex:0 0 188px!important;filter:none!important;opacity:1;transform:translateZ(0);text-align:center}.cinema-mode .reel-card-image{height:265px;padding:13px;border:2px solid #dfb59c!important;border-radius:16px;background:linear-gradient(145deg,#fff,#f6e8df)!important;box-shadow:0 12px 24px #9640241c;transition:transform .55s cubic-bezier(.2,.8,.2,1),border-color .35s,box-shadow .35s}.cinema-mode .reel-card img{height:100%!important;width:100%;object-fit:contain}.cinema-mode .reel-card>span{font-size:13px;display:block;margin-top:15px;color:#53372b}.cinema-mode .reel-card small{font-size:13px;color:#a64221;margin-top:5px}.cinema-mode .reel-pointer{background:#d84521;width:2px;top:0;bottom:0;height:auto;box-shadow:none;opacity:.65;z-index:2}.cinema-mode .reel-pointer:before,.cinema-mode .reel-pointer:after{content:'';position:absolute;left:-5px;width:12px;height:12px;transform:rotate(45deg);background:#d84521;top:0}.cinema-mode .reel-pointer:after{top:auto;bottom:0}.cinema-mode .reel-progress{max-width:280px;margin:30px auto 24px;height:3px;background:#ecc7ae;border-radius:8px}.cinema-mode .reel-progress span{background:linear-gradient(90deg,#ff942f,#c92c28);box-shadow:none}.cinema-mode #skip-opening{display:block;margin:0 auto;border-radius:30px;padding:12px 25px;background:#fff8;font-size:13px;color:#8c4e38}.cinema-mode #skip-opening[hidden]{display:none}.cinema-mode.carousel-landed .reel-selected .reel-card-image{transform:translateY(-10px) scale(1.06);border-color:#da491f!important;box-shadow:0 16px 35px #cb471b33,0 0 0 6px #ff922815}.cinema-mode .winner-stage:not(.multi-pack-stage):not(.god-winner){min-height:460px;height:auto;width:min(900px,100%);max-width:100%;margin:15px auto 0;padding:35px 20px!important;background:transparent!important;border:0!important;box-shadow:none!important;gap:75px;overflow:visible;isolation:isolate}.cinema-mode .winner-card{width:clamp(200px,32vh,285px)!important;transform:rotate(-4deg);animation:cinema-card-land .8s cubic-bezier(.15,.8,.25,1) both;box-shadow:0 22px 45px #783f2c30,0 0 70px color-mix(in srgb,var(--reveal-color) 35%,transparent);border-radius:14px}.cinema-mode .winner-rays{inset:0;border-radius:50%;background:repeating-conic-gradient(transparent 0deg 15deg,#f7b36120 16deg 22deg,transparent 23deg 40deg);animation:cinema-rays 3.5s ease-out both;z-index:-1}.cinema-mode .winner-info{text-align:left;max-width:360px}.cinema-mode .winner-info h3{font-family:inherit!important;font-weight:800;font-size:clamp(27px,3vw,45px);line-height:1.1;color:#3c261e}.cinema-mode .winner-info>strong{color:#c94011!important;font-family:inherit!important;font-size:32px;font-weight:800}.cinema-mode .rarity-label{display:inline-block;padding:7px 12px;background:#fff8;border:1px solid #e1b69e;border-radius:30px;color:#87452b;font-size:10px;letter-spacing:1px}.cinema-mode .winner-grade{color:#87614f;font-size:11px}.cinema-mode .winner-info p{font-size:11px;max-width:290px;color:#866451}.cinema-mode>#reveal-result{max-width:700px;text-align:center;margin:20px auto 10px;font-size:13px}.cinema-mode>.opening-actions{max-width:700px;margin:22px auto 35px;justify-content:center}.cinema-mode>.opening-actions button{border-radius:30px;padding:15px 24px}.cinema-mode.revealed>#case-return-preview,.cinema-mode.revealed>.odds-title,.cinema-mode.revealed>#odds-list,.cinema-mode.revealed>p.small{display:none}
/* Use the original rarity-flight spin, forward launch and rarity effects. */
/* Larger physical pack, layered stack, real two-sided card flip. */
.cinema-mode .multi-pack-stage{width:min(780px,100%);max-width:100%;min-height:0;margin:10px auto!important;padding:15px!important;border:0!important;background:transparent!important;overflow:visible}.cinema-mode .mp-top{max-width:570px;margin:0 auto;font-size:10px}.cinema-mode .mp-title{font-size:29px!important;margin-top:17px!important}.cinema-mode .mp-cut-scene{height:350px}.cinema-mode .mp-package{width:230px;animation:cinema-pack-in .7s cubic-bezier(.2,.8,.2,1) both}.cinema-mode .mp-package-body{height:260px;border-inline:3px solid #d35426;background:linear-gradient(108deg,#f78c36,#ffc075 12%,#f98730 22%,#e64d23 70%,#c72c20 88%,#fc8b3c)}.cinema-mode .mp-package-body:after{content:'';position:absolute;inset:0;background:repeating-linear-gradient(90deg,transparent 0 14px,#fff1 15px,transparent 16px 30px);pointer-events:none}.cinema-mode .mp-package-top{background:repeating-linear-gradient(90deg,#a62c20 0 2px,#f27035 2px 5px);clip-path:polygon(0 0,3% 7%,6% 0,9% 7%,12% 0,15% 7%,18% 0,21% 7%,24% 0,27% 7%,30% 0,33% 7%,36% 0,39% 7%,42% 0,45% 7%,48% 0,51% 7%,54% 0,57% 7%,60% 0,63% 7%,66% 0,69% 7%,72% 0,75% 7%,78% 0,81% 7%,84% 0,87% 7%,90% 0,93% 7%,96% 0,100% 7%,100% 100%,0 100%)}.cinema-mode .mp-cut-zone:after{content:'✂';position:absolute;left:var(--cut,0%);top:14px;font-size:22px;line-height:1;color:#fff6dc;text-shadow:0 1px 4px #7a201a;pointer-events:none;transition:left .05s}.cinema-mode .mp-stack-scene{min-height:440px;padding-top:12px}.cinema-mode .mp-card-stack{width:225px;height:320px;margin:8px auto 22px;perspective:1100px}.cinema-mode .mp-stack-back:nth-child(1){transform:translate(16px,4px) rotate(8deg)}.cinema-mode .mp-stack-back:nth-child(2){transform:translate(-12px,2px) rotate(-7deg)}.cinema-mode .mp-card-back,.cinema-mode .mp-stack-back{border:8px solid #fff0d7;background:radial-gradient(ellipse at 20% 10%,#ffb66177,transparent 70%),repeating-linear-gradient(135deg,#c53423 0 22px,#da4c25 22px 44px);box-shadow:0 15px 35px #8b3e2528}.cinema-mode .mp-current{transform:translate3d(0,var(--drag-y,0px),0) rotate(var(--drag-r,0deg));transition:transform .2s cubic-bezier(.2,.8,.2,1);transform-style:preserve-3d}.cinema-mode .mp-current:active{transition:none}.cinema-mode .mp-flip-inner{position:absolute;inset:0;transform-style:preserve-3d;transform:rotateY(180deg);animation:cinema-flip .75s cubic-bezier(.2,.7,.2,1) both}.cinema-mode .mp-flip-inner>.mp-card-back,.cinema-mode .mp-flip-inner>.mp-card-front{backface-visibility:hidden;-webkit-backface-visibility:hidden}.cinema-mode .mp-flip-inner>.mp-card-front{transform:rotateY(180deg)}.cinema-mode .mp-current.mp-flipping{animation:none}.cinema-mode .mp-current.mp-leaving{animation:cinema-card-away .3s ease-in both}.cinema-mode .mp-card-front{border:7px solid #f6eee3;box-shadow:0 18px 40px #86402c30,0 0 70px color-mix(in srgb,var(--hit) 40%,transparent);border-radius:14px}.cinema-mode .mp-slab-label{padding:6px}.cinema-mode .mp-slab-label>span{font-size:8px}.cinema-mode .mp-slab-label>b{font-size:21px}.cinema-mode .mp-card-front>img{height:calc(100% - 45px)}.cinema-mode .mp-card-info{min-height:75px}.cinema-mode .mp-card-info h4{font-size:25px}.cinema-mode .mp-card-info>strong{font-size:24px}.cinema-mode .mp-controls>button{border-radius:30px;min-width:175px;padding:14px 22px}.cinema-mode .mp-burst{top:170px}.cinema-mode .mp-stack-scene[data-tier]:before{width:390px;height:390px;margin-left:-195px;top:-15px}.cinema-mode .mp-stack-scene[data-tier=legendary] .mp-card-stack,.cinema-mode .mp-stack-scene[data-tier=grail] .mp-card-stack{filter:drop-shadow(0 0 22px #f2bc6055)}.cinema-mode .god-winner{width:min(900px,100%);margin:20px auto!important;border:0!important;background:transparent!important}.cinema-mode .god-awards{gap:22px}.cinema-mode .god-award{background:#fff9;border:1px solid #deb59c;border-radius:20px;padding:22px 16px}.cinema-mode .god-award-art>img{height:210px}.cinema-mode .god-result-heading h3{font-family:inherit;font-size:36px}.cinema-mode .god-pack-badge{background:#c94011;color:white;border:0;padding:7px 14px}
@keyframes cinema-card-land{from{opacity:0;transform:rotate(-7deg) translateY(22px) scale(.93)}to{opacity:1;transform:rotate(-4deg) translateY(0) scale(1)}}@keyframes cinema-pack-in{from{opacity:0;transform:rotate(-10deg) translateY(35px) scale(.8)}to{opacity:1;transform:rotate(-3deg) translateY(0) scale(1)}}@keyframes cinema-flip{0%{transform:translateY(0) rotateY(0) scale(1)}45%{transform:translateY(-22px) rotateY(85deg) scale(1.08)}100%{transform:translateY(0) rotateY(180deg) scale(1)}}@keyframes cinema-card-away{to{opacity:0;transform:translate3d(30px,-150px,0) rotate(14deg) scale(.85)}}@keyframes cinema-rays{from{opacity:0;transform:rotate(-20deg) scale(.7)}20%{opacity:1}to{opacity:0;transform:rotate(45deg) scale(1.2)}}
@media(max-width:600px){:is(#case-dialog,#god-preview-dialog).cinema-mode{padding:calc(17px + env(safe-area-inset-top)) 18px max(22px,env(safe-area-inset-bottom))!important}.cinema-mode>#dialog-title,.cinema-mode>h2{font-size:18px!important;margin:10px 35px 0!important}.cinema-mode>.close{top:calc(16px + env(safe-area-inset-top))!important;right:16px!important;width:32px;height:32px}.cinema-mode>.opening-meta{font-size:8px;letter-spacing:1px;margin-top:22px;gap:12px}.cinema-mode .reel-shell{height:325px!important;margin-top:9vh!important}.cinema-mode .reel-card{width:164px!important;flex-basis:164px!important}.cinema-mode .reel-card-image{height:235px;border-radius:12px;padding:10px}.cinema-mode .reel-card>span{font-size:11px}.cinema-mode .winner-stage:not(.multi-pack-stage):not(.god-winner){display:flex!important;flex-direction:column;gap:23px;min-height:0;padding:22px 0 5px!important;margin:0 auto!important}.cinema-mode .winner-stage[hidden]{display:none!important}.cinema-mode .winner-card{width:clamp(170px,28vh,225px)!important}.cinema-mode .winner-info{text-align:center;max-width:95%}.cinema-mode .winner-info h3{font-size:26px;margin:12px 0 9px}.cinema-mode .winner-info>strong{font-size:27px;margin:10px 0}.cinema-mode .winner-info p{margin:6px auto}.cinema-mode .winner-info .finish-badges{justify-content:center}.cinema-mode>#reveal-result{font-size:11px;line-height:1.5;margin:12px 0}.cinema-mode>.opening-actions{gap:8px;margin-top:15px}.cinema-mode>.opening-actions button{font-size:12px;padding:12px 16px;min-width:0!important}.cinema-mode .multi-pack-stage{padding:8px 0!important;margin-top:6px!important}.cinema-mode .mp-top{font-size:8px}.cinema-mode .mp-title{font-size:25px!important;margin-top:18px!important}.cinema-mode .mp-instruction{font-size:13px;min-height:39px;margin-bottom:8px}.cinema-mode .mp-cut-scene{height:340px}.cinema-mode .mp-package{width:225px}.cinema-mode .mp-stack-scene{min-height:415px}.cinema-mode .mp-card-stack{width:210px;height:300px;margin:5px auto 20px}.cinema-mode .mp-card-info h4{font-size:23px}.cinema-mode .mp-card-info>strong{font-size:23px}.cinema-mode .mp-controls{margin-top:6px}.cinema-mode .mp-controls>button{min-width:0;flex:1;font-size:13px;padding:13px 8px}.cinema-mode .mp-note{font-size:10px;margin-top:14px}.cinema-mode .mp-stack-scene[data-tier]:before{width:320px;height:320px;margin-left:-160px;top:0}.cinema-mode .god-awards{gap:10px}.cinema-mode .god-award{padding:13px 7px;border-radius:14px}.cinema-mode .god-award-art>img{height:170px}.cinema-mode .god-result-heading h3{font-size:28px}}
@media(max-height:720px){.cinema-mode .mp-cut-scene{height:290px}.cinema-mode .mp-package{width:195px}.cinema-mode .mp-package-body{height:220px}.cinema-mode .mp-stack-scene{min-height:340px}.cinema-mode .mp-card-stack{width:170px;height:243px}.cinema-mode .mp-instruction{min-height:0;font-size:12px}.cinema-mode .mp-title{margin-top:10px!important}.cinema-mode .mp-card-info h4{font-size:20px}.cinema-mode .mp-card-info>strong{font-size:20px}.cinema-mode .winner-card{width:170px!important}.cinema-mode .winner-stage:not(.multi-pack-stage):not(.god-winner){min-height:340px;gap:25px}.cinema-mode .reel-shell{margin-top:20px!important}}
@media(prefers-reduced-motion:reduce){.cinema-mode *,.cinema-mode *:before,.cinema-mode *:after{animation:none!important;transition:none!important}.cinema-mode .mp-flip-inner{transform:rotateY(180deg)}.cinema-mode .mp-current{transform:none}}

@media(max-width:600px){.cinema-mode.revealed>.opening-actions{display:grid;grid-template-columns:1fr 1fr}.cinema-mode.revealed>.opening-actions>#view-collection{grid-column:1/-1}.cinema-mode.revealed>.opening-actions button{white-space:normal;line-height:1.4}.cinema-mode.revealed>.opening-actions #open-case{width:100%;min-height:54px}}

.cinema-mode .finish-badges>span{color:#80529d;background:#f5e8fc;border-color:#dcc1eb}
@media(max-width:600px){.cinema-mode .winner-card{width:200px!important}.cinema-mode .winner-stage:not(.multi-pack-stage):not(.god-winner){gap:16px}.cinema-mode .winner-info h3{margin-top:8px}.cinema-mode .winner-info>strong{margin:8px 0}}