body{margin:0;background:#000;color:#fff;font-family:sans-serif}
.preroll{position:relative;height:100vh;overflow:hidden}
.preroll__video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;filter:saturate(1.05) contrast(1.05)}
/* overlay removed */
.fallback{display:none;position:absolute;right:1rem;bottom:1rem}
.fallback__link{color:#fff;text-decoration:underline;opacity:.85}
.loading{position:absolute;bottom:1rem;left:1rem;color:#94a3b8;display:flex;align-items:center;gap:.5rem;background:rgba(0,0,0,0.35);border:1px solid rgba(255,255,255,0.1);padding:.4rem .6rem;border-radius:999px;backdrop-filter:blur(6px)}
.spinner{width:14px;height:14px;border:2px solid rgba(255,255,255,0.3);border-top-color:#0ea5e9;border-radius:50%;animation:spin 1s linear infinite}
.progress{position:absolute;bottom:1rem;left:50%;transform:translateX(-50%);width:60%;height:4px;background:rgba(255,255,255,0.2);border-radius:999px;overflow:hidden}
.progress__bar{height:100%;width:0;background:linear-gradient(90deg,#0ea5e9,#6f5cff)}
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0}
@keyframes spin{to{transform:rotate(360deg)}}