.room-joining{z-index:8;pointer-events:none;color:#f4f8ff;text-align:center;flex-direction:column;align-items:center;gap:8px;font-size:14px;line-height:1.5;display:flex;position:absolute;inset:16px 12px auto}.room-joining-label,.room-joining-note{background:#071b32e8;border:1px solid #ffffff38;border-radius:6px;padding:8px 12px}.room-joining-label{align-items:center;gap:8px;display:inline-flex}.room-joining-note{max-width:280px}.room-joining-spinner{border:2px solid #ffffff40;border-top-color:currentColor;border-radius:50%;width:12px;height:12px;animation:.8s linear infinite room-joining-spin}@keyframes room-joining-spin{to{transform:rotate(360deg)}}@media (prefers-reduced-motion:reduce){.room-joining-spinner{animation:none}}
.room-board-loading{place-items:center;padding:32px 12px;display:grid}
.room-board-lobby{container:room-board-lobby/inline-size}.room-board-layout{grid-template-columns:minmax(0,1fr);gap:12px;display:grid}.room-board-periods{grid-template-columns:repeat(3,minmax(0,1fr));align-self:start;gap:8px;display:grid}.room-board-reset{text-align:center;font-variant-numeric:tabular-nums;grid-column:1/-1}@container room-board-lobby (min-width:520px){.room-board-layout{grid-template-columns:minmax(0,1fr) max-content;column-gap:16px;margin-inline-end:clamp(-124px,270px - 50cqw,0px)}.room-board-periods{grid-area:1/2;grid-template-columns:auto;gap:12px;margin-top:4px}}