.is-preroll { position:relative; isolation:isolate; }
.is-preroll video { object-fit:contain; background:#080e17; }
.is-preroll .live-banner,.is-preroll .player-status,.is-preroll .radio-visual { display:none!important; }
.brand-preroll-ui { position:absolute; inset:0; z-index:5; pointer-events:none; color:#f3f8fa; font-family:'DM Sans',sans-serif; overflow:hidden; }
.brand-preroll-top { position:absolute; top:clamp(9px,2vw,22px); left:clamp(10px,2vw,24px); right:clamp(10px,2vw,24px); display:flex; justify-content:space-between; gap:12px; align-items:center; }
.brand-preroll-top>span { color:#d4f66b; font-size:clamp(7px,.8vw,13px); letter-spacing:1.6px; font-weight:700; text-shadow:0 1px 5px #000; }
.brand-preroll-skip { pointer-events:auto; border:1px solid #8eaa6e77; border-radius:20px; background:#0c1824e6; color:#ebf7df; min-height:34px; padding:7px 13px; font-size:clamp(10px,.9vw,16px); white-space:nowrap; }
.brand-preroll-skip:hover { background:#263b29; color:#d4f66b; }
.brand-preroll-countdown { position:absolute; bottom:clamp(12px,2vw,22px); right:clamp(12px,2vw,24px); font-size:clamp(8px,.85vw,15px); color:#c9d8df; text-shadow:0 1px 5px #000; }
.brand-preroll-progress { position:absolute; left:0; right:0; bottom:0; height:3px; background:#ffffff15; }
.brand-preroll-progress>i { height:100%; width:0; background:linear-gradient(90deg,#7fdcd1,#d4f66b); display:block; }
.brand-preroll-enable { position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); padding:14px 22px; border-radius:8px; background:#d4f66b; color:#15200e; pointer-events:auto; font-size:14px; font-weight:700; }
@media(max-width:420px){.brand-preroll-top{top:7px;left:8px;right:8px}.brand-preroll-top>span{font-size:6px;letter-spacing:.9px}.brand-preroll-skip{min-height:29px;font-size:9px;padding:5px 9px}.brand-preroll-countdown{font-size:7px;bottom:9px;right:9px}}
@media(min-width:1920px){.brand-preroll-skip{min-height:44px}.brand-preroll-countdown{font-size:clamp(15px,.75vw,28px)}}