/* Only the film, with controls beneath it. No heading, explanation or overlays. */
.terol-intro-overlay{position:fixed;inset:0;z-index:2147483000;background:#090d0e;display:flex;align-items:center;justify-content:center;padding:clamp(8px,2vw,28px);box-sizing:border-box;color:#fff;overflow:auto}
.terol-intro-overlay *{box-sizing:border-box}
.terol-intro-dialog{width:min(100%,1200px);max-height:100%;display:flex;flex-direction:column;gap:14px;margin:auto;background:transparent;border:0;box-shadow:none;padding:0;min-width:0}
.terol-intro-stage{display:flex;align-items:center;justify-content:center;width:100%;max-height:calc(100dvh - 115px);background:#000;border-radius:8px;overflow:hidden;min-height:0}
.terol-intro-stage video{display:block;width:100%;height:auto;max-height:calc(100dvh - 115px);object-fit:contain;background:#000}
.terol-intro-actions{display:flex;align-items:center;justify-content:flex-end;gap:12px;flex-wrap:wrap;min-height:50px}
.terol-intro-overlay button{background:#fff;color:#122c28;border:2px solid #fff;border-radius:8px;padding:9px 16px;min-height:44px;font:inherit;font-weight:650;cursor:pointer}
.terol-intro-overlay button:hover{background:#dcebe8}
.terol-intro-overlay button:focus-visible{outline:4px solid #f5c95c;outline-offset:3px}
.terol-intro-overlay button[hidden],.terol-intro-error[hidden]{display:none!important}
.terol-intro-error{margin:0;color:#fff;background:#7b1620;padding:10px;border-radius:6px}
@media(max-width:560px){.terol-intro-overlay{padding:8px}.terol-intro-dialog{gap:8px}.terol-intro-actions{justify-content:center}.terol-intro-stage,.terol-intro-stage video{max-height:calc(100dvh - 145px)}}
@media(prefers-reduced-motion:reduce){.terol-intro-overlay *{animation:none!important;transition:none!important}}