.prayer-circle-lobby { display: flex; flex-direction: column; gap: 20px; }
.prayer-circle-preview { border: 1px solid #ccc; padding: 10px; border-radius: 10px; }
.circle-layout { display: grid; grid-template-columns: repeat(3, 100px); grid-template-rows: repeat(3, 100px); gap: 10px; justify-content: center; align-items: center; }
.seat { width: 80px; height: 80px; border-radius: 50%; overflow: hidden; display: flex; justify-content: center; align-items: center; background: #14ff00; }
.seat.center { grid-column: 2; grid-row: 2; }
.seat.empty { background: #e0e0e0; }
.chat-box { margin-top: 15px; border: 1px solid #ccc; padding: 10px; border-radius: 5px; width: 100%; max-width: 400px; }
.chat-messages { max-height: 200px; overflow-y: auto; margin-bottom: 5px; }
.chat-input { width: 100%; padding: 8px; }
.join-button { display: inline-block; margin-top: 10px; padding: 5px 10px; background: #0073aa; color: #fff; border-radius: 5px; text-decoration: none; }