.hmls-cinema{margin:28px 0 20px;min-width:0}.hmls-cinema-stage{display:flex;flex-direction:column;position:relative;background:#080d0a;border:1px solid #405447;border-radius:12px;overflow:hidden}.hmls-cinema-video{display:block;width:100%;max-height:75vh;object-fit:contain;background:#080d0a}.hmls-cinema-intro{order:-1;padding:28px}.hmls-cinema-intro h2{font-size:clamp(30px,4vw,58px);max-width:800px;margin:16px 0}.hmls-cinema-intro p{max-width:65ch;color:#e2ece5}.hmls-cinema-skip{display:inline-block;padding:12px 0}.hmls-cinema-popups,.hmls-cinema-shade{display:none}.hmls-cinema-tools{padding:20px;display:flex;align-items:center;gap:22px;flex-wrap:wrap}.hmls-cinema-tools[hidden],.hmls-cinema-hint[hidden]{display:none}.hmls-cinema-tools a{padding:12px 0}.hmls-cinema-hint{padding:0 24px;font-size:17px;font-weight:700;color:#a3e635}.hmls-cinema-story{margin:20px 0 32px}.hmls-cinema-story h3{margin-top:28px}.hmls-cinematic-editor fieldset{border:1px solid #6f8876;border-radius:8px;padding:18px;min-width:0;display:grid;gap:16px}.hmls-cinematic-editor legend{padding:0 10px;color:#a3e635;font-weight:700}
@media(min-width:768px) and (prefers-reduced-motion:no-preference){.hmls-cinema.is-scroll-mode{height:280vh}.hmls-cinema.is-scroll-mode .hmls-cinema-stage{position:sticky;top:16px;height:min(calc(100svh - 32px),76vw);min-height:440px;display:block}.hmls-cinema.is-scroll-mode .hmls-cinema-video{position:absolute;inset:0;width:100%;height:100%;max-height:none;object-fit:cover;transform:scale(var(--cinema-scale,1));transform-origin:center}.hmls-cinema.is-scroll-mode .hmls-cinema-shade{display:block;position:absolute;inset:0;background:linear-gradient(90deg,rgba(5,13,8,.76),rgba(5,13,8,.12) 78%);pointer-events:none}.hmls-cinema.is-scroll-mode .hmls-cinema-intro{position:absolute;left:clamp(24px,5vw,76px);top:clamp(90px,14vh,150px);padding:0;max-width:55%;transition:opacity .2s}.hmls-cinema.is-scroll-mode.has-detail .hmls-cinema-intro{opacity:0;visibility:hidden;pointer-events:none}.hmls-cinema.is-scroll-mode .hmls-cinema-popups{display:block;position:absolute;inset:0;pointer-events:none}.hmls-cinema-card{position:absolute;left:clamp(24px,5vw,76px);bottom:64px;width:min(460px,calc(100% - 48px));padding:28px;background:rgba(20,29,23,.96);border:1px solid #69816d;border-left:4px solid #a3e635;border-radius:8px;opacity:0;visibility:hidden;transform:translateY(12px);transition:opacity .2s,transform .2s}.hmls-cinema-card.is-active{opacity:1;visibility:visible;transform:none}.hmls-cinema-card h3{font-size:clamp(25px,2.3vw,34px);line-height:1.2;margin:14px 0}.hmls-cinema-card p{font-size:19px;line-height:1.5;margin:0}.hmls-cinema.is-scroll-mode .hmls-cinema-tools{position:absolute;z-index:3;top:8px;right:8px;background:rgba(8,17,11,.88);border-radius:8px;padding:12px 18px}.hmls-cinema.is-scroll-mode .hmls-cinema-hint{position:absolute;bottom:12px;right:12px;margin:0}}
@media(max-width:1024px) and (min-width:768px){.hmls-cinema.is-scroll-mode .hmls-cinema-intro{max-width:75%}.hmls-cinema-card{width:420px;padding:24px}}
@media(max-width:767px){.hmls-cinema-intro{padding:22px}.hmls-cinema-intro h2{font-size:32px}.hmls-cinema-tools{padding:18px;gap:12px}.hmls-cinema-tools button{width:100%}.hmls-cinema-video{max-height:65vh}.hmls-cinema-story summary{font-size:21px}}
@media(prefers-reduced-motion:reduce){.hmls-cinema *{transition:none!important;transform:none!important}}

/* Keep both walkthrough modes in the same viewport frame. */
.hmls-viewer[data-view="walkthrough"]{padding-top:16px;padding-bottom:16px}
.hmls-viewer[data-view="walkthrough"] .hmls-screen-header{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.hmls-viewer[data-view="walkthrough"] .hmls-cinema{margin:0 0 20px}
.hmls-cinema-prompt{display:block;color:#a3e635!important;font-size:18px;font-weight:700;margin:22px 0 0!important}
.hmls-cinema.is-player-mode .hmls-cinema-stage{height:calc(100dvh - 32px);display:flex;flex-direction:column}
.hmls-cinema.is-player-mode .hmls-cinema-video{width:100%;height:100%;max-height:none;min-height:0;flex:1;object-fit:contain;background:#080d0a}
.hmls-cinema.is-player-mode .hmls-cinema-intro,.hmls-cinema.is-player-mode .hmls-cinema-shade,.hmls-cinema.is-player-mode .hmls-cinema-popups{display:none}
.hmls-cinema.is-player-mode .hmls-cinema-tools{flex:none;min-height:76px;padding:12px 20px}
@media(min-width:768px) and (prefers-reduced-motion:no-preference){
 .hmls-cinema.is-scroll-mode{margin-top:-16px}
 .hmls-cinema.is-scroll-mode .hmls-cinema-stage{top:0;height:calc(100dvh - 32px);min-height:0}
 .hmls-cinema.is-scroll-mode .hmls-cinema-intro{top:clamp(70px,12vh,130px);width:min(560px,calc(100% - 48px));max-width:none;padding:28px;background:rgba(20,29,23,.96);border:1px solid #69816d;border-left:4px solid #a3e635;border-radius:8px}
}
@media(max-width:767px){
 .hmls-viewer[data-view="walkthrough"]{padding-top:16px}
 .hmls-cinema.is-player-mode .hmls-cinema-stage{height:auto;min-height:0}
 .hmls-cinema.is-player-mode .hmls-cinema-video{height:min(65vh,520px);flex:none}
}