#lobby{background:url(/background.png) center/cover no-repeat;color:#e0d6c2;display:flex;align-items:center;justify-content:center;position:relative;overflow-y:auto}@media(orientation:landscape)and (pointer:coarse){.lobby-container{zoom:.7}}.lobby-container{width:420px;max-width:95vw;text-align:center;padding:16px}@media(max-height:500px){.lobby-container{padding:8px}.lobby-logo{width:100px;margin-bottom:12px}.lobby-card{padding:16px;margin-bottom:12px}.lobby-avatar{font-size:36px;margin-bottom:4px}.lobby-welcome{font-size:16px}.lobby-desc{font-size:11px;margin-bottom:12px}.lobby-btn{padding:10px 16px;font-size:15px;margin-bottom:8px}.slot-item{padding:8px 12px}.invite-box{padding:8px;margin:8px 0}}.lobby-logo-top{position:absolute;top:16px;left:50%;transform:translate(-50%);width:120px;height:auto}.login-card{display:flex;flex-direction:column;align-items:center;gap:4px;width:100%;max-width:371px;margin:0 auto 20px}.login-avatar{width:92px;height:92px;object-fit:contain}.login-text{display:flex;flex-direction:column;align-items:center;gap:8px;width:100%;margin-bottom:20px}.login-title{display:flex;align-items:center;gap:12px;color:#fff;font-size:20px;font-weight:700}.login-wave{width:32px;height:auto}.login-desc{text-align:center;color:#fff6;font-size:13px;line-height:20px}.login-input-bar{display:flex;align-items:center;justify-content:space-between;width:100%;padding:8px 8px 8px 16px;background:#19181b;border-radius:10px;outline:1px solid rgba(255,255,255,.08);outline-offset:-1px}.login-input-bar input{flex:1;border:none;background:transparent;color:#fff;font-size:14px;outline:none}.login-input-bar input::placeholder{color:#fff6}.login-btn{padding:13px 17px;background:#1ab25c;border:none;border-radius:5px;color:#fff;font-size:14px;font-weight:700;cursor:pointer;white-space:nowrap;text-shadow:0px 1px 1px rgba(0,0,0,.55);box-shadow:inset 0 1px 2px #ffffff1a,inset 0 -1px 2px #ffffff1a;transition:background .2s}.login-btn:hover{background:#15a050}.login-btn.login-btn-muted{background:#2a2a2e;box-shadow:none;text-shadow:none}.login-btn.login-btn-muted:hover{background:#3a3a3e}.lobby-btn{display:block;width:100%;padding:14px 24px;margin-bottom:10px;border:1px solid #3a3a3a;border-radius:12px;background:#1e1e1eeb;color:#e0d6c2;font-size:17px;font-weight:600;cursor:pointer;transition:all .2s}.lobby-btn:hover{background:#323232eb;border-color:#c8a96e;transform:translateY(-1px)}.lobby-btn.primary{background:linear-gradient(135deg,#c8a96e,#a08040);color:#1a1a1a;border-color:#c8a96e}.lobby-btn.primary:hover{background:linear-gradient(135deg,#d8b97e,#b09050)}.lobby-btn:disabled{opacity:.4;cursor:not-allowed;transform:none}.lobby-btn-small{padding:8px 16px;font-size:14px;border:1px solid #3a3a3a;border-radius:8px;background:#2a2a2a;color:#e0d6c2;cursor:pointer;transition:all .2s}.lobby-btn-small:hover{background:#3a3a3a;border-color:#c8a96e}.lobby-form-group{margin-bottom:16px;text-align:left}.lobby-form-group label{display:block;font-size:13px;color:#888;margin-bottom:6px}.lobby-form-group select,.lobby-form-group input{width:100%;padding:10px 14px;border:1px solid #3a3a3a;border-radius:8px;background:#2a2a2a;color:#e0d6c2;font-size:15px}.lobby-form-group select:focus,.lobby-form-group input:focus{outline:none;border-color:#4caf50}.slot-list{list-style:none;padding:0;margin:20px 0}.slot-item{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;margin-bottom:8px;border:1px solid #3a3a3a;border-radius:10px;background:#1e1e1e}.slot-item.empty{border-style:dashed;color:#555}.slot-name{font-size:16px;font-weight:500}.slot-badge{font-size:12px;padding:3px 8px;border-radius:6px;background:#3a3a3a;color:#c8a96e}.slot-badge.bot{background:#2a3a4a;color:#6ab8d0}.slot-badge.ready{background:#2a4a2a;color:#6ad06a}.invite-box{display:flex;align-items:center;gap:8px;padding:12px;margin:16px 0;border:1px solid #3a3a3a;border-radius:10px;background:#1e1e1e}.invite-code{flex:1;font-family:monospace;font-size:20px;font-weight:700;color:#c8a96e;letter-spacing:2px;text-align:center}.back-link{display:inline-block;margin-bottom:20px;color:#888;font-size:14px;cursor:pointer;text-decoration:none}.back-link:hover{color:#c8a96e}.join-input-row{display:flex;gap:8px;margin-top:16px}.join-input-row input{flex:1;padding:12px;border:1px solid #3a3a3a;border-radius:10px;background:#2a2a2a;color:#c8a96e;font-size:18px;font-family:monospace;letter-spacing:2px;text-align:center;text-transform:uppercase}.join-input-row input::placeholder{color:#555;letter-spacing:1px}