/* A lightweight star field: no additional media or continuously running canvas. */
.cinema-orbit,.cinema-modal:has(.cinema-orbit){background-color:#020409;background-image:radial-gradient(ellipse at 52% 80%,#0b192a80,transparent 65%);color:#eee9dc}
.cinema-sky{position:absolute;inset:0;overflow:hidden;pointer-events:none;z-index:0;transition:opacity 250ms ease}
.cinema-star{position:absolute;display:block;width:var(--size);height:var(--size);border-radius:50%;background:#e1e9f4;opacity:var(--light);box-shadow:0 0 4px #c9ddf544}
.cinema-star.twinkle{animation:cinema-twinkle var(--duration) ease-in-out var(--delay) infinite}
@keyframes cinema-twinkle{0%,100%{opacity:.18;transform:scale(.8)}45%{opacity:var(--light);transform:scale(1)}65%{opacity:.32;transform:scale(.9)}}
.cinema-meteor{position:absolute;left:65%;top:7%;width:140px;height:1px;background:linear-gradient(90deg,transparent,#d8e9ffb3);opacity:0;transform:rotate(145deg);animation:cinema-meteor 19s linear 4s infinite}
.cinema-meteor:after{content:"";position:absolute;right:0;top:-1px;width:3px;height:3px;border-radius:50%;background:#eaf4ff;box-shadow:0 0 6px #bcdcff}
.cinema-meteor-late{left:88%;top:23%;width:95px;animation-duration:31s;animation-delay:12s}
@keyframes cinema-meteor{0%{opacity:0;transform:translate(0,0) rotate(145deg)}1%{opacity:.8}5%{opacity:0;transform:translate(-340px,238px) rotate(145deg)}100%{opacity:0;transform:translate(-340px,238px) rotate(145deg)}}
.cinema-orbit[data-view="play"] .cinema-sky{opacity:.2}
.cinema-orbit[data-view="play"] .cinema-sky i{animation-play-state:paused}
.cinema-orbit[data-view="play"] .cinema-meteor{visibility:hidden}
.cinema-orbit .cinema-stage,.cinema-orbit .cinema-caption,.cinema-orbit .cinema-load-status{position:relative;z-index:1}
.cinema-orbit{position:relative;overflow:hidden;border-radius:8px;padding:20px;box-sizing:border-box;min-height:440px}
.cinema-orbit [hidden]{display:none!important}
.cinema-modal .cinema-orbit{padding:12px 20px;background-color:transparent;border-radius:0;min-height:0}
.cinema-modal .cinema-orbit[data-view="browse"]{grid-template-rows:auto minmax(0,1fr)}
.cinema-modal .cinema-orbit[data-view="play"]{grid-template-rows:auto minmax(140px,1fr) auto auto}
.cinema-orbit .cinema-heading{position:relative;z-index:110}
.cinema-orbit .cinema-heading h2{font-weight:400;color:#eee9dc}
.cinema-orbit .cinema-heading .kicker{display:block;color:#a4aed0;font-size:9px;letter-spacing:3px;margin-bottom:8px}
.orbit-actions{display:flex;gap:8px}
.cinema-orbit button{color:#eee9dc}
.cinema-orbit .cinema-expand,.orbit-back{border:1px solid #a4afd344;background:#111a2b80;border-radius:24px;padding:10px 16px;min-height:42px}
.orbit-gallery{display:flex;flex-direction:column;min-height:350px;flex:1;position:relative}
.orbit-intro{text-align:center;font:12px/1.7 var(--ui,sans-serif);letter-spacing:3px;color:#a3acc7;margin:24px 0 0}
.orbit-track{position:relative;flex:1;min-height:260px;perspective:1100px;touch-action:pan-y;user-select:none;cursor:grab;isolation:isolate}
.orbit-track:active{cursor:grabbing}
.orbit-track:before{content:"";position:absolute;left:10%;right:10%;top:46%;height:40%;border:1px solid #a7b5ed0d;border-radius:50%;transform:rotateX(58deg);pointer-events:none}
.orbit-card{position:absolute;top:57%;left:50%;width:clamp(190px,30vw,390px);padding:0;border:0;background:transparent;text-align:center;transition:transform 250ms cubic-bezier(0.23,1,0.32,1),opacity 200ms ease;cursor:pointer}
.orbit-cover{position:relative;display:block;overflow:hidden;border:1px solid #b4b7b433;border-radius:2px;background:#08090a;padding:19px 8px;box-shadow:0 16px 36px #000b;transition:transform 180ms ease}
.orbit-cover:before{content:"";position:absolute;inset:5px 8px;pointer-events:none;background:repeating-linear-gradient(90deg,#d8d5bd 0 7px,transparent 7px 17px) left top/100% 7px no-repeat,repeating-linear-gradient(90deg,#d8d5bd 0 7px,transparent 7px 17px) left bottom/100% 7px no-repeat;opacity:.68}
.orbit-card img{display:block;width:100%;height:auto;aspect-ratio:16/10;object-fit:cover;pointer-events:none}
.orbit-card[aria-pressed="true"] .orbit-cover{border-color:#c8c4a980;box-shadow:0 0 0 1px #ece4bd12,0 20px 50px #000c}
.orbit-card[aria-pressed="true"] .orbit-cover:before{opacity:.9}
.orbit-cover:after{content:"";position:absolute;inset:0;background:linear-gradient(110deg,transparent 30%,#eef3ff30 50%,transparent 70%);transform:translateX(-130%);opacity:0;pointer-events:none;transition:transform 250ms cubic-bezier(0.23,1,0.32,1),opacity 180ms ease}
.orbit-card-name{display:block;padding:12px 0;font-size:12px;letter-spacing:1px;text-shadow:0 2px 8px #000}
.orbit-play{position:absolute;left:50%;top:50%;width:64px;height:64px;border:1px solid #eeebff99;border-radius:50%;background:#0e142ac9;display:flex;align-items:center;justify-content:center;transform:translate(-50%,-45%);opacity:0;transition:transform 180ms ease,opacity 180ms ease;font-size:19px}
.orbit-play small{position:absolute;top:75px;white-space:nowrap;font-size:11px;text-shadow:0 1px 5px #000}
.orbit-card[aria-pressed="true"] .orbit-play{opacity:.85}
.orbit-navigation{display:flex;align-items:center;justify-content:center;gap:30px;text-align:center;padding:12px 0 28px;z-index:105}
.orbit-navigation button{width:44px;height:44px;border-radius:50%;border:1px solid #a4afd355;background:#141d3280;font-size:18px}
.orbit-counter{font:10px var(--ui,sans-serif);letter-spacing:3px;color:#a8b2ce}
.orbit-title{font:400 23px var(--display,serif);margin:10px 0}
.orbit-navigation p{font-size:11px;color:#a8b2ce;margin:0}
.cinema-orbit .cinema-stage{background:transparent}
.cinema-orbit .cinema-caption p,.cinema-orbit .cinema-spec{color:#abb5d0}
.cinema-orbit .cinema-screen{border-radius:8px}
.cinema-orbit button:focus-visible,.orbit-track:focus-visible{outline:2px solid #d6ccff;outline-offset:5px}
@media(hover:hover) and (pointer:fine){
 .orbit-card[aria-pressed="true"]:hover .orbit-cover{transform:translateY(-5px) scale(1.015)}
 .orbit-card[aria-pressed="true"]:hover .orbit-cover:after{transform:translateX(110%);opacity:1}
 .orbit-card[aria-pressed="true"]:hover .orbit-play{opacity:1;transform:translate(-50%,-50%)}
}
.orbit-instant .orbit-card{transition:none}
@media(prefers-reduced-motion:reduce){.orbit-card,.orbit-cover,.orbit-cover:after,.orbit-play{transition:opacity 150ms ease}.orbit-card[aria-pressed="true"]:hover .orbit-cover{transform:none}.orbit-cover:after{display:none}}
@media(prefers-reduced-motion:reduce){.cinema-sky{transition:none}.cinema-star.twinkle{animation:none}.cinema-meteor{display:none}}
@media(max-width:700px){.cinema-orbit,.cinema-modal .cinema-orbit{padding:12px 6px}.cinema-orbit .cinema-heading h2{font-size:21px}.cinema-orbit .cinema-heading .kicker{font-size:7px;letter-spacing:1px}.cinema-orbit .cinema-expand,.orbit-back{font-size:10px;padding:8px 10px}.orbit-card{width:clamp(190px,52vw,300px)}.orbit-intro{font-size:10px;letter-spacing:1px}.orbit-navigation{gap:18px}.orbit-title{font-size:20px}}
@media(max-height:560px){.orbit-gallery{min-height:260px}.orbit-intro{margin:5px 0}.orbit-track{min-height:170px}.orbit-card{width:220px}.orbit-navigation{padding:4px 0;gap:20px}.orbit-title{font-size:17px;margin:4px 0}.orbit-card-name{padding:5px}.orbit-play{width:44px;height:44px}.orbit-play small{display:none}}