app-mc-room-card{min-width:0;display:block}app-mc-room-card .rc{box-sizing:border-box;border:1px solid var(--border-color);border-radius:var(--radius-lg,14px);background:var(--bg-card);height:100%;transition:border-color var(--transition-fast),box-shadow var(--transition-fast);flex-direction:column;gap:10px;padding:14px;display:flex}@media (hover:hover){app-mc-room-card .rc:hover{border-color:rgba(var(--primary-rgb), .35);box-shadow:0 6px 18px rgba(var(--primary-rgb), .08)}app-mc-room-card .rc--muted:hover{box-shadow:none}}app-mc-room-card .rc__host{align-items:center;gap:12px;min-width:0;display:flex}app-mc-room-card .rc__who{flex:1;min-width:0}app-mc-room-card .rc__name{min-width:0;font-size:var(--font-base);color:var(--text-primary);white-space:nowrap;font-weight:700;display:flex}app-mc-room-card .rc__name-text{text-overflow:ellipsis;overflow:hidden}app-mc-room-card .rc__bot{flex-shrink:0;margin-left:6px}app-mc-room-card .rc__meta{min-height:18px;font-size:var(--font-xs);color:var(--text-muted);align-items:center;gap:4px;margin-top:2px;display:flex}app-mc-room-card .rc__meta app-icon{width:12px;height:12px}app-mc-room-card .rc__meta-text{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}app-mc-room-card .rc__lock{background:var(--bg-input);width:28px;height:28px;color:var(--text-secondary);border-radius:50%;flex-shrink:0;place-items:center;display:grid}app-mc-room-card .rc__lock app-icon{width:14px;height:14px}app-mc-room-card .rc__game{min-width:0;font-size:var(--font-sm);color:var(--text-primary);align-items:center;gap:8px;display:flex}app-mc-room-card .rc__game-icon{border-radius:8px;flex-shrink:0;place-items:center;width:26px;height:26px;display:grid}app-mc-room-card .rc__game-icon app-icon{width:14px;height:14px}app-mc-room-card .rc__game-name{white-space:nowrap;text-overflow:ellipsis;font-weight:600;overflow:hidden}app-mc-room-card .rc__rounds{font-size:var(--font-xs);color:var(--text-secondary);flex-shrink:0}app-mc-room-card .rc__rules{font-size:var(--font-xs);color:var(--text-secondary);flex-wrap:wrap;gap:4px 10px;margin-top:-4px;display:flex}app-mc-room-card .rc__foot{border-top:1px dashed var(--border-color);justify-content:space-between;align-items:center;gap:8px;margin-top:auto;padding-top:10px;display:flex}app-mc-room-card .rc__stats{flex-wrap:nowrap;align-items:center;gap:8px;min-width:0;display:flex}app-mc-room-card .rc__status{white-space:nowrap;padding:2px 9px}app-mc-room-card .rc__dot{background:currentColor;border-radius:50%;width:6px;height:6px}app-mc-room-card .rc__count{white-space:nowrap;font-size:var(--font-xs);font-variant-numeric:tabular-nums;color:var(--text-secondary);align-items:center;gap:4px;font-weight:600;display:inline-flex}app-mc-room-card .rc__count app-icon{width:14px;height:14px;color:var(--text-muted)}app-mc-room-card .rc__cta{border-radius:var(--radius-full);min-width:0;min-height:32px;font-size:var(--font-sm);flex-shrink:0;padding:4px 10px}app-mc-room-card .rc__cta app-icon,app-mc-room-card .rc__cta .loader{width:14px;height:14px}
app-mc-room-empty-state{grid-column:1/-1;display:block}app-mc-room-empty-state .re{border:1px dashed var(--border-color);border-radius:var(--radius-lg,14px);background:var(--bg-card);animation:m-rise var(--motion-base) var(--ease-enter) backwards;flex-wrap:wrap;align-items:center;gap:14px;padding:16px 18px;display:flex}app-mc-room-empty-state .re__icon{background:var(--primary-light);width:40px;height:40px;color:var(--primary);animation:m-check var(--motion-expressive) var(--ease-spring) backwards,m-breathe 2.2s ease-in-out var(--motion-expressive) 2;border-radius:50%;flex-shrink:0;place-items:center;display:grid}app-mc-room-empty-state .re__icon app-icon{width:20px;height:20px}app-mc-room-empty-state .re--error .re__icon{color:var(--color-error);background:#ff3b301a}app-mc-room-empty-state .re__body{flex:220px;min-width:0}app-mc-room-empty-state .re__title{font-size:var(--font-sm);color:var(--text-primary);font-weight:700}app-mc-room-empty-state .re__text{font-size:var(--font-xs);color:var(--text-secondary);margin-top:2px;line-height:1.5}app-mc-room-empty-state .re__actions{flex-wrap:wrap;gap:8px;display:flex}app-mc-room-empty-state .re__actions .btn{border-radius:var(--radius-full);min-height:36px}