.open-rooms{grid-column:1/-1;margin:4px 18px 18px;padding:16px;border:1px solid var(--line);border-radius:18px;background:var(--soft);display:grid;gap:12px}
.open-rooms>header{display:flex;align-items:center;justify-content:space-between;gap:14px}.open-rooms>header>div{display:grid;gap:3px}.open-rooms>header span{color:var(--accent);font-size:9px;font-weight:950;letter-spacing:.11em;text-transform:uppercase}.open-rooms>header strong{font-size:12px}.open-rooms>header button{width:34px;height:34px;border:1px solid var(--line);border-radius:50%;background:var(--soft);color:var(--ink);cursor:pointer}
.open-rooms>div{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:8px}.open-room{padding:11px;border:1px solid var(--line);border-radius:13px;background:var(--soft);color:var(--ink);display:grid;gap:8px;transition:transform .18s,border-color .18s,box-shadow .18s}.open-room:hover,.open-room:focus-within,.open-room.selected{transform:translateY(-2px);border-color:var(--accent);box-shadow:0 8px 20px #32101b18}.open-room.selected{background:color-mix(in srgb,var(--accent) 10%,var(--soft))}
.open-room>header{display:flex;align-items:center;justify-content:space-between;gap:8px}.open-room>header>b{font:800 16px Georgia,serif;letter-spacing:.08em}.open-room>span{font-size:8px;color:var(--muted)}.open-room>span i{color:var(--accent);font-style:normal;font-weight:950}.open-room-status{padding:4px 7px;border-radius:99px;background:color-mix(in srgb,var(--accent) 12%,transparent);font-size:7px;font-weight:900;text-transform:uppercase;letter-spacing:.08em}.open-room-status.is-live{background:color-mix(in srgb,#bd2347 15%,transparent);color:#bd2347}.open-room-status.is-live:before{content:"";display:inline-block;width:5px;height:5px;margin-right:4px;border-radius:50%;background:currentColor;animation:open-room-live 1.5s ease-in-out infinite}
.open-room>footer{display:flex;gap:6px;flex-wrap:wrap}.open-room>footer button{min-height:31px;padding:6px 10px;border:1px solid var(--line);border-radius:99px;background:transparent;color:var(--ink);font:800 8px inherit;cursor:pointer}.open-room>footer button[data-open-code]{background:var(--ink);color:var(--paper);border-color:var(--ink)}.open-room>footer button[data-spectate-code]{color:var(--accent);border-color:color-mix(in srgb,var(--accent) 42%,var(--line))}.open-room>footer button:hover,.open-room>footer button:focus-visible{transform:translateY(-1px);box-shadow:0 5px 12px #32101b20;outline:2px solid color-mix(in srgb,var(--accent) 45%,transparent);outline-offset:2px}.open-rooms>p{margin:0;color:var(--muted);font-size:9px}
@keyframes open-room-live{50%{opacity:.35;transform:scale(.72)}}
@media(max-width:600px){.open-rooms{margin-inline:8px;padding:12px}.open-rooms>div{grid-template-columns:1fr}.open-room>footer button{flex:1}}
@media(prefers-reduced-motion:reduce){.open-room-status.is-live:before{animation:none}.open-room{transition:none}}