/* Cinema occupies the world viewport. There is no transport or player chrome. */
.filmSequence{display:none}
.inCinema #modals:has(.lunarCut){padding:0;background:#101721;backdrop-filter:none}
.inCinema #dialog:has(.lunarCut),.worldCinema{position:fixed;inset:0;margin:0;width:100vw;height:100dvh;max-width:none;max-height:none;border:0;border-radius:0;box-shadow:none;padding:0;background:#101721;overflow:hidden}
.inCinema #dialog:has(.lunarCut)>.close{display:none}
.worldCinema::backdrop{background:#101721}
.lunarCut{position:absolute;inset:0;overflow:hidden;isolation:isolate;background:#101721}
.lunarCut::before{content:"";position:absolute;inset:-14%;z-index:-1;background:linear-gradient(0deg,#0b15206b,#0d14225c),var(--still) center/cover;filter:blur(28px)}
.lunarCut video{display:block;width:100%;height:100%;object-fit:contain;pointer-events:none}
.lunarCut video::-webkit-media-controls,.lunarCut video::-webkit-media-controls-start-playback-button{display:none!important}
.cutSafe{position:absolute;inset:max(12px,env(safe-area-inset-top)) max(16px,env(safe-area-inset-right)) auto max(16px,env(safe-area-inset-left));display:flex;justify-content:space-between;align-items:start;gap:12px;pointer-events:none}
.cutSafe button{pointer-events:auto;background:#122034a8;color:#f5f2e9;text-shadow:0 1px 3px #101827;backdrop-filter:blur(7px);border:1px solid #ffffff49;border-radius:999px;padding:7px 14px;min-height:40px;font:650 14px/1.2 system-ui;cursor:pointer}
.cutSafe button:focus-visible{outline:3px solid #ffd187;outline-offset:3px}
.cutCaption{position:absolute;left:50%;transform:translateX(-50%);bottom:max(6%,env(safe-area-inset-bottom));color:#fff6df;background:#152331dc;border-radius:14px;padding:8px 17px;font:700 clamp(17px,2.8vw,29px)/1.28 system-ui;text-align:center;max-width:88%}
.cutCaption[hidden]{display:none}
.cutSound[hidden]{display:none}.cutSafe .cutExit{margin-left:auto}
.cutShelf{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(190px,100%),1fr));gap:12px;margin:15px 0}
.cutShelf button{background:#20394a;color:#fff0d9;border:1px solid #466579;padding:0 0 9px;border-radius:12px;overflow:hidden;cursor:pointer;text-align:left}
.cutShelf img{width:100%;aspect-ratio:16/9;object-fit:cover}.cutShelf strong{display:block;padding:6px 10px 0}
.filmGroup h3{font-size:1rem;letter-spacing:.02em;margin:20px 0 0;color:#9fdedc}.filmGroup .cutShelf{margin-top:8px;grid-template-columns:repeat(auto-fill,minmax(min(175px,100%),1fr))}

.deliveryReceipt{position:absolute;left:50%;transform:translateX(-50%);top:max(20px,env(safe-area-inset-top));background:#142a38e8;color:#ffe2a1;border:1px solid #b7b29890;border-radius:20px;padding:8px 16px;max-width:55%;text-align:center;font:700 clamp(13px,2vw,19px)/1.2 system-ui}.deliveryReceipt[hidden]{display:none}@media(max-width:570px){.deliveryReceipt{top:calc(50% - 28vw - 37px);max-width:89%;white-space:nowrap}}
/* Keep tools, intake ports and both ends of a handoff inside the phone frame. */
@media (max-aspect-ratio:1/1){
 .lunarCut{--film-band:min(56.25vw,61dvh)}
 .lunarCut::before{filter:blur(26px) brightness(.56)}
 .lunarCut video{position:absolute;inset:0;margin:auto;height:var(--film-band);object-fit:contain}
 .lunarCut .filmSequence{position:absolute;bottom:calc(50% + var(--film-band)/2 + 13px);left:50%;transform:translateX(-50%);display:flex;align-items:center;gap:9px;pointer-events:none}
 .filmSequence span{display:grid;justify-items:center;align-content:center;gap:2px;min-width:67px;color:#cad6d6;font:650 12px/1.15 system-ui}
 .filmSequence .pi{width:27px;height:27px;opacity:.66}
 .filmSequence .current{color:#fff0c8}.filmSequence .current .pi{opacity:1;filter:drop-shadow(0 2px 4px #0008)}
 .filmSequence .current b{border-bottom:2px solid #f2bf71}.filmSequence i{color:#aababe;font:20px system-ui}
 .cutCaption{bottom:auto;top:calc(50% + var(--film-band)/2 + 5px);max-width:93%;line-height:1.18;background:#132431f2;padding:5px 10px;width:max-content;border-radius:8px;font-size:clamp(14px,4vw,21px)}
 .cutSafe{bottom:auto;top:calc(50% + var(--film-band)/2 + 53px)}
 .cutSafe button{background:#112338db;min-height:44px}
 .deliveryReceipt{top:calc(50% - var(--film-band)/2 - 40px);font-size:clamp(12px,3.5vw,16px)}
}
