@keyframes lobby-glow{0%,to{box-shadow:0 0 8px 2px #22c55e66,0 0 16px 4px #22c55e33,0 0 24px 6px #22c55e1a}50%{box-shadow:0 0 12px 4px #22c55e99,0 0 24px 8px #22c55e4d,0 0 36px 12px #22c55e26}}@keyframes lobby-glow-intense{0%,to{box-shadow:0 0 12px 4px #22c55e99,0 0 24px 8px #22c55e66,0 0 48px 16px #22c55e33}50%{box-shadow:0 0 16px 6px #22c55ecc,0 0 32px 12px #22c55e80,0 0 64px 24px #22c55e40}}@keyframes lobby-pulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}@keyframes panel-slide-up{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes player-appear{0%{opacity:0;transform:scale(.8)translateY(10px)}to{opacity:1;transform:scale(1)translateY(0)}}@keyframes token-float{0%,to{transform:translateY(0)}50%{transform:translateY(-2px)}}.lobby-nav-indicator{cursor:pointer;z-index:60;flex-direction:column;justify-content:center;align-items:center;padding-top:4px;padding-bottom:4px;transition:all .3s;display:flex;position:relative}.lobby-nav-indicator:active{transform:scale(.95)}.lobby-nav-indicator.expanded{z-index:70}.lobby-glow-ring{background:linear-gradient(135deg,#22c55e 0%,#16a34a 100%);border-radius:50%;justify-content:center;align-items:center;width:48px;height:48px;transition:all .3s;animation:2s ease-in-out infinite lobby-glow,3s ease-in-out infinite lobby-pulse;display:flex;position:relative}.lobby-glow-ring.expanded{width:56px;height:56px;animation:1.5s ease-in-out infinite lobby-glow-intense,2s ease-in-out infinite lobby-pulse}.lobby-icon-container{background:linear-gradient(135deg,#15803d 0%,#166534 100%);border:2px solid #ffffff4d;border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;transition:all .3s;display:flex}.lobby-glow-ring.expanded .lobby-icon-container{width:46px;height:46px}.lobby-icon-container svg{color:#fff;width:20px;height:20px;transition:all .3s}.lobby-glow-ring.expanded .lobby-icon-container svg{width:24px;height:24px}.lobby-nav-label{color:#22c55e;text-transform:uppercase;letter-spacing:.5px;margin-top:2px;font-size:10px;font-weight:600;transition:all .3s}.lobby-player-tokens-collapsed{align-items:center;gap:-4px;display:flex;position:absolute;bottom:-8px;left:50%;transform:translate(-50%)}.lobby-player-token-small{background:#1f2937;border:2px solid #22c55e;border-radius:50%;width:18px;height:18px;margin-left:-6px;transition:all .2s;overflow:hidden}.lobby-player-token-small:first-child{margin-left:0}.lobby-player-token-small img{object-fit:cover;width:100%;height:100%}.lobby-player-token-placeholder-small{color:#9ca3af;background:linear-gradient(135deg,#374151 0%,#1f2937 100%);justify-content:center;align-items:center;width:100%;height:100%;font-size:8px;font-weight:600;display:flex}.lobby-player-token-extra{color:#fff;background:#374151;border:2px solid #22c55e;border-radius:50%;justify-content:center;align-items:center;width:18px;height:18px;margin-left:-6px;font-size:8px;font-weight:600;display:flex}.lobby-expanded-overlay{z-index:55;background:#00000080;animation:.2s fadeIn;position:fixed;inset:0}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.lobby-expanded-panel{background:var(--background,#fff);border:1px solid #22c55e4d;border-radius:16px;width:calc(100% - 32px);max-width:320px;padding:16px;animation:.3s panel-slide-up;position:absolute;bottom:80px;left:50%;transform:translate(-50%);box-shadow:0 0 24px 8px #22c55e33,0 8px 32px #0003}.dark .lobby-expanded-panel{background:#1f2937;border-color:#22c55e66}.lobby-panel-header{border-bottom:1px solid #22c55e33;justify-content:space-between;align-items:center;margin-bottom:12px;padding-bottom:12px;display:flex}.lobby-panel-title{color:#22c55e;align-items:center;gap:8px;font-size:14px;font-weight:600;display:flex}.lobby-panel-close{cursor:pointer;color:#6b7280;background:#6b72801a;border:none;border-radius:50%;justify-content:center;align-items:center;width:28px;height:28px;transition:all .2s;display:flex}.lobby-panel-close:hover{color:#374151;background:#6b728033}.dark .lobby-panel-close:hover{color:#e5e7eb}.lobby-panel-players{grid-template-columns:repeat(4,1fr);gap:12px;min-height:60px;margin-bottom:16px;display:grid}.lobby-panel-empty{text-align:center;color:#6b7280;grid-column:1/-1;padding:16px 0;font-size:13px}.lobby-panel-player{cursor:pointer;animation:.3s forwards player-appear;animation-delay:calc(var(--player-index)*50ms);opacity:0;background:0 0;border:none;border-radius:8px;flex-direction:column;align-items:center;gap:4px;padding:8px 4px;transition:all .2s;display:flex}.lobby-panel-player:hover{background:#22c55e1a}.lobby-panel-player-avatar{background:#1f2937;border:2px solid #22c55e;border-radius:50%;width:40px;height:40px;overflow:hidden;box-shadow:0 2px 8px #22c55e4d}.lobby-panel-player-avatar img{object-fit:cover;width:100%;height:100%}.lobby-panel-player-initials{color:#9ca3af;background:linear-gradient(135deg,#374151 0%,#1f2937 100%);justify-content:center;align-items:center;width:100%;height:100%;font-size:16px;font-weight:600;display:flex}.lobby-panel-player-name{color:#6b7280;text-overflow:ellipsis;white-space:nowrap;max-width:60px;font-size:11px;font-weight:500;overflow:hidden}.dark .lobby-panel-player-name{color:#9ca3af}.lobby-panel-go-button{color:#fff;cursor:pointer;background:linear-gradient(135deg,#22c55e 0%,#16a34a 100%);border:none;border-radius:12px;justify-content:center;align-items:center;gap:8px;width:100%;padding:12px 16px;font-size:14px;font-weight:600;transition:all .2s;display:flex}.lobby-panel-go-button:hover{transform:translateY(-1px);box-shadow:0 4px 12px #22c55e66}.lobby-panel-go-button:active{transform:scale(.98)}.dark .lobby-icon-container{border-color:#fff3}.dark .lobby-player-token-small{border-color:#16a34a}.dark .lobby-player-token-extra{background:#4b5563;border-color:#16a34a}
/*# sourceMappingURL=7d58258a95c3502a.css.map*/