.social-presence{align-items:center;gap:var(--space-2);font-size:var(--font-size-1);color:var(--gray-11);display:inline-flex}.social-presence>span{background:var(--gray-8);border-radius:50%;flex:none;width:8px;height:8px}.social-presence[data-status=online]>span{background:var(--green-9)}.social-presence[data-status=playing]>span{background:var(--accent-9)}.social-presence[data-status=pending]>span{background:var(--amber-9)}.social-friend-row{align-items:center;gap:var(--space-3);padding-block:var(--space-3);flex-wrap:wrap;min-width:0;display:flex}.social-friend-row+.social-friend-row{border-top:1px solid var(--gray-5)}.social-person{gap:var(--space-1);flex:144px;min-width:0;display:grid}.social-person>.ozzi-text{overflow-wrap:anywhere}.social-row-actions{align-items:center;gap:var(--space-2);flex-wrap:wrap;max-width:100%;display:flex}.social-friend-row>.social-row-actions{justify-content:end;margin-inline-start:auto}.social-invitation{align-items:stretch;gap:var(--space-4);flex-wrap:wrap;display:flex;container-type:inline-size}.social-invitation-art,.social-invitation-placeholder{aspect-ratio:1;object-fit:cover;border-radius:var(--radius-3);background:var(--accent-3);flex:0 0 120px;width:120px;min-height:120px}.social-invitation-placeholder{color:var(--accent-11);place-items:center;display:grid}.social-invitation-body{align-content:center;gap:var(--space-2);flex:240px;min-width:0;display:grid}.social-invitation-actions{align-items:center;gap:var(--space-2);margin-top:var(--space-2);flex-wrap:wrap;display:flex}@container (width<=400px){.social-invitation-art,.social-invitation-placeholder{aspect-ratio:16/9;flex-basis:auto;width:100%;max-height:190px}}.friends-toolbar{align-items:end;gap:var(--space-3);flex-wrap:wrap;display:flex}.friends-toolbar>:first-child{flex:1;min-width:min(240px,100%)}.friends-toolbar>:last-child{width:180px}.room-attendance{align-items:center;gap:var(--space-2);font-size:var(--font-size-1);line-height:var(--line-height-1);color:var(--gray-11);white-space:nowrap;display:inline-flex}.room-attendance>span{background:var(--gray-8);border-radius:50%;flex:none;width:7px;height:7px}.room-attendance[data-status=waiting]>span{background:var(--amber-9)}.room-attendance[data-status=full]>span{background:var(--green-9)}.ozzi-action[data-room-row]{text-align:left;width:100%;height:auto;min-height:64px;padding:var(--space-2);justify-content:start;align-items:center;gap:var(--space-2);white-space:normal;display:flex}[data-room-row][aria-current]{background:var(--accent-3)}.room-row-art{object-fit:cover;border-radius:var(--radius-2);background:var(--accent-3);flex:none;place-items:center;width:32px;height:40px;display:grid}.room-row-copy{flex:1;gap:2px;min-width:0;display:grid}.room-row-copy>.ozzi-text{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}[data-room-row]>svg{color:var(--gray-10);flex:none}.waiting-room{gap:var(--space-3);display:grid;container-type:inline-size}.waiting-room-status{gap:var(--space-1);display:grid}.room-slots{gap:var(--space-2);margin:0;padding:0;list-style:none;display:grid}.room-slot{align-items:center;gap:var(--space-2);padding:var(--space-2);border:1px solid var(--gray-5);border-radius:var(--radius-3);background:var(--gray-2);min-width:0;min-height:56px;display:flex}.room-slot[data-ready]{border-color:var(--green-6)}.room-slot-copy{flex:1;gap:2px;min-width:0;display:grid}.room-slot-copy>.ozzi-text{overflow-wrap:anywhere}.room-slot-copy .ozzi-field{margin-top:var(--space-1)}.room-slot-copy .rt-SelectTrigger{height:auto;min-height:32px}.room-slot-ready{color:var(--green-11);flex:none}.room-actions{align-items:center;gap:var(--space-2);flex-wrap:wrap;display:flex}.room-actions .ozzi-action{white-space:normal;height:auto;min-height:var(--target-min)}.room-configuration{gap:var(--space-3);display:grid}@container (width>=420px){.room-slots,.room-configuration{grid-template-columns:repeat(2,minmax(0,1fr))}}.reference-room-layout{align-items:start;gap:var(--space-5);flex-wrap:wrap;display:flex}.reference-room-layout>:first-child{flex:0 1 var(--navigation-wide,224px);min-width:0}.reference-room-layout>:last-child{flex:320px;min-width:0}.game-rooms{min-width:0}.game-rooms .ozzi-disclosure-body{gap:var(--space-2)}.game-rooms [data-room-row]{padding:var(--space-1) 0}.game-rooms .room-row-art{width:var(--space-6);height:var(--space-6)}.game-rooms .waiting-room{padding-block:var(--space-2)}.room-stage{background:var(--gray-2);place-items:center;display:grid;position:absolute;inset:0;overflow:hidden}.room-stage>img{object-fit:contain;width:100%;height:100%;position:absolute}.room-stage-caption{align-items:center;gap:var(--space-3);padding:var(--space-4);margin:var(--space-4);max-width:calc(100% - var(--space-6));border:1px solid var(--gray-a6);border-radius:var(--radius-3);background:var(--color-panel-solid);text-align:center;flex-direction:column;display:flex;position:relative}.reference-waiting-stage{min-height:240px;margin-block-end:var(--space-4);position:relative}