/* UI-only finishing layer. Camera, canvas and all animation timelines stay unchanged. */
.cinema118{--hero-ink:#10130f;--hero-ivory:#f4f0e3;--hero-gold:#e6cf8f;--hero-gutter:clamp(20px,4.4vw,84px)}
.cinema118 .c118-top,.cinema118 .c118-bottom{left:var(--hero-gutter);right:var(--hero-gutter)}
.cinema118 .c118-top{top:clamp(22px,4vh,44px)!important}
.cinema118 .c118-top>span{display:block;max-width:none;font:500 11px/1.5 Arial,sans-serif;letter-spacing:.14em;color:var(--hero-ivory);padding:10px 14px;border-left:2px solid var(--hero-gold);background:linear-gradient(90deg,#10130fce,#10130f00);text-shadow:0 1px 8px #0008}
.cinema118 .c118-heading p{font-size:12px;letter-spacing:.16em;color:var(--hero-ivory);text-shadow:0 2px 5px #000,0 0 18px #000;padding:0 8px}
.cinema118 .c118-bottom{bottom:clamp(18px,3vh,32px);padding-top:16px;border-top:1px solid #e6cf8f36;align-items:center;flex-wrap:nowrap}
.cinema118 .c118-next{min-height:46px;max-width:none!important;padding:0 20px!important;border:1px solid #e6cf8f85!important;border-radius:30px;color:var(--hero-ivory)!important;background:#10130fde!important;font:500 11px/1.4 Arial,sans-serif!important;letter-spacing:.13em;white-space:nowrap;box-shadow:inset 0 1px #fff1,0 8px 24px #0003}
.cinema118 .c118-next:hover{background:#e6cf8f!important;color:#10130f!important;border-color:#e6cf8f!important}
.cinema118 .c118-next:focus-visible{outline:2px solid #f4da39;outline-offset:5px}
.cinema118 .c118-count{display:block;font:12px/1.4 monospace;letter-spacing:.14em;color:var(--hero-ivory);background:#10130fde;border:1px solid #e6cf8f36;border-radius:30px;padding:12px 16px;white-space:nowrap}
.cinema118 .c118-reveal>p{font-size:11px;color:var(--hero-ivory);letter-spacing:.2em;text-shadow:0 2px 12px #000}
.cinema118.titles-ready .c118-reveal h2 span{color:var(--hero-ivory);text-shadow:0 2px 10px #000;font-size:15px}
@media(max-width:699px){
 .cinema118 .c118-top>span{font-size:9px;letter-spacing:.08em;max-width:260px;padding:8px 10px}
 .cinema118 .c118-heading p{font-size:10px;letter-spacing:.08em}
 .cinema118 .c118-next{font-size:10px!important;min-height:44px;padding:0 14px!important;letter-spacing:.08em}
 .cinema118 .c118-count{font-size:10px;padding:11px 12px}
 .cinema118 .c118-bottom{gap:12px;padding-top:12px}
 .cinema118 .c118-reveal>p{font-size:10px;letter-spacing:.12em}
 .cinema118.titles-ready .c118-reveal h2 span{font-size:12px}
}
@media(max-height:500px){.cinema118 .c118-top{top:12px!important}.cinema118 .c118-bottom{bottom:12px;padding-top:8px}}