/* Front content exists only once the card faces towards the viewer. */
.cinema11 .turntable9{filter:none!important;perspective:1500px;top:66px}
.cinema11 .turncard9{transform-style:preserve-3d!important;overflow:visible;opacity:1;filter:none;isolation:auto}
.cinema11 .card-front9,.cinema11 .card-back9{backface-visibility:hidden!important;-webkit-backface-visibility:hidden!important;transform-style:flat}
.cinema11 .card-front9{transform:rotateY(0deg) translateZ(.5px);visibility:hidden!important}
.cinema11 .card-back9{transform:rotateY(180deg) translateZ(.5px);visibility:visible!important;background:radial-gradient(ellipse at 70% 15%,color-mix(in srgb,var(--halo) 28%,#294052),#0d1b2a 80%);box-shadow:inset 0 0 0 10px color-mix(in srgb,var(--rarity) 45%,#172735)}
.cinema11[data-face=back] .card-front9,.cinema11[data-face=front] .card-back9{visibility:hidden!important}
.cinema11[data-phase=sealed] .card-back9,.cinema11[data-phase=arrival] .card-back9,.cinema11[data-phase=position] .card-back9,.cinema11[data-phase=country] .card-back9{visibility:hidden!important}
.cinema11[data-face=front] .card-front9{visibility:visible!important}
.cinema11[data-phase=turn][data-face=back] .turncard9{animation:rear-half23 2.2s cubic-bezier(.33,.05,.55,1) both!important}
.cinema11[data-phase=turn][data-face=front] .turncard9{animation:front-half23 2.4s cubic-bezier(.2,.65,.25,1) both!important}
.cinema11[data-phase=complete] .turncard9{animation:none!important;transform:rotateY(0deg)!important}
.rarity-signal23{position:absolute;top:13px;left:16px;right:16px;display:flex;align-items:center;justify-content:center;gap:10px;color:var(--rarity);z-index:3;opacity:0;pointer-events:none}.rarity-signal23 small{font-size:12px;letter-spacing:.12em;color:#ccdce4}.rarity-signal23 strong{font-size:15px;letter-spacing:.12em;padding:7px 13px;border:1px solid color-mix(in srgb,var(--rarity) 60%,transparent);border-radius:20px;background:#07121ac9}
.cinema11.opening11 .rarity-signal23{opacity:1;transition:opacity .8s ease}
.cinema11.opening11{background:radial-gradient(ellipse at 50% 75%,color-mix(in srgb,var(--halo) 23%,#142635),transparent 70%),linear-gradient(#030a12,#112333);border-color:color-mix(in srgb,var(--rarity) 50%,#112333)}
.cinema11.opening11 .tunnel11{animation:tunnel23 4.2s ease-out both}.cinema11.opening11 .reveal-beams9{animation:light23 9s ease-out both}.cinema11.opening11 .reveal-floor9{background:var(--halo);box-shadow:0 0 60px var(--halo);opacity:.45}
.early-confetti23 i{width:4px;height:8px;opacity:.55;animation-timing-function:linear!important}.early-confetti23 .tone-1{width:3px;height:10px}.early-confetti23 .tone-2{width:6px;height:5px;background:color-mix(in srgb,var(--rarity) 45%,white)}
@keyframes rear-half23{0%{transform:translateY(24px) rotateY(180deg) rotateZ(-3deg) scale(.86)}65%{transform:translateY(7px) rotateY(145deg) rotateZ(-1deg) scale(.96)}100%{transform:translateY(0) rotateY(90.1deg) rotateZ(0) scale(1)}}
@keyframes front-half23{0%{transform:rotateY(89.9deg) scale(1)}75%{transform:rotateY(8deg) scale(1.015)}100%{transform:rotateY(0deg) scale(1)}}
@keyframes tunnel23{0%{opacity:0;transform:scale(.86)}55%{opacity:.55}100%{opacity:.3;transform:scale(1)}}
@keyframes light23{0%{opacity:0;transform:scaleX(.6)}35%{opacity:.45}100%{opacity:.5;transform:scaleX(1)}}
@media(max-width:650px){.cinema11 .turntable9{top:63px}.rarity-signal23{gap:6px}.rarity-signal23 strong{font-size:13px;padding:6px 9px}.rarity-signal23 small{font-size:12px}}
@media(prefers-reduced-motion:reduce){.cinema11 *{animation:none!important;transition:none!important}.early-confetti23,.final-confetti23{display:none!important}}