.cam4-live{margin:2rem 0;padding:1.25rem;border:1px solid rgba(255,43,214,.32);border-radius:18px;background:linear-gradient(145deg,rgba(22,4,31,.92),rgba(3,3,8,.96));box-shadow:0 0 32px rgba(255,0,204,.08)}
.cam4-live__head{display:flex;align-items:end;justify-content:space-between;gap:1rem;margin-bottom:1rem}.cam4-live__head h2{margin:.15rem 0}.cam4-live__head p{margin:.25rem 0;color:#bfb7c9}.cam4-live__head label{font-size:.78rem;color:#d9cbe4}.cam4-live__head select{display:block;margin-top:.35rem;min-width:9rem;padding:.6rem .7rem;border:1px solid #7f2da0;border-radius:9px;background:#09050d;color:#fff}.cam4-live__dot{display:inline-block;width:.55rem;height:.55rem;margin-right:.35rem;border-radius:50%;background:#ff315d;box-shadow:0 0 12px #ff315d}.cam4-live__grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(155px,1fr));gap:.85rem}.cam4-card{min-width:0}.cam4-card a{position:relative;display:block;overflow:hidden;border:1px solid rgba(255,255,255,.12);border-radius:13px;background:#08060a;color:#fff;text-decoration:none;transition:transform .18s ease,border-color .18s ease}.cam4-card a:hover,.cam4-card a:focus-visible{transform:translateY(-3px);border-color:#ff35d3;outline:none}.cam4-card img{display:block;width:100%;aspect-ratio:4/3;object-fit:cover;background:#120d15}.cam4-card__live,.cam4-card__viewers{position:absolute;top:.55rem;padding:.25rem .42rem;border-radius:6px;font-size:.67rem;font-weight:800;line-height:1;background:rgba(0,0,0,.8)}.cam4-card__live{left:.55rem;color:#fff;background:#e61348}.cam4-card__viewers{right:.55rem}.cam4-card__body{display:block;padding:.72rem}.cam4-card__body strong,.cam4-card__body small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.cam4-card__body small{margin-top:.25rem;color:#afa4b7}.cam4-live__status{padding:1rem;color:#cfc3d7}.cam4-live__disclosure{margin:.9rem 0 0;color:#8f8598;font-size:.72rem}@media(max-width:620px){.cam4-live{padding:1rem .75rem}.cam4-live__head{align-items:start;flex-direction:column}.cam4-live__grid{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;padding-bottom:.35rem}.cam4-card{flex:0 0 72vw;max-width:260px;scroll-snap-align:start}}
@media(prefers-reduced-motion:reduce){.cam4-card a{transition:none}}