/* Local CSS motion. JavaScript grants .cinema-live only to visible, unpaused components. */
/* A compact, even search form, with only the visitor's useful choices. */
.discovery-page .page-head{padding-bottom:22px}.discovery-page .page-head h1{margin-bottom:15px}.discovery-page .page-head>p{max-width:670px;line-height:1.65}
.discovery-page #filters{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px 22px;padding:24px;border-radius:18px;border:1px solid #343544;background:linear-gradient(135deg,#171a25,#11141e);box-shadow:0 15px 35px #00000014}
.discovery-page #filters label{min-width:0;gap:8px;font-size:12px;font-weight:550;color:#c6c3c9;letter-spacing:.01em}
.discovery-page #filters select{width:100%;min-width:0;min-height:49px;padding:12px 13px;background:#0e111a;border:1px solid #383a48;border-radius:10px;font-size:14px;letter-spacing:normal;color:#f1ede6;transition:border-color .2s,box-shadow .2s}
.discovery-page #filters select:hover{border-color:#776649}.discovery-page #filters select:focus-visible{outline:none;border-color:#e9c78c;box-shadow:0 0 0 3px #e9c78c20}
.discovery-page .discovery-categories{margin-bottom:20px;border-color:#343440;background:#11131b}.discovery-page .discovery-categories>summary{padding:15px 20px;font-weight:550;letter-spacing:.01em}
.discovery-page .count-line{margin:22px 0 16px;font-size:13px;gap:16px}.discovery-page .count-line .btn{border-color:#393a45;background:#151822;color:#ddd7cb}
.discovery-page .filter-chips{gap:9px;margin:12px 0 19px}.discovery-page .filter-chip{background:#1b1d26;border-color:#61543b;color:#ead8b6}
/* Cinematic movement is on the image plane; film names stay still and readable. */
.cinema-motion-poster .poster-image,.poster.cinema-motion-poster>.poster-image,.cinema-motion-hero .deck-card .poster-image{transform-origin:52% 44%;animation:cinema-image-camera 16s ease-in-out infinite;animation-delay:var(--cinema-motion-phase,0s);animation-play-state:paused;backface-visibility:hidden}
.cinema-motion-hero .deck-card .poster-image{animation-delay:calc(var(--cinema-stage-index,0)*-4s)}
.cinema-motion-poster .poster::after,.poster.cinema-motion-poster::after,.cinema-motion-hero .deck-card .poster::after{background-image:linear-gradient(112deg,transparent 40%,#ffefc817 48%,#ffefc82a 50%,transparent 58%),linear-gradient(transparent 22%,#090b1233 47%,#090b12e6 90%);background-size:300% 100%,100% 100%;background-repeat:no-repeat;background-position:160% 0,0 0;animation:cinema-image-light 13s ease-in-out infinite;animation-delay:var(--cinema-motion-phase,0s);animation-play-state:paused;pointer-events:none}
.cinema-motion-poster.cinema-live .poster-image,.poster.cinema-motion-poster.cinema-live>.poster-image,.cinema-motion-hero.cinema-live .deck-card .poster-image,.cinema-motion-poster.cinema-live .poster::after,.poster.cinema-motion-poster.cinema-live::after,.cinema-motion-hero.cinema-live .deck-card .poster::after{animation-play-state:running}
.cinema-motion-poster.cinema-live:hover .poster-image,.cinema-motion-poster.cinema-live:focus-within .poster-image,.cinema-motion-hero.cinema-live .deck-card:hover .poster-image,.cinema-motion-hero.cinema-live .deck-card:focus-visible .poster-image{animation-play-state:paused}
@keyframes cinema-image-camera{0%,100%{transform:perspective(800px) scale(1.055) translate3d(-1.2%,1%,0) rotateY(-1.5deg)}42%{transform:perspective(800px) scale(1.145) translate3d(1%,-1.8%,12px) rotateY(1.8deg)}72%{transform:perspective(800px) scale(1.09) translate3d(-.3%,-.2%,5px) rotateY(.4deg)}}
@keyframes cinema-image-light{0%,24%{background-position:160% 0,0 0}52%,100%{background-position:-160% 0,0 0}}
@media(max-width:900px){.discovery-page #filters{gap:17px;padding:20px}}
@media(max-width:600px){.discovery-page #filters{grid-template-columns:repeat(2,minmax(0,1fr));gap:17px 12px;padding:18px 14px;border-radius:15px}.discovery-page #filters label{font-size:11px}.discovery-page #filters select{min-height:47px;padding:11px 9px;font-size:12px}.discovery-page .discovery-categories>summary{padding:14px;font-size:12px}.discovery-page .count-line{align-items:flex-start;flex-wrap:wrap;font-size:11px}.discovery-page .page-head{padding-bottom:20px}.cinema-motion-poster .poster-image,.poster.cinema-motion-poster>.poster-image,.cinema-motion-hero .deck-card .poster-image{animation-name:cinema-image-camera-small}}
@media(max-width:340px){.discovery-page #filters{grid-template-columns:1fr}}
@keyframes cinema-image-camera-small{0%,100%{transform:scale(1.05) translate3d(-1%,.5%,0)}48%{transform:scale(1.12) translate3d(1%,-1.2%,0)}}
.hero-deck.cinema-stage{height:390px;perspective:1100px;overflow:visible;scroll-margin-top:120px}
.cinema-stage-set{position:absolute;inset:0;z-index:0;pointer-events:none;transform-style:preserve-3d}
.cinema-stage-set *{pointer-events:none}
.cinema-stage-aura{position:absolute;inset:0 -3% 4%;border-radius:50%;background:radial-gradient(ellipse at 52% 65%,#f1c97714,transparent 63%),radial-gradient(ellipse at 21% 32%,#ee475b16,transparent 56%);transform:translateZ(-80px)}
.cinema-stage-arch{position:absolute;left:5%;top:2%;width:90%;height:85%;border:2px solid #e9c27a4f;border-bottom-color:transparent;border-radius:50% 50% 38% 38%;box-shadow:0 -3px 22px #f1c9771a,inset 0 2px 15px #f1c9770d;transform:rotateX(-8deg) rotateY(12deg) translateZ(-45px)}
.cinema-stage-arch.arch-two{left:15%;top:9%;width:73%;height:73%;border-color:#ee718740;border-bottom-color:transparent;box-shadow:0 -3px 20px #ee475b17;transform:rotateX(-4deg) rotateY(-12deg) translateZ(-60px)}
.cinema-stage-cone{position:absolute;left:9%;top:8%;width:64%;height:81%;clip-path:polygon(0 0,22% 0,100% 100%,58% 100%);background:linear-gradient(150deg,#f9d79b25,#f9d79b08 55%,transparent);opacity:.55;transform:translateZ(-35px);transform-origin:10% 0}
.cinema-stage-cone.cone-right{left:30%;background:linear-gradient(200deg,#f28b9322,#ed729b07 55%,transparent);clip-path:polygon(78% 0,100% 0,41% 100%,0 100%);transform-origin:90% 0}
.cinema-stage-podium{position:absolute;left:3%;bottom:13px;width:93%;height:115px;transform:rotateX(63deg) translateZ(-12px);transform-style:preserve-3d}
.cinema-stage-floor{position:absolute;inset:0;border:1px solid #f1c97775;border-radius:50%;background:radial-gradient(ellipse at 50% 30%,#6b484650,#1d1929 63%,#100f19 80%);box-shadow:0 9px 0 #261e2b,0 11px 0 #d5a95b4a,0 35px 38px #0008}
.cinema-stage-floor-ring{position:absolute;inset:9%;border:2px solid #f7d6909c;border-radius:50%;box-shadow:0 0 14px #f1c97733,inset 0 0 10px #f1c97720;transform:translateZ(1px)}
.cinema-stage-floor-ring.ring-inner{inset:27% 23%;border-color:#ee738a80;box-shadow:0 0 15px #ee475b2b;transform:translateZ(2px)}
.cinema-stage-floor-lights{position:absolute;inset:0;transform:translateZ(3px)}
.cinema-stage-floor-lights i{position:absolute;left:calc(11% + var(--stage-light)*12%);bottom:9%;width:7px;height:7px;border-radius:50%;background:#f7d690;box-shadow:0 0 11px #f1c97775;opacity:.5}
.cinema-stage-film{position:absolute;left:8%;bottom:9px;width:70%;height:38px;display:flex;gap:7px;padding:8px 10px;border:1px solid #76654d;border-radius:7px;background:repeating-linear-gradient(90deg,#f3d29650 0 4px,transparent 4px 13px) left top/100% 3px no-repeat,repeating-linear-gradient(90deg,#f3d29650 0 4px,transparent 4px 13px) left bottom/100% 3px no-repeat,#17131e;transform:rotateY(-13deg) rotateZ(-4deg) translateZ(12px);box-shadow:0 9px 18px #0007;opacity:.8}
.cinema-stage-film span{flex:1;min-width:0;border:1px solid #816b5280;background:linear-gradient(135deg,#57403580,#292031);border-radius:2px}
.cinema-stage-sweep{position:absolute;inset:2% 0 3%;border-radius:50%;background:linear-gradient(108deg,transparent 26%,#fff0bd00 39%,#fff0bd21 47%,#fff0bd00 55%,transparent 69%);background-size:280% 100%;background-position:100% 0;opacity:0;transform:translateZ(22px)}
.cinema-stage .deck-card{border-color:#f1c97788;box-shadow:0 24px 43px #0009,4px 3px 0 #473546,0 0 22px #f1c9770c;transition:translate .25s,border-color .25s,box-shadow .25s;will-change:auto}
.cinema-stage .deck-card::before{border-color:#ffdda159;box-shadow:inset 2px 2px 0 #fff3,inset -3px -3px 0 #0005}
.cinema-stage .cinema-projector{z-index:3;bottom:1px}
.cinema-showtime-trigger{border-color:#997647;background:linear-gradient(120deg,#3c2d30,#231e2c);color:#ffdf9d;min-height:40px}
.cinema-showtime-trigger[aria-pressed=true]{background:#4d2d38;border-color:#f6c77c;box-shadow:0 0 18px #f1c97719}
.cinema-motion-hero .cinema-stage-sweep{animation:cinema-show-sweep 12s ease-in-out infinite;animation-play-state:paused}
.cinema-motion-hero .cinema-stage-cone{animation:cinema-show-cone 10s ease-in-out infinite;animation-play-state:paused}
.cinema-motion-hero .cone-right{animation-delay:-5s;animation-direction:reverse}
.cinema-motion-hero .cinema-stage-arch{animation:cinema-show-arch 9s ease-in-out infinite;animation-play-state:paused}
.cinema-motion-hero .arch-two{animation-delay:-4s}
.cinema-motion-hero .cinema-stage-floor-ring{animation:cinema-live-ring 12s linear infinite;animation-play-state:paused;border-style:dashed}
.cinema-motion-hero .ring-inner{animation-direction:reverse;animation-duration:10s}
.cinema-motion-hero .cinema-stage-floor-lights i{animation:cinema-show-light 8s ease-in-out infinite;animation-delay:calc(var(--stage-light)*-.7s);animation-play-state:paused}
.cinema-motion-hero .cinema-stage-film{animation:cinema-show-film 11s ease-in-out infinite;animation-play-state:paused}
.cinema-motion-hero .deck-card{animation:cinema-show-poster 10s ease-in-out infinite;animation-delay:calc(var(--cinema-stage-index)*-2.6s);animation-play-state:paused}
.cinema-motion-hero .deck-card::after{animation:cinema-show-frame 12s ease-in-out infinite;animation-delay:calc(var(--cinema-stage-index)*-3s);animation-play-state:paused}
.cinema-motion-hero .cinema-reel-spin{animation:cinema-live-reel 9s linear infinite;animation-play-state:paused}
.cinema-motion-hero .cinema-projector-beam{animation:cinema-live-beam 10s ease-in-out infinite;animation-play-state:paused}
.cinema-motion-hero.cinema-live .cinema-stage-set *,.cinema-motion-hero.cinema-live .deck-card,.cinema-motion-hero.cinema-live .deck-card::after,.cinema-motion-hero.cinema-live .cinema-reel-spin,.cinema-motion-hero.cinema-live .cinema-projector-beam{animation-play-state:running}
.cinema-surprise-stage{isolation:isolate;transform-style:preserve-3d}
.cinema-surprise-flip{z-index:1}
.cinema-surprise-orbit{position:absolute;inset:-12% 0;z-index:0;perspective:800px;transform-style:preserve-3d;clip-path:inset(-45% 0 -45%);pointer-events:none}
.cinema-surprise-orbit *{pointer-events:none}
.cinema-orbit-ring{position:absolute;inset:16% 0 14%;border:2px solid #f1c97780;border-radius:50%;border-style:dashed;box-shadow:0 0 17px #f1c97724;transform:rotateX(65deg) rotateY(-14deg);animation:cinema-surprise-orbit 12s linear infinite;animation-play-state:paused}
.cinema-orbit-ring.ring-cross{inset:5% 9%;border:1px solid #f080a566;transform:rotateY(72deg) rotateX(15deg);animation-direction:reverse;animation-duration:16s}
.cinema-orbit-reel{position:absolute;right:2%;bottom:-35px;height:64px;width:64px;border:5px solid #c8a575;border-radius:50%;background:radial-gradient(circle at 35% 28%,#fff0b3,#8e5d4c 75%);box-shadow:4px 4px 0 #523647,0 0 18px #f1c97724;animation:cinema-live-reel 10s linear infinite;animation-play-state:paused}
.cinema-orbit-reel i{position:absolute;left:calc(50% - 6px);top:calc(50% - 6px);width:12px;height:12px;border:1px solid #624231;border-radius:50%;background:#18101e;transform:rotate(var(--orbit-hole)) translateY(-18px)}
.cinema-orbit-reel::after{content:"";position:absolute;inset:22px;border:1px solid #eac491;border-radius:50%;background:#382738}
.cinema-orbit-star{position:absolute;left:4%;top:5%;font-size:24px;color:#f7dca0;text-shadow:3px 3px 0 #79445766;animation:cinema-symbol-orbit 8s ease-in-out infinite;animation-play-state:paused}
.cinema-motion-surprise.cinema-live .cinema-orbit-ring,.cinema-motion-surprise.cinema-live .cinema-orbit-reel,.cinema-motion-surprise.cinema-live .cinema-orbit-star{animation-play-state:running}
.cinema-motion-duel::after{border-color:#f1c97755;background:linear-gradient(110deg,transparent 20%,#ffeaba3b 48%,transparent 65%);background-size:260% 100%;animation:cinema-duel-frame 10s ease-in-out infinite;animation-delay:var(--cinema-motion-phase,0s);animation-play-state:paused}
.cinema-motion-duel .cinema-duel-mark{color:#f1c977bb;text-shadow:2px 3px 0 #73375066;animation:cinema-symbol-orbit 8s ease-in-out infinite;animation-delay:var(--cinema-motion-phase,0s);animation-play-state:paused}
.cinema-motion-duel.cinema-live::after,.cinema-motion-duel.cinema-live .cinema-duel-mark{animation-play-state:running}
.cinema-motion-duel-result .cinema-duel-winner-star{animation:cinema-symbol-orbit 9s ease-in-out infinite;animation-play-state:paused}
.cinema-motion-duel-result.cinema-live .cinema-duel-winner-star{animation-play-state:running}
.cinema-motion-genre .symbol{position:relative;display:inline-grid;place-items:center;flex-shrink:0;min-width:30px;height:35px;transform-style:preserve-3d;text-shadow:2px 3px 0 #77435a80;animation:cinema-symbol-orbit 9s ease-in-out infinite;animation-delay:var(--cinema-motion-phase,0s);animation-play-state:paused}
.cinema-motion-genre .symbol::before{content:"";position:absolute;inset:-5px;border:1px dashed #f1c9778a;border-radius:50%;box-shadow:0 0 8px #f1c97720;transform:rotateX(57deg) rotateY(-15deg);animation:cinema-genre-ring 11s linear infinite;animation-delay:var(--cinema-motion-phase,0s);animation-play-state:paused;pointer-events:none}
.cinema-motion-genre.cinema-live .symbol,.cinema-motion-genre.cinema-live .symbol::before{animation-play-state:running}
.cinema-motion-poster .poster-image,.poster.cinema-motion-poster>.poster-image{animation:cinema-image-camera 16s ease-in-out infinite;animation-delay:var(--cinema-motion-phase,0s);animation-play-state:paused}
.card-shell.cinema-motion-poster::before,.poster.cinema-motion-poster::before,.mini.cinema-motion-poster::before{content:"";position:absolute;inset:-2px;border:1px solid #c3a47770;border-radius:15px;box-shadow:3px 4px 0 #48334760;z-index:3;pointer-events:none;animation:cinema-poster-frame 10s ease-in-out infinite;animation-delay:var(--cinema-motion-phase,0s);animation-play-state:paused}
.mini.cinema-motion-poster{position:relative}.mini.cinema-motion-poster::before{border-radius:13px;inset:0}
.cinema-motion-poster.cinema-live .poster-image,.poster.cinema-motion-poster.cinema-live>.poster-image,.cinema-motion-poster.cinema-live::before{animation-play-state:running}
.cinema-motion-poster.cinema-live:focus-within .poster-image,.cinema-motion-poster.cinema-live:hover .poster-image{animation-play-state:paused}
.community-card.cinema-motion-panel{position:relative}
.cinema-motion-panel::before{content:"";position:absolute;inset:0;border-radius:inherit;border:1px solid #f1c97760;pointer-events:none;animation:cinema-panel-light 12s ease-in-out infinite;animation-delay:var(--cinema-motion-phase,0s);animation-play-state:paused}
.cinema-motion-panel.cinema-live::before{animation-play-state:running}
.cinema-motion-paused .cinema-motion-target *,.cinema-motion-paused .cinema-motion-target::before,.cinema-motion-paused .cinema-motion-target::after,.cinema-motion-paused .cinema-motion-target *::before,.cinema-motion-paused .cinema-motion-target *::after{animation-play-state:paused!important}
@keyframes cinema-show-poster{0%,100%{translate:0 0 0;rotate:y 0deg}18%{translate:0 -16px 27px;rotate:y -7deg}44%{translate:0 -7px 39px;rotate:y 9deg}72%{translate:0 -13px 18px;rotate:y -4deg}}
@keyframes cinema-show-frame{0%,100%{opacity:0;background-position:100% 0}21%,68%{opacity:.9}52%{background-position:0 0}84%{background-position:-100% 0}}
@keyframes cinema-show-sweep{0%,100%{opacity:0;background-position:100% 0}17%,72%{opacity:.8}52%{background-position:0 0}86%{background-position:-100% 0}}
@keyframes cinema-show-cone{0%,100%{opacity:.55;rotate:z 0deg}24%{opacity:.95;rotate:z -8deg}57%{opacity:.65;rotate:z 7deg}79%{opacity:.9;rotate:z -3deg}}
@keyframes cinema-show-arch{0%,100%{border-top-color:#e9c27a4f;box-shadow:0 -3px 22px #f1c9771a}25%,68%{border-top-color:#ffe4aacf;box-shadow:0 -3px 30px #f1c97755}}
@keyframes cinema-show-ring{0%,100%{scale:1;opacity:1}33%{scale:1.075;opacity:.6}62%{scale:.96;opacity:1}}
@keyframes cinema-show-light{0%,100%{opacity:.5;scale:1}24%,72%{opacity:1;scale:1.45;box-shadow:0 0 17px #f1c977b5}48%{opacity:.65;scale:1.1}}
@keyframes cinema-show-film{0%,100%{translate:0 0 0;rotate:y 0deg}31%{translate:14px -6px 12px;rotate:y -9deg}66%{translate:-9px -2px 5px;rotate:y 5deg}}
@keyframes cinema-live-ring{from{rotate:z 0deg}to{rotate:z 360deg}}
@keyframes cinema-live-reel{from{transform:rotateZ(-18deg)}to{transform:rotateZ(342deg)}}
@keyframes cinema-live-beam{0%,100%{transform:rotate(-38deg) translateZ(-12px);opacity:.2}50%{transform:rotate(-17deg) translateZ(-12px);opacity:.5}}
@keyframes cinema-surprise-orbit{from{rotate:z 0deg}to{rotate:z 360deg}}
@keyframes cinema-symbol-orbit{0%,100%{translate:0 0 0;rotate:y -24deg}25%{translate:0 -5px 8px;rotate:y 34deg}60%{translate:0 3px 2px;rotate:y -38deg}}
@keyframes cinema-genre-ring{from{rotate:z 0deg}to{rotate:z 360deg}}
@keyframes cinema-duel-frame{0%,100%{background-position:100% 0;opacity:.55;rotate:y -2deg}50%{background-position:0 0;opacity:1;rotate:y 2deg}}
@keyframes cinema-poster-drift{0%,100%{transform:scale(1.04) translate3d(-2px,1px,0) rotateZ(-.6deg)}50%{transform:scale(1.075) translate3d(3px,-5px,8px) rotateZ(.7deg)}}
@keyframes cinema-poster-frame{0%,100%{transform:perspective(700px) rotateY(-3deg) rotateX(1deg);opacity:.6}50%{transform:perspective(700px) rotateY(4deg) rotateX(-2deg);opacity:1}}
@keyframes cinema-panel-light{0%,100%{opacity:.15;box-shadow:inset 0 0 18px #f1c97700}50%{opacity:.6;box-shadow:inset 0 0 18px #f1c9770b}}
@media(max-width:880px) and (min-width:601px){.hero-deck.cinema-stage{height:330px}.cinema-stage-podium{height:95px;bottom:2px}.cinema-stage-film{height:32px;bottom:3px}.cinema-stage-arch{height:87%}}
@media(max-width:600px){.hero-deck.cinema-stage{height:306px;scroll-margin-top:145px}.cinema-stage-arch{left:4%;top:0;width:92%;height:80%;border-width:1px}.cinema-stage-arch.arch-two{top:7%;height:69%;left:14%;width:76%}.cinema-stage-aura{inset:-1% -2% 8%}.cinema-stage-cone{height:74%;top:3%}.cinema-stage-podium{left:2%;width:94%;height:85px;bottom:42px}.cinema-stage-film{left:6%;width:69%;bottom:28px;height:29px;gap:5px;padding:7px}.cinema-stage-floor-lights i{width:5px;height:5px}.cinema-stage-floor-ring{border-width:1px}.cinema-stage .cinema-projector{right:2%;bottom:13px}.cinema-stage .deck-card{box-shadow:0 18px 30px #0008,3px 2px 0 #473546,0 0 14px #f1c97713}.cinema-showtime-trigger{font-size:12px;max-width:100%}.cinema-motion-hero .deck-card{animation-name:cinema-show-poster-small}.cinema-surprise-orbit{inset:0 0 13%}.cinema-orbit-ring{border-width:1px;inset:12% -3% 8%}.cinema-orbit-ring.ring-cross{inset:0 10%}.cinema-orbit-reel{height:39px;width:39px;border-width:3px;right:2%;bottom:0}.cinema-orbit-reel i{height:7px;width:7px;left:calc(50% - 3.5px);top:calc(50% - 3.5px);transform:rotate(var(--orbit-hole)) translateY(-11px)}.cinema-orbit-reel::after{inset:13px}.cinema-orbit-star{font-size:17px;top:0;left:0}.cinema-motion-genre .symbol{min-width:25px;height:29px}.cinema-motion-genre .symbol::before{inset:-3px}}
@keyframes cinema-show-poster-small{0%,100%{translate:0 0 0;rotate:y 0deg}18%{translate:0 -9px 14px;rotate:y -6deg}44%{translate:0 -4px 23px;rotate:y 7deg}72%{translate:0 -7px 10px;rotate:y -3deg}}
@media(max-width:600px){.cinema-orbit-reel{bottom:-50px}}
/* A second depth layer: orbiting cinema tickets, independent of pointer input. */
/* Six physical faces, shared visibility and pause control; no render loop. */
.cinema-prism-scene{--prism-size:64px;--prism-half:32px;position:relative;width:116px;height:120px;perspective:600px;flex-shrink:0;pointer-events:none;isolation:isolate}
.cinema-prism-halo{position:absolute;inset:12px 0;border:1px solid #b9965d50;border-radius:50%;transform:rotateX(63deg);box-shadow:0 0 24px #efc57914,inset 0 0 19px #a780b42b;animation:cinema-prism-halo 19s linear infinite;animation-play-state:paused}
.cinema-prism-float{position:absolute;width:var(--prism-size);height:var(--prism-size);left:calc(50% - var(--prism-half));top:23px;transform-style:preserve-3d;animation:cinema-prism-float 8s ease-in-out infinite;animation-play-state:paused}
.cinema-prism-cube{position:relative;width:100%;height:100%;transform-style:preserve-3d;transform:rotateX(-19deg) rotateY(31deg);animation:cinema-prism-turn 24s linear infinite;animation-play-state:paused}
.prism-face{position:absolute;inset:0;display:grid;place-content:center;border:1px solid #edc483bb;border-radius:9px;background:linear-gradient(135deg,#644837f2,#171823f5 75%);box-shadow:inset 0 0 14px #e8c59113,inset 3px 3px 0 #fff1;backface-visibility:hidden;color:#f6dca4;font-size:27px;font-weight:800;text-align:center;line-height:1}
.prism-face small{font-size:10px;letter-spacing:.12em;margin-top:4px}.prism-front{transform:translateZ(var(--prism-half))}.prism-back{transform:rotateY(180deg) translateZ(var(--prism-half));font-size:19px}.prism-right{transform:rotateY(90deg) translateZ(var(--prism-half));background:linear-gradient(125deg,#453951,#1a1928)}.prism-left{transform:rotateY(-90deg) translateZ(var(--prism-half))}.prism-top{transform:rotateX(90deg) translateZ(var(--prism-half))}.prism-bottom{transform:rotateX(-90deg) translateZ(var(--prism-half))}
.prism-shadow{position:absolute;bottom:11px;left:19%;width:62%;height:12px;border-radius:50%;background:#d7ac6d3b;filter:blur(8px);animation:cinema-prism-shadow 8s ease-in-out infinite;animation-play-state:paused}
.cinema-motion-prism.cinema-live .cinema-prism-cube,.cinema-motion-prism.cinema-live .cinema-prism-float,.cinema-motion-prism.cinema-live .cinema-prism-halo,.cinema-motion-prism.cinema-live .prism-shadow{animation-play-state:running}
.category-hub .category-hub-head>.cinema-prism-scene{margin:-14px 4px -12px auto}.category-hub .category-hub-note{margin-left:0}
.discovery-page .page-head{position:relative;padding-right:140px}.discovery-page .page-head>.cinema-prism-scene{position:absolute;right:2px;top:32px}
.discovery-categories{border:1px solid #eac98432;border-radius:15px;margin:0 0 18px;background:#15152060}.discovery-categories>summary{padding:16px 19px;cursor:pointer;color:#edc98b;font-weight:650;font-size:14px}.discovery-categories[open]>summary{border-bottom:1px solid #eac98424}.discovery-categories .category-hub{margin:0;border:0;background:transparent}
.filter-chips{display:flex;flex-wrap:wrap;gap:8px;margin:13px 0 18px}.filter-chip{border:1px solid #e6be7566;border-radius:99px;background:#3a2e29;color:#f4dbb0;padding:8px 12px;cursor:pointer;font:inherit;font-size:12px;text-align:left;min-height:36px;max-width:100%;overflow-wrap:anywhere}.filter-chip:hover{background:#503a30;border-color:#f2ce8b}.filter-chip:focus-visible,.discovery-categories>summary:focus-visible{outline:3px solid #efd29b;outline-offset:3px}.filter-chip span{margin-left:7px;color:#ffe4b0;font-weight:700}
@keyframes cinema-prism-turn{from{transform:rotateX(-19deg) rotateY(31deg)}to{transform:rotateX(-19deg) rotateY(391deg)}}
@keyframes cinema-prism-float{0%,100%{translate:0 3px 0}50%{translate:0 -9px 14px}}
@keyframes cinema-prism-halo{from{rotate:z 0deg}to{rotate:z 360deg}}
@keyframes cinema-prism-shadow{0%,100%{opacity:.65;scale:1}50%{opacity:.25;scale:.72}}
@media(max-width:600px){.cinema-prism-scene{--prism-size:44px;--prism-half:22px;width:76px;height:86px}.cinema-prism-float{top:16px}.prism-face{font-size:21px;border-radius:6px}.prism-back{font-size:14px}.prism-face small{font-size:7px}.category-hub .category-hub-head{display:grid;grid-template-columns:1fr 76px;gap:6px}.category-hub .category-hub-head>.cinema-prism-scene{margin:-2px 0}.category-hub .category-hub-note{grid-column:1/-1}.discovery-page .page-head{padding-right:88px}.discovery-page .page-head>.cinema-prism-scene{right:0;top:28px}.discovery-categories>summary{font-size:12px;padding:13px}.filter-chip{font-size:11px;padding:7px 10px}}
.hero-deck{isolation:isolate}
.cinema-orbit-scene{position:absolute;inset:-20px -12px 0;pointer-events:none;perspective:850px;z-index:0;overflow:clip;contain:layout style}
.cinema-orbit-world{position:absolute;inset:0;transform-style:preserve-3d}
.orbit-globe{position:absolute;width:142px;height:142px;left:calc(50% - 71px);top:calc(50% - 71px);border:1px solid #cba96b55;border-radius:50%;background:radial-gradient(circle at 35% 25%,#f0cf8c25,#8a566b0c 60%,transparent 75%);transform:translateZ(-100px);box-shadow:inset -18px -10px 30px #08081066,0 0 40px #a27ba31a}
.orbit-globe i{position:absolute;inset:10% 25%;border:1px solid #d9b78366;border-radius:50%;transform:rotateY(58deg)}
.orbit-globe i:nth-child(2){inset:26% 0;transform:rotateX(64deg)}
.orbit-globe i:nth-child(3){inset:0 26%;transform:rotateY(-45deg)}
.orbit-globe b{position:absolute;inset:0;display:grid;place-items:center;color:#f4d79b;font-size:46px}
.orbit-track{position:absolute;inset:16% -3%;border:1px dashed #d3b26c66;border-radius:50%;transform:rotateX(63deg) rotateY(-19deg);box-shadow:0 0 15px #d4b38110;animation:cinema-universe-ring 18s linear infinite;animation-play-state:paused}
.orbit-track.track-two{inset:5% 15%;border-color:#cc84b266;transform:rotateY(73deg) rotateX(15deg);animation-direction:reverse;animation-duration:22s}
.orbit-ticket{position:absolute;left:2%;top:25%;display:grid;place-content:center;width:47px;height:65px;border:1px solid #ffdba4a8;border-radius:6px;background:linear-gradient(135deg,#594133,#211c2c);box-shadow:3px 4px 0 #302033,0 12px 20px #0006;color:#f7da9e;font-size:14px;font-weight:800;text-align:center;line-height:1.2;animation:cinema-ticket-float 8s ease-in-out infinite;animation-play-state:paused}
.orbit-ticket::before,.orbit-ticket::after{content:"";position:absolute;top:48%;width:8px;height:8px;background:#11101a;border:1px solid #b38d65;border-radius:50%}
.orbit-ticket::before{left:-5px}.orbit-ticket::after{right:-5px}
.orbit-ticket.ticket-two{left:auto;right:2%;top:49%;animation-delay:-3s;color:#d3b3ef;border-color:#c9a2ed88}
.orbit-ticket.ticket-three{left:auto;right:17%;top:2%;width:40px;height:49px;animation-delay:-5s}
.orbit-shadow{position:absolute;left:7%;right:7%;bottom:5%;height:12px;background:#f0cb8026;border-radius:50%;filter:blur(10px);animation:cinema-orbit-glow 8s ease-in-out infinite;animation-play-state:paused}
.cinema-motion-orbit.cinema-live .orbit-track,.cinema-motion-orbit.cinema-live .orbit-ticket,.cinema-motion-orbit.cinema-live .orbit-shadow{animation-play-state:running}
.cinema-motion-poster .poster-copy{transform:translateZ(14px)}
.story-facts{border-color:#8a7651;background:linear-gradient(135deg,#332c21,#171821);margin-bottom:22px}
.story-facts h2{font-size:23px;margin:7px 0 13px}
@keyframes cinema-universe-ring{from{rotate:z 0deg}to{rotate:z 360deg}}
@keyframes cinema-ticket-float{0%,100%{transform:translate3d(0,0,18px) rotateY(-20deg) rotateZ(-12deg)}35%{transform:translate3d(10px,-18px,45px) rotateY(28deg) rotateZ(8deg)}70%{transform:translate3d(-4px,8px,25px) rotateY(-12deg) rotateZ(-5deg)}}
@keyframes cinema-orbit-glow{0%,100%{opacity:.35;scale:.9}50%{opacity:.8;scale:1.05}}
@media(max-width:600px){.cinema-orbit-scene{inset:0 -3px 30px}.orbit-ticket{width:32px;height:46px;font-size:10px;left:1%}.orbit-ticket.ticket-two{right:1%}.orbit-ticket.ticket-three{width:28px;height:36px;right:10%;top:1%}.orbit-track{inset:18% 0}.orbit-globe{width:105px;height:105px;left:calc(50% - 52px);top:calc(50% - 52px)}}
@media(max-width:600px){.cinema-motion-poster .poster-image,.poster.cinema-motion-poster>.poster-image{animation-name:cinema-image-camera-small}}
/* A small working film projector: separate faces, two reels and a real depth axis. */
.cinema-stage .cinema-projector{width:154px;height:140px;right:1%;bottom:0;perspective:680px;z-index:3;pointer-events:none}
.cinema-stage .cinema-projector-body{inset:auto;right:0;bottom:0;width:154px;height:140px;transform-origin:50% 90%;transform:rotateX(-9deg) rotateY(-24deg);animation:cinema-mechanism-pan 16s ease-in-out infinite;animation-play-state:paused}
.cinema-mechanism-reel{position:absolute;top:7px;left:28px;width:55px;height:55px;transform-style:preserve-3d;transform:translateZ(6px)}
.cinema-mechanism-reel.reel-takeup{left:90px;top:11px;width:49px;height:49px}
.cinema-mechanism-reel .cinema-reel-spin{inset:0}
.cinema-mechanism-reel .cinema-reel-front{border-width:4px;transform:translateZ(6px)}
.cinema-mechanism-reel .cinema-reel-back{border-width:7px;transform:translateZ(-6px);box-shadow:0 0 0 2px #aa8857,4px 9px 11px #0007}
.cinema-mechanism-reel .cinema-reel-front i{border-width:1px}
.cinema-mechanism-reel .cinema-reel-front::after{border-width:2px}
.cinema-reel-core{position:absolute;inset:9%;border:5px solid #58424a;border-radius:50%;background:#211925;box-shadow:0 0 0 1px #bf9d68;transform:translateZ(0)}
.cinema-motion-hero .reel-takeup .cinema-reel-spin{animation-duration:7.5s;animation-direction:reverse}
.cinema-projector-drive{position:absolute;left:51px;top:40px;width:65px;height:39px;border:2px solid #b2905c;border-radius:8px;transform:translateZ(1px) rotate(-8deg);background:linear-gradient(120deg,#352b34,#16151e);box-shadow:inset 0 0 0 2px #13101a}
.cinema-projector-housing{position:absolute;left:33px;top:65px;width:96px;height:44px;transform-style:preserve-3d}
.housing-face{position:absolute;inset:0;border:1px solid #b49563;border-radius:6px;background:linear-gradient(145deg,#97795a,#312b37 68%);backface-visibility:hidden}
.housing-front{transform:translateZ(10px);background:repeating-linear-gradient(0deg,#100f1900 0 4px,#12111b99 4px 5px) 69px 10px/15px 24px no-repeat,linear-gradient(145deg,#a38764,#45313e 67%,#211c29);box-shadow:inset 2px 2px 0 #f4d59833,inset -2px -2px 0 #0005}
.housing-front::after{content:"M";position:absolute;left:15px;top:10px;font:bold 15px/22px Georgia,serif;color:#f0d49f;text-shadow:0 1px 2px #0008}
.housing-back{transform:rotateY(180deg) translateZ(10px);background:#25202b}
.housing-top{inset:auto;left:0;top:-10px;width:96px;height:20px;transform:rotateX(90deg);background:linear-gradient(#a58b67,#554253)}
.housing-side{inset:auto;right:-10px;top:0;width:20px;height:44px;transform:rotateY(90deg);background:linear-gradient(90deg,#4c3645,#8d705a)}
.cinema-projector-lens{position:absolute;left:13px;top:72px;width:30px;height:27px;border:2px solid #bc9965;border-radius:5px;background:repeating-linear-gradient(90deg,#9f805f 0 3px,#352735 3px 5px);transform:translateZ(12px);transform-style:preserve-3d;box-shadow:0 3px 5px #0007}
.cinema-projector-lens i{position:absolute;left:-5px;top:2px;width:10px;height:19px;border:2px solid #e7cb8d;border-radius:50%;background:radial-gradient(ellipse at 38% 44%,#fffad7,#e9c078 45%,#8f5f56);transform:rotateY(-22deg) translateZ(2px);box-shadow:-5px 0 19px #f5d59688;animation:cinema-lens-light 11s ease-in-out infinite;animation-play-state:paused}
.cinema-projector-stand{position:absolute;left:61px;top:108px;width:47px;height:25px;border-left:5px solid #96785c;border-right:5px solid #352a38;transform:rotateX(-8deg) translateZ(0);clip-path:polygon(39% 0,61% 0,100% 100%,0 100%);background:linear-gradient(90deg,#846953,#251f2d)}
.cinema-stage .cinema-projector-foot{left:24%;right:8%;bottom:0;height:12%;box-shadow:0 5px 12px #0005}
.cinema-stage .cinema-projector-beam{right:85%;top:-65%;width:260px;height:235px;transform-origin:100% 100%;background:linear-gradient(130deg,transparent 8%,#fce5b51c 56%,#ffe9b84d 98%);filter:none}
.cinema-motion-hero.cinema-live .cinema-projector-body,.cinema-motion-hero.cinema-live .cinema-projector-lens i{animation-play-state:running}
/* The existing strip feeds continuously; its six frames sit on different planes. */
.cinema-stage-film{transform-style:preserve-3d;perspective:380px;box-shadow:0 7px 0 #0d0b1377,0 14px 20px #0008;border-color:#bb996466;opacity:.9}
.cinema-stage-film span{transform:rotateY(14deg) translateZ(3px);box-shadow:2px 2px 0 #100e17;border-color:#b79a6d77}
.cinema-stage-film span:nth-child(2n){transform:rotateY(-14deg) translateZ(6px);background:linear-gradient(135deg,#6e4d4d99,#302337)}
.cinema-motion-hero .cinema-stage-film{animation:cinema-show-film 11s ease-in-out infinite,cinema-film-feed 3.5s linear infinite;animation-play-state:paused}
@keyframes cinema-mechanism-pan{0%,100%{transform:rotateX(-9deg) rotateY(-24deg)}48%{transform:rotateX(-13deg) rotateY(-9deg)}}
@keyframes cinema-lens-light{0%,100%{opacity:.75;box-shadow:-5px 0 17px #f5d59666}50%{opacity:1;box-shadow:-7px 0 24px #f5d59699}}
@keyframes cinema-film-feed{from{background-position:0 0,0 100%}to{background-position:26px 0,26px 100%}}
@media(max-width:600px){.cinema-stage .cinema-projector{width:102px;height:93px;right:0;bottom:8px}.cinema-stage .cinema-projector-body{transform-origin:100% 100%;animation-name:cinema-mechanism-pan-small}.cinema-stage .cinema-projector-beam{width:175px;height:156px;right:83%;top:-59%}.cinema-stage-film{opacity:.82}}
@keyframes cinema-mechanism-pan-small{0%,100%{transform:scale(.66) rotateX(-9deg) rotateY(-24deg)}48%{transform:scale(.66) rotateX(-12deg) rotateY(-9deg)}}
@media(prefers-reduced-motion:reduce){.hero-deck.cinema-stage,.cinema-motion-target,.cinema-motion-target *,.cinema-motion-target::before,.cinema-motion-target::after,.cinema-motion-target *::before,.cinema-motion-target *::after{animation:none!important;transition:none!important}.cinema-stage .deck-card,.cinema-motion-genre .symbol{translate:none;rotate:none}.cinema-motion-poster .poster-image{transform:none}.cinema-stage-cone{opacity:.35}}
@media(max-width:600px) and (prefers-reduced-motion:reduce){.cinema-stage .cinema-projector-body{transform:scale(.66) rotateX(-9deg) rotateY(-24deg)}}