.campaign-cinema{position:absolute;inset:0;z-index:6;background:#07141d;overflow:hidden;color:#f5e6ca;isolation:isolate}
.campaign-cinema[hidden]{display:none}
.campaign-cinema>canvas{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;image-rendering:pixelated}
.cinema-heading{position:absolute;top:7%;left:5%;right:5%;pointer-events:none;text-shadow:0 2px 4px #07141d}
.cinema-heading span{display:block;font:700 clamp(9px,1.1vw,13px)/1.5 Arial,sans-serif;letter-spacing:.15em;color:#c6b38f}
.cinema-heading h2{font:700 clamp(18px,2.8vw,31px)/1.2 Arial,sans-serif;margin:7px 0 0;letter-spacing:.075em}
.cinema-caption{position:absolute;left:5%;right:5%;bottom:5%;text-shadow:0 2px 4px #07141d}
.cinema-caption p{max-width:760px;font:500 clamp(13px,1.65vw,20px)/1.5 Arial,sans-serif;margin:0 0 13px;color:#eee5d0;text-wrap:pretty}
.cinema-footer{display:flex;align-items:center;justify-content:space-between;gap:16px}
.cinema-footer small{font:600 clamp(9px,1vw,12px)/1.5 Arial,sans-serif;letter-spacing:.045em;color:#a8bab4}
.cinema-footer button{flex-shrink:0;min-height:42px;padding:10px 16px;border:1px solid #7c8978;background:#142c34e8;color:#edd8ae;font:700 clamp(10px,1.15vw,13px)/1.3 Arial,sans-serif;letter-spacing:.045em;cursor:pointer;box-shadow:0 2px 0 #07141d}
.cinema-footer button:hover:not(:disabled){background:#253e43;border-color:#c0b48e}
.cinema-footer button:focus-visible{outline:3px solid #a0d8c2;outline-offset:3px}
.cinema-footer button:disabled{opacity:.72;cursor:default}
.cinema-track{height:2px;background:#32464c;margin-top:11px}.cinema-track i{display:block;height:100%;background:#c8b285;max-width:100%}
@media(max-width:600px){.cinema-heading{top:5%}.cinema-heading h2{margin-top:5px}.cinema-caption{bottom:4%}.cinema-caption p{margin-bottom:9px;line-height:1.45}.cinema-footer{gap:10px}.cinema-footer small{max-width:49%;font-size:9px}.cinema-footer button{padding:8px 10px;min-height:40px}.cinema-track{margin-top:7px}}
@media(max-height:430px) and (min-width:601px){.cinema-heading{top:6%}.cinema-heading h2{font-size:21px;margin-top:3px}.cinema-caption{bottom:4%}.cinema-caption p{font-size:13px;margin-bottom:6px;max-width:80%}.cinema-footer small{font-size:9px}.cinema-footer button{min-height:34px;padding:6px 11px}.cinema-track{margin-top:6px}}
@media(prefers-reduced-motion:reduce){.cinema-track i{transition:none}}