[data-live-rooms]{margin:16px 0 22px;padding:18px;border-radius:24px;background:#fffdf9;border:1px solid #d9e7dd;color:#173c2d;font-family:system-ui,sans-serif}
.rooms-heading{display:flex;flex-wrap:wrap;justify-content:space-between;gap:6px;margin-bottom:14px}.rooms-heading strong{font-size:19px}.rooms-heading>span{font-size:12px;color:#65746b;align-self:center}
.rooms-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px}.room-link{display:flex;flex-direction:column;gap:9px;padding:14px 10px;border:1px solid #d8e5dc;border-radius:16px;background:#f3f7f3;color:#183d2d;text-decoration:none;min-width:0}.room-link strong{font-size:20px}.room-link small{font-size:10px;overflow-wrap:anywhere}.room-link b{font-size:11px;margin-top:auto}.room-state{font-size:11px;font-weight:750;color:#65746b}.room-link[data-status=live]{border:2px solid #e73369;background:#fff0f4}.room-link[data-status=live] .room-state{color:#c51c4f}.room-link:focus-visible{outline:3px solid #175c42;outline-offset:3px}.rooms-note{font-size:11px;line-height:1.5;color:#63746b;margin:12px 0 0}
@media(max-width:350px){.rooms-grid{grid-template-columns:1fr}.room-link{gap:5px}}
.live-entry{position:relative;isolation:isolate}
.live-tile[data-live=true] .live-entry:not([hidden])::after{content:"";position:absolute;inset:-3px;border:2px solid #ff719b;border-radius:inherit;pointer-events:none;animation:live-button-halo 2.4s ease-out infinite}
.live-tile[data-live=true] .live-entry:not([hidden])::before{content:"";width:7px;height:7px;flex:0 0 7px;border-radius:50%;background:currentColor;pointer-events:none;animation:live-button-dot 2.4s ease-in-out infinite}
@keyframes live-button-halo{0%{transform:scale(1);opacity:.65}80%,100%{transform:scale(1.12,1.28);opacity:0}}
@keyframes live-button-dot{0%,100%{opacity:1}50%{opacity:.4}}
@media(prefers-reduced-motion:reduce){.live-tile[data-live=true] .live-entry:not([hidden])::before,.live-tile[data-live=true] .live-entry:not([hidden])::after{animation:none}.live-tile[data-live=true] .live-entry:not([hidden])::after{opacity:0}}
.live-tile .live-video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:0;pointer-events:none}.live-tile[data-playing=true] .live-video{opacity:1}.live-tile:before{content:"";position:absolute;inset:0;z-index:1;pointer-events:none;background:linear-gradient(180deg,transparent,rgba(5,30,20,.85))}.live-tile .badge{z-index:2}.tile-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:4px}.tile-action{display:inline-flex;align-items:center;gap:8px;padding:11px 14px;min-height:44px;border-radius:24px;background:#fff;color:#173c2d;font-size:13px;font-weight:800;text-decoration:none}.tile-action[hidden]{display:none}.tile-action.live-entry{background:#e71959;color:#fff}.tile-action:focus-visible{outline:3px solid #f9cc6d;outline-offset:3px}.live-tile .tile-status{margin:0;font-size:12px;line-height:1.4;color:#fff}.live-tile .content{padding-top:48px}.live-tile[data-live=true] .badge{background:#c9194c}