:root{--card-border:rgba(0,0,0,.10);--text:#111827;--muted:rgba(17,24,39,.65);--live:#22c55e}
.webcam-card{width:min(98%);border:1px solid #333;background:#fff;overflow:hidden;display:grid;grid-template-columns:360px 1fr}
.webcam-card h3{font-size:19px!important;color:#000!important;margin-bottom:0!important;margin-top:10px!important;padding-bottom:0!important}
.webcam-preview{position:relative;background:#0b1220}
.live-badge{position:absolute;top:14px;left:14px;display:inline-flex;align-items:center;gap:8px;padding:4px 8px;border-radius:999px;background:rgba(0,0,0,.45);color:#fff;font-size:11px;letter-spacing:.3px;backdrop-filter:blur(6px);z-index:2}
.live-dot{width:9px;height:9px;border-radius:999px;background:var(--live);box-shadow:0 0 0 0 rgba(34,197,94,.55);animation:livePulse 1.4s ease-out infinite}
@keyframes livePulse{0%{box-shadow:0 0 0 0 rgba(34,197,94,.55)}70%{box-shadow:0 0 0 8px rgba(34,197,94,0)}100%{box-shadow:0 0 0 0 rgba(34,197,94,0)}}
.iframe-wrap{width:100%;aspect-ratio:16/9;background:#0b1220;overflow:visible}
.iframe-wrap iframe{width:100%;height:100%;border:0;display:block}
.webcam-body{padding:16px 18px;display:grid;align-content:center;gap:8px}
.brand-claim{font-weight:400;color:#000;font-size:16px!important;margin-bottom:12px!important;display:block}
.brand{font-size:16px}
.brand-domain{font-weight:600}
@media (max-width:720px){.webcam-card{grid-template-columns:1fr;width:min(100%)!important}}