:root{--brand:#b6ff52;--accent:#8a6cff}*{box-sizing:border-box}html,body{margin:0;width:100%;height:100%;overflow:hidden;background:transparent;color:#fff;font-family:Arial,Helvetica,sans-serif}.overlay{position:relative;width:100vw;height:100vh;background:transparent;overflow:hidden}.topline{position:absolute;top:4.2%;left:3.5%;display:flex;align-items:center;gap:12px;padding:9px 15px 9px 9px;background:linear-gradient(100deg,#080b12df,#080b1277);border:1px solid #ffffff24;border-radius:12px;font-size:clamp(11px,1.1vw,17px);font-weight:800;letter-spacing:.12em}.brand-mark{width:30px;height:30px;display:grid;place-items:center;background:var(--brand);color:#080b12;border-radius:8px;font-size:20px;font-weight:900}.live-pill{margin-left:12px;color:#ff526b;font-size:10px;letter-spacing:.15em}.live-pill i{display:inline-block;width:7px;height:7px;border-radius:50%;background:#ff526b;margin-right:6px;box-shadow:0 0 12px #ff526b}.lower-third{position:absolute;left:3.5%;bottom:5%;display:flex;align-items:stretch;gap:12px;padding:12px 18px 12px 14px;background:linear-gradient(100deg,#080b12ed,#080b1299);border:1px solid #ffffff22;border-radius:12px;min-width:240px;box-shadow:0 12px 40px #0005}.accent-line{width:4px;border-radius:5px;background:var(--brand);box-shadow:0 0 16px var(--brand)}.lower-third strong,.lower-third small{display:block}.lower-third strong{font-size:clamp(13px,1.3vw,19px);letter-spacing:.12em}.lower-third small{margin-top:5px;color:#c3c8d4;font-size:9px;letter-spacing:.18em}.scene-card{position:absolute;inset:0;display:none;align-items:center;justify-content:center;flex-direction:column;text-align:center;background:radial-gradient(ellipse at 50% 45%,#12182bdd,#070910f5 65%)}.scene-card:before,.scene-card:after{content:"";position:absolute;width:55vw;height:55vw;border:1px solid color-mix(in srgb,var(--brand) 45%,transparent);border-radius:50%;transform:scaleY(.42) rotate(-22deg)}.scene-card:after{transform:scaleY(.42) rotate(22deg);border-color:color-mix(in srgb,var(--accent) 45%,transparent)}.scene-card p{color:var(--brand);font-size:clamp(10px,1.1vw,16px);letter-spacing:.38em;z-index:1}.scene-card h1{font-size:clamp(42px,8vw,112px);line-height:.9;letter-spacing:-.05em;margin:22px 0;z-index:1;text-shadow:0 8px 45px #000}.scene-card span{font-size:12px;letter-spacing:.35em;color:#c7ccda;z-index:1}.scene-starting .scene-card,.scene-brb .scene-card,.scene-ending .scene-card{display:flex}.scene-starting .topline,.scene-starting .lower-third,.scene-brb .topline,.scene-brb .lower-third,.scene-ending .topline,.scene-ending .lower-third{display:none}.scene-brb #scene-title{font-size:clamp(34px,6vw,80px)}.scene-ending #scene-title{color:var(--brand)}.alert-preview{position:absolute;right:3.5%;bottom:5%;display:flex;align-items:center;gap:14px;padding:15px 22px;background:linear-gradient(110deg,#101522f2,#17152af2);border:1px solid color-mix(in srgb,var(--brand) 60%,transparent);border-radius:14px;box-shadow:0 0 35px #0008,0 0 25px color-mix(in srgb,var(--brand) 18%,transparent);animation:enter .5s ease-out}.alert-preview[hidden]{display:none}.alert-icon{font-size:28px;color:var(--brand)}.alert-preview small,.alert-preview strong{display:block}.alert-preview small{font-size:9px;letter-spacing:.2em;color:var(--brand)}.alert-preview strong{font-size:17px;margin-top:5px;letter-spacing:.08em}@keyframes enter{from{transform:translateY(25px);opacity:0}to{transform:translateY(0);opacity:1}}