/* Faxster compact video ad overlay. Scoped; never affects feed layout. */
.faxster-ad-host{position:relative}
.faxster-ad-host>.faxster-ad{
  position:absolute;z-index:6;top:32px;inset-inline-end:6px;
  width:min(150px,calc(100% - 12px));aspect-ratio:16/9;
  box-sizing:border-box;overflow:hidden;contain:layout paint;
  border:1px solid rgba(143,208,255,.45);border-radius:3px;
  background:var(--bg,#04070a);color:var(--text,#e6eff4);
  font-family:var(--f-cond,"Barlow Condensed","Arial Narrow",sans-serif);
  transition:width .22s ease;
}
.faxster-ad-host>.faxster-ad.is-expanded{
  position:fixed;top:auto;bottom:max(12px,env(safe-area-inset-bottom));
  left:50%;inset-inline-end:auto;transform:translateX(-50%);
  width:min(640px,94vw);max-height:70dvh;
  border-color:rgba(143,208,255,.8);z-index:24;
}
.faxster-ad video{
  display:block;width:100%;height:100%;object-fit:cover;
  cursor:zoom-in;background:#04070a;
}
.faxster-ad.is-expanded video{cursor:zoom-out;object-fit:contain}
.faxster-ad video:focus-visible{outline:1px solid var(--accent,#8fd0ff);outline-offset:-2px}

.faxster-ad__links{
  position:absolute;left:0;bottom:0;display:flex;flex-wrap:wrap;gap:2px;
  padding:0 2px 2px;max-width:calc(100% - 4px);
  pointer-events:none;
}
.faxster-ad__links a{
  pointer-events:auto;display:inline-flex;align-items:center;
  min-height:20px;padding:0 5px;border-radius:2px;
  background:rgba(4,7,10,.82);color:var(--text-2,#ffd84a);
  font:600 10px/12px var(--f-cond,"Barlow Condensed","Arial Narrow",sans-serif);
  letter-spacing:.06em;text-transform:uppercase;text-decoration:none;white-space:nowrap;
  position:relative;
}
/* enlarge tap area without visual bulk */
.faxster-ad__links a::after{content:"";position:absolute;inset:-6px -2px -2px}
.faxster-ad__links a:hover{color:#fff}
.faxster-ad__links a:focus-visible{outline:1px solid var(--accent,#8fd0ff);outline-offset:1px}
.faxster-ad.is-expanded .faxster-ad__links a{min-height:26px;font-size:12px;padding:0 8px}

.faxster-ad__close{
  appearance:none;position:absolute;top:0;inset-inline-end:0;
  width:22px;height:22px;padding:0;margin:0;border:0;border-radius:0 0 0 3px;
  display:grid;place-items:center;cursor:pointer;
  background:rgba(4,7,10,.85);color:var(--text,#e6eff4);
  font:600 14px/1 var(--f-sans,sans-serif);
}
.faxster-ad__close::after{content:"";position:absolute;inset:-8px -4px -10px -10px}
.faxster-ad__close:hover{color:var(--accent,#8fd0ff)}
.faxster-ad__close:focus-visible{outline:1px solid var(--accent,#8fd0ff);outline-offset:-2px}
.faxster-ad.is-expanded .faxster-ad__close{width:30px;height:30px;font-size:16px}

.faxster-ad[hidden]{display:none!important}

@media (max-width:360px){
  .faxster-ad-host>.faxster-ad:not(.is-expanded){width:min(128px,calc(100% - 12px))}
  .faxster-ad__links a{font-size:9px;padding:0 4px}
}
@media (prefers-reduced-motion:reduce){.faxster-ad-host>.faxster-ad{transition:none}}