#film{aspect-ratio:auto;background:#030504;overflow:hidden}.film-view{position:relative;width:100%;aspect-ratio:16/9;background:#030504;overflow:hidden}.film-view>video,.film-view>img,.film-view>iframe{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;border:0}.film-view>iframe{z-index:0;pointer-events:none}.film-view>video,.film-view>img{z-index:1;transition:opacity 1.3s ease}.film-view.geographic>video,.film-view.geographic>img{opacity:0;pointer-events:none}.film-actions{position:absolute;inset:0;z-index:3;pointer-events:none}.film-actions button{pointer-events:auto;position:absolute;background:transparent;color:transparent;border:1px solid transparent;border-radius:8px;cursor:pointer}.film-actions button:hover,.film-actions button:focus-visible{border-color:#64ffe1;box-shadow:0 0 24px #36efbd60;outline:2px solid #e7d4ab;outline-offset:2px}.film-google{left:37%;top:72%;width:26%;height:7%}.film-email{left:37%;top:80%;width:26%;height:7%}.film-existing{left:43%;top:91%;width:15%;height:5%}.film-red{left:40%;top:69%;width:20%;height:19%}.film-lever{left:70%;top:60%;width:24%;height:37%}.film-actions .film-retry,.film-actions .film-fallback{background:#091511ed;color:#f1dab0;border:1px solid #b69a62;left:34%;top:42%;width:32%;padding:14px}.film-actions .film-fallback{top:58%}.film-tools{display:flex;gap:12px;padding:10px 16px;align-items:center;min-height:52px}.film-tools span{flex:1;font-size:12px;color:#decda9}.film-tools button{font-size:12px}.film-view video[hidden]{display:none}@media(max-width:650px){.film-tools{flex-wrap:wrap}.film-tools span{flex-basis:100%}.film-actions button:focus-visible{color:#fff;background:#07100bea;font-size:10px}.film-actions .film-retry,.film-actions .film-fallback{padding:4px;font-size:11px}}@media(prefers-reduced-motion:reduce){.film-view>video,.film-view>img{transition:none}}

/* Keep preloaded geography out of the opening composition, including decode gaps. */
.film-view>iframe{visibility:hidden}.film-view.geographic>iframe{visibility:visible}

.film-view.direct-map>iframe{visibility:visible}.film-view.direct-map>video,.film-view.direct-map>img{opacity:0;transition:none;pointer-events:none}

.film-view>iframe.console-controls{z-index:2;visibility:visible;pointer-events:auto;clip-path:url(#disc-hit-regions)}.film-view>iframe.console-controls[hidden]{display:none}.film-actions .film-reset{left:2%;top:3%;width:auto;height:auto;padding:7px 12px;color:#e9d3a5;background:#080e0bbd;border:1px solid #b18e4c;font-size:11px}.film-lever{touch-action:none;cursor:ns-resize!important}

.film-view>iframe.console-controls.tracking{clip-path:none;pointer-events:none}.film-view>iframe.hall-exploration{z-index:5;visibility:visible;pointer-events:auto}.film-actions .film-explore{left:2%;top:10%;width:auto;padding:10px 14px;color:#eddfc3;background:#11221fed;border:1px solid #83b59b;font-size:12px}.film-actions button[hidden]{display:none}

/* Keep the decoded scene above the map until its registered first frame is ready. */
.film-view>iframe.hall-exploration{transition:opacity .7s ease;opacity:1}.film-view>iframe.hall-exploration.hall-loading,.film-view>iframe.hall-exploration.hall-departing{opacity:0;pointer-events:none}
@media(prefers-reduced-motion:reduce){.film-view>iframe.hall-exploration{transition:none}}

/* Original artwork carries all three choices; semantic hit regions follow it. */
.film-actions .film-explore-original{left:7%;top:67%;width:25%;height:16%}
.film-actions .film-red{left:40%;top:69%;width:20%;height:21%}
.film-actions .film-lever{left:67%;top:62%;width:27%;height:36%}
@media(max-width:650px){.film-actions .film-explore-original:focus-visible,.film-actions .film-red:focus-visible,.film-actions .film-lever:focus-visible{color:#fff;background:#07100bea}}

.film-view{container-type:inline-size}
.film-actions .film-explore-original .kits-caption{position:absolute;left:40%;top:24%;width:41%;height:40%;display:flex;align-items:center;justify-content:center;padding:1%;background:linear-gradient(110deg,#161409,#090a06);color:#efdfb0;font-size:.95cqw;font-weight:600;line-height:1.22;text-align:left;letter-spacing:.025em}

/* Match the physical controls, with no rectangular mouse-hover plaque. */
.film-actions .film-red{left:44%;top:69%;width:10%;height:12%;border-radius:50%;clip-path:ellipse(50% 50% at 50% 50%)}
.film-actions .film-lever{left:68%;top:59%;width:9%;height:34%;clip-path:polygon(0 0,80% 0,100% 100%,10% 100%)}
.film-actions .film-red:hover,.film-actions .film-lever:hover,.film-actions .film-explore-original:hover{border-color:transparent;box-shadow:none;outline:none}
.film-actions .film-red:active{background:#ff301c18;box-shadow:inset 0 2px 9px #3008}
.film-actions .film-red:focus-visible,.film-actions .film-lever:focus-visible{outline:none;border:2px solid #ecd9a3;box-shadow:none;background:transparent;color:transparent}