/* --- overlays --- */
  #blackout{position:fixed; inset:0; z-index:45; background:#000; display:none}
  html[data-blank="white"] #blackout{background:#fff}
  body.blank #blackout{display:block}
  #spot{position:fixed; inset:0; z-index:22; pointer-events:none; display:none}
  body.spotlight #spot{display:block}
  #laser{
    position:fixed; z-index:23; width:26px; height:26px; margin:-13px 0 0 -13px;
    pointer-events:none; display:none; border-radius:50%;
    background:radial-gradient(circle, rgba(239,68,68,.95) 0 4px, rgba(239,68,68,.45) 5px 9px, rgba(239,68,68,0) 12px);
  }
  body.laser #laser{display:block}
  #marquee{position:fixed; z-index:24; border:1px solid var(--primary);
    background:rgba(250,255,105,.14); border-radius:var(--r-sm); display:none; pointer-events:none}