.ds-RoomsPage.online-room-page.svelte-j7o95j{width:100%;margin:0;color:var(--ds-mobile-versus-ink);min-height:0}.ds-RoomsPage.svelte-j7o95j{width:min(calc(100% - var(--ds-space-32)),var(--ds-width-content));margin:var(--ds-space-40) auto var(--ds-space-64);color:var(--ds-color-text)}.rooms-content.svelte-j7o95j{min-width:0;overflow-wrap:anywhere}.rooms-content.svelte-j7o95j h1{font-size:clamp(var(--ds-font-size-heading-min),3vw,var(--ds-font-size-heading-max));font-weight:var(--ds-font-weight-semibold);line-height:1.2;margin:0 0 var(--ds-space-12)}.rooms-content.svelte-j7o95j h2,.rooms-content.svelte-j7o95j h3{font-size:var(--ds-font-size-body-large);line-height:1.4;margin:0 0 var(--ds-space-8)}.rooms-content.svelte-j7o95j p{line-height:var(--ds-line-height-reading);color:var(--ds-color-text-secondary)}.rooms-content.svelte-j7o95j .rooms-actions{display:flex;flex-wrap:wrap;gap:var(--ds-space-12);margin-block:var(--ds-space-24) var(--ds-space-32)}.rooms-content.svelte-j7o95j .rooms-grid{display:grid}.rooms-content.svelte-j7o95j .room-card{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:var(--ds-space-20) var(--ds-space-32);padding-block:var(--ds-space-24);border-top:1px solid var(--ds-color-border)}.rooms-content.svelte-j7o95j .room-header{display:flex;align-items:baseline;flex-wrap:wrap;gap:var(--ds-space-16)}.rooms-content.svelte-j7o95j .room-status,.rooms-content.svelte-j7o95j .info-label{color:var(--ds-color-text-secondary);font-size:var(--ds-font-size-label)}.rooms-content.svelte-j7o95j .room-status.waiting{color:var(--ds-color-success)}.rooms-content.svelte-j7o95j .room-info{display:flex;flex-wrap:wrap;gap:var(--ds-space-24);grid-row:2}.rooms-content.svelte-j7o95j .info-row{display:flex;gap:var(--ds-space-8);font-variant-numeric:tabular-nums}.rooms-content.svelte-j7o95j .players-list{display:flex;flex-wrap:wrap;gap:var(--ds-space-16);font-size:var(--ds-font-size-label)}.rooms-content.svelte-j7o95j .player-tag{display:flex;gap:var(--ds-space-8);align-items:center}.rooms-content.svelte-j7o95j .room-players{grid-column:1}.rooms-content.svelte-j7o95j .join-button{grid-column:2;grid-row:1 / 3;align-self:center}.rooms-content.svelte-j7o95j .host-badge{font-size:var(--ds-font-size-caption);color:var(--ds-color-text-secondary)}.rooms-content.svelte-j7o95j .loading-state,.rooms-content.svelte-j7o95j .empty-state,.rooms-content.svelte-j7o95j .error-state{padding-block:var(--ds-space-32);border-top:1px solid var(--ds-color-border)}.rooms-content.svelte-j7o95j .error-state{color:var(--ds-color-error)}@media (max-width: 640px){.rooms-content.svelte-j7o95j .room-card{grid-template-columns:minmax(0,1fr)}.rooms-content.svelte-j7o95j .join-button{grid-column:1;grid-row:auto;justify-self:start}.rooms-content.svelte-j7o95j .room-info{gap:var(--ds-space-12)}}