/* Multiplayer: the game link, the room board, presence. Loaded after community.css. */

/* ---- Find a game: the room board ---- */
.room-summary{font-size:13px;color:var(--parch-dim);margin:0 0 14px}
.room-filters{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 18px}
.room-filters .chip.on{background:#3a3d24;border-color:var(--lamp);color:#f6dc9c}
.room-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px;align-items:start}
.room-card{background:var(--ink1);border:1px solid var(--line);border-radius:16px;padding:20px;display:grid;gap:13px;scroll-margin-top:24px;min-width:0}
.room-card.hi{border-color:var(--lamp);box-shadow:0 0 0 3px rgba(239,197,104,.18)}
.room-top{display:flex;justify-content:space-between;gap:14px;align-items:flex-start}
.room-top .eyebrow{margin-bottom:4px}
.room-top h3{font:500 20px/1.3 var(--display);color:var(--bone);margin:0;letter-spacing:-.3px;overflow-wrap:anywhere}
.room-age{flex:none;font-size:12px;color:var(--parch-dim);background:var(--ink3);border-radius:999px;padding:4px 9px;white-space:nowrap}
.room-tags{display:flex;flex-wrap:wrap;gap:7px}
.room-tags .tag{display:inline-flex;align-items:center;gap:5px}
.room-tags .tag svg{flex:none}
.tag.old{border-color:#7a6a2e;color:#f3dd8c}
.tag.pal{border-color:#4d6b45;color:#c6e2b4}
.room-mid .seat-row .seat{width:16px;height:16px}
.room-seats{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:7px 14px}
.room-seats li{display:flex;align-items:center;gap:9px;font-size:13.5px;color:var(--parch);min-width:0;overflow-wrap:anywhere}
.room-seats li a{color:var(--bone);font-weight:600}
.room-seats li a:hover{color:var(--lamp)}
.room-seats .club-avatar{width:28px;height:28px;font-size:12px;border-radius:50%}
.seathost{font-size:12px;font-weight:600;letter-spacing:0;color:var(--parch-dim);border:1px solid var(--line);border-radius:999px;padding:2px 8px;flex:none}
.seatepty{color:var(--parch-dim);font-style:italic}
.vcheck{color:var(--lamp);font-size:13px;line-height:1}
.room-pals{margin:0;font-size:12.5px;color:var(--parch-dim)}
.room-foot{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px;padding:14px 16px;border-radius:12px;border:1px dashed var(--line-strong);background:#121511}
.room-foot>div:first-child{display:grid;gap:4px;min-width:0}
.room-foot small{font-size:12px;font-weight:600;letter-spacing:1.2px;text-transform:uppercase;color:var(--lamp)}
.room-empty .actions{display:flex;flex-wrap:wrap;gap:10px;margin:6px 0}
.updated{margin:16px 0 0}
@media(max-width:760px){.room-grid{grid-template-columns:1fr}.room-card{padding:18px}.room-top{flex-direction:column;gap:8px}.room-age{align-self:flex-start}}