.tj-tv{
  position:relative;width:100%;max-width:none;margin:0;padding:0;box-sizing:border-box;background:#000;overflow:hidden;
  height:clamp(240px,30vw,460px);   /* <- banner height: min, scales with screen width, max */
}
.tj-tv canvas{position:absolute;inset:0;display:block;width:100%;height:100%;object-fit:cover}
.tj-tv::after{ /* CRT scanlines + vignette */
  content:"";position:absolute;inset:0;pointer-events:none;
  background:
    repeating-linear-gradient(0deg, rgba(0,0,0,.18) 0 1px, transparent 1px 3px),
    radial-gradient(ellipse at center, transparent 55%, rgba(0,0,0,.55) 100%);
}
.tj-tv__sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}

.tj-tv canvas { visibility:hidden; }
.tj-tv.is-ready:not(.is-static) canvas { visibility:visible; }
.tj-tv-fallback { position:absolute;inset:0;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:10px;padding:28px 22px 58px;margin:0;background:#070a12;color:#fff;font:900 clamp(23px,4vw,58px)/1.12 'Archivo Black',Impact,'Arial Black',sans-serif;text-align:center;text-transform:uppercase; }
.tj-tv-fallback span {color:#C8262A;}
.tj-tv.is-ready:not(.is-static) .tj-tv-fallback {position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);padding:0;}
.tj-tv-toggle {position:absolute;right:16px;bottom:12px;z-index:2;min-height:44px;padding:10px 16px;border:1px solid rgba(255,255,255,.6);border-radius:4px;background:#0A0F1C;color:#fff;font:700 12px 'Archivo',sans-serif;cursor:pointer;}
.tj-tv-toggle:focus-visible {outline:3px solid #fff;outline-offset:3px;}
.tj-tv-toggle[hidden] {display:none;}
@media(prefers-reduced-motion:reduce){.tj-tv canvas{visibility:hidden}.tj-tv-toggle{display:none}}