/* Embercams CSS */
.grid{ display:grid; gap:16px; } .grid-4{ grid-template-columns: repeat(4,1fr); }
@media (max-width:1024px){ .grid-4{ grid-template-columns: repeat(3,1fr);} }
@media (max-width:640px){ .grid-4{ grid-template-columns: repeat(2,1fr);} }
.card{ display:block; text-decoration:none; border:1px solid #eee; border-radius:12px; overflow:hidden; background:#fff; }
.card .thumb{ position:relative; aspect-ratio:4/3; background:#f3f3f3; }
.card img{ width:100%; height:100%; object-fit:cover; display:block; }
.badges{ position:absolute; top:8px; left:8px; display:flex; gap:6px; }
.badges .b{ padding:4px 6px; font-size:12px; border-radius:6px; background:#111; color:#fff; }
.badges .b.hd{ background:#16a34a;} .badges .b.new{ background:#ef4444;}
.card .meta{ padding:10px; color:#111; } .card .name{ font-weight:700; }
.ember-room h1{ font-size:24px; margin:8px 0; } .video-wrapper{ width:100%; }