.connection-status.svelte-y7omgn{display:flex;align-items:center;background-color:#00000080;padding:5px 10px;border-radius:20px;font-size:14px;color:#fff}.status-indicator.svelte-y7omgn{width:10px;height:10px;border-radius:50%;margin-right:8px;background-color:#888}.status-indicator.connected.svelte-y7omgn{background-color:#4caf50}.status-indicator.connecting.svelte-y7omgn{background-color:#ffc107;animation:svelte-y7omgn-pulse 1s infinite}.status-indicator--error.svelte-y7omgn{background-color:#f44336}.status-text.svelte-y7omgn{font-weight:700}@keyframes svelte-y7omgn-pulse{0%{opacity:1}50%{opacity:.5}to{opacity:1}}.lobby.svelte-fbi4cv.svelte-fbi4cv{display:flex;flex-direction:column;align-items:center;justify-content:center;max-width:800px;margin:4rem auto;padding:2rem;background-color:#f8f9fa;border-radius:15px;box-shadow:0 4px 6px #0000001a;border:2px solid #ddd}h1.svelte-fbi4cv.svelte-fbi4cv{text-align:center;color:#2c3e50;font-size:2.5rem;margin-bottom:2rem}.name-input.svelte-fbi4cv.svelte-fbi4cv{margin-bottom:2rem;position:relative}.name-input.svelte-fbi4cv input.svelte-fbi4cv{width:100%;padding:.75rem 4rem .75rem 1rem;font-size:1rem;border:2px solid #ddd;border-radius:8px;transition:border-color .3s}.name-input.svelte-fbi4cv input.svelte-fbi4cv:focus{outline:none;border-color:#3498db}.name-input.svelte-fbi4cv .char-count.svelte-fbi4cv{position:absolute;right:10px;top:50%;transform:translateY(-50%);color:#7f8c8d;font-size:.875rem}.room-list.svelte-fbi4cv.svelte-fbi4cv{width:100%;display:grid;gap:1rem;margin-bottom:2rem}.room-card.svelte-fbi4cv.svelte-fbi4cv{background-color:#fff;border-radius:10px;padding:1.5rem;display:flex;justify-content:space-between;align-items:center;box-shadow:0 2px 4px #0000001a;border:2px solid #ddd;transition:transform .3s,box-shadow .3s}.room-card.svelte-fbi4cv.svelte-fbi4cv:hover{box-shadow:0 4px 8px #00000026}.room-info.svelte-fbi4cv h2.svelte-fbi4cv{font-size:1.25rem;color:#2c3e50;margin:0 0 .5rem}.room-info.svelte-fbi4cv .room-id.svelte-fbi4cv{font-size:.875rem;color:#7f8c8d;margin:0 0 .5rem}.room-info.svelte-fbi4cv .player-count.svelte-fbi4cv{display:flex;align-items:center;font-size:.875rem;color:#3498db}.room-info.svelte-fbi4cv .player-count .material-icons.svelte-fbi4cv{font-size:1rem;margin-right:.25rem}.join-btn.svelte-fbi4cv.svelte-fbi4cv,.play-btn.svelte-fbi4cv.svelte-fbi4cv,.create-btn.svelte-fbi4cv.svelte-fbi4cv{display:inline-flex;align-items:center;justify-content:center;background-color:#3498db;color:#fff;padding:.75rem 1.5rem;border-radius:8px;font-size:1rem!important;cursor:pointer;transition:background-color .3s;border:1px solid #ffffff;box-shadow:0 0 5px #0006}.join-btn.svelte-fbi4cv.svelte-fbi4cv:hover,.play-btn.svelte-fbi4cv.svelte-fbi4cv:hover,.create-btn.svelte-fbi4cv.svelte-fbi4cv:hover{background-color:#2980b9}.join-btn.svelte-fbi4cv .material-icons.svelte-fbi4cv,.play-btn.svelte-fbi4cv .material-icons.svelte-fbi4cv,.create-btn.svelte-fbi4cv .material-icons.svelte-fbi4cv{margin-right:.5rem}.create-btn.svelte-fbi4cv.svelte-fbi4cv{width:100%;max-width:200px;background-color:#2ecc71}.create-btn.svelte-fbi4cv.svelte-fbi4cv:hover{background-color:#27ae60}.no-rooms.svelte-fbi4cv.svelte-fbi4cv{text-align:center;color:#7f8c8d;font-style:italic}.play-btn.svelte-fbi4cv.svelte-fbi4cv{width:100%;max-width:200px}.button-container.svelte-fbi4cv.svelte-fbi4cv{width:100%;display:flex;flex-direction:row;align-items:center;justify-content:center;gap:1rem;margin-bottom:2rem}.modal-overlay.svelte-1ctquy.svelte-1ctquy{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#00000080;display:flex;justify-content:center;align-items:center;z-index:1000}.modal.svelte-1ctquy.svelte-1ctquy{background-color:#fff;padding:20px;border-radius:5px;text-align:center}.modal.svelte-1ctquy h2.svelte-1ctquy{margin-top:0}.modal.svelte-1ctquy .modal-buttons.svelte-1ctquy{margin-top:20px}.modal.svelte-1ctquy .modal-buttons button.svelte-1ctquy{margin:0 10px;padding:5px 10px;cursor:pointer}div.svelte-10s93d2{position:fixed;top:0;left:0;margin:0;padding:0;overflow:hidden}.error.svelte-kjqhox{color:red;position:fixed;top:10px;left:10px;background-color:#fffc;padding:5px 10px;border-radius:4px}.leave-button.svelte-kjqhox{position:fixed;bottom:20px;right:20px;padding:10px 20px;background-color:#e74c3c;color:#fff;border:none;border-radius:5px;cursor:pointer}.turn-indicator.svelte-kjqhox{background-color:#008000cc;color:#fff;padding:10px 20px;border-radius:5px;font-weight:700;font-size:18px}.player-list.svelte-kjqhox{position:fixed;top:8px;left:8px;background-color:#fffc;padding:10px;border-radius:5px;max-width:300px;display:flex;flex-direction:column;gap:8px}.player-row.svelte-kjqhox{display:flex;align-items:center}.player-row.current.svelte-kjqhox{font-weight:700;color:#2ecc71}.mana-square.svelte-kjqhox{width:30px;height:30px;background-color:#3498db;color:#fff;display:flex;justify-content:center;align-items:center;font-weight:700;border-radius:4px;margin-right:10px}.player-name.svelte-kjqhox{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;flex:1}.winner-indicator.svelte-kjqhox{position:fixed;top:20px;left:50%;transform:translate(-50%);background-color:#008000cc;color:#fff;padding:10px 20px;border-radius:5px}.top-right-container.svelte-kjqhox{position:fixed;top:10px;right:10px;display:flex;flex-direction:column;gap:10px}