/* Grille de rooms live. 2 colonnes mobile, 3 tablette, 4 desktop. Snapshot en hotlink, lanterne = live. */
.deck{display:grid;grid-template-columns:repeat(2,1fr);gap:14px 12px;list-style:none;margin:0;padding:0}
.room{position:relative;border-radius:var(--radius-room);overflow:hidden;background:var(--surface);aspect-ratio:3/4}
.room__link{position:absolute;inset:0;display:block;color:inherit;text-decoration:none}
.room__snap{width:100%;height:100%;object-fit:cover;background:var(--line)}
.room__meta{position:absolute;inset:auto 0 0 0;padding:14px 12px 12px;background:linear-gradient(transparent,rgba(28,16,22,.94))}
.room__title{display:flex;align-items:center;gap:6px;font-weight:600;font-size:var(--step--1);line-height:1.2;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.room__sub{font-size:12px;color:var(--text-2);font-variant-numeric:tabular-nums;display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.lantern{flex:0 0 auto;width:8px;height:8px;border-radius:50%;background:var(--live);box-shadow:0 0 0 0 rgba(216,180,106,.55);animation:lantern 2.4s ease-out infinite}
@keyframes lantern{0%{box-shadow:0 0 0 0 rgba(216,180,106,.55)}70%{box-shadow:0 0 0 7px rgba(216,180,106,0)}100%{box-shadow:0 0 0 0 rgba(216,180,106,0)}}
.room:hover .room__snap,.room:focus-within .room__snap{filter:brightness(1.08)}
.deck--empty{border:1px dashed var(--line);border-radius:var(--radius-room);padding:var(--space-6) var(--space-4);color:var(--text-2);text-align:center}
@media (min-width:600px){.deck{grid-template-columns:repeat(3,1fr);gap:12px}}
@media (min-width:1000px){.deck{grid-template-columns:repeat(4,1fr);gap:14px}}
@media (min-width:1000px){.room__title{font-size:var(--step-0)}.room__sub{font-size:13px}}
.deck__status{text-align:center;color:var(--text-2);font-size:var(--step--1);padding:var(--space-4)}