.lobby-container[data-v-db4c0b80]{background:linear-gradient(#001428f2,#000000fa);width:100%;min-height:100vh;padding:1rem 1rem 5rem}.lobby-header[data-v-db4c0b80]{text-align:center;margin-bottom:2rem;padding-top:1rem}.lobby-title[data-v-db4c0b80]{color:#67e8f9;text-shadow:0 0 40px #00ffff80;letter-spacing:.15em;margin-bottom:.25rem;font-size:1.75rem;font-weight:700}.lobby-subtitle[data-v-db4c0b80]{color:#9ca3af;margin-bottom:1rem;font-size:.875rem}.step-indicator[data-v-db4c0b80]{justify-content:center;gap:.75rem;display:flex}.step-dot[data-v-db4c0b80]{background-color:#374151;border-radius:9999px;width:.75rem;height:.75rem;transition:all .3s}.step-dot.active[data-v-db4c0b80]{background-color:#0ff;transform:scale(1.2);box-shadow:0 0 15px #00ffff80}.step-dot.completed[data-v-db4c0b80]{background-color:#22c55e}.step-content[data-v-db4c0b80]{max-width:32rem;margin:0 auto}.step-title[data-v-db4c0b80]{color:#d1d5db;text-align:center;letter-spacing:.05em;margin-bottom:.5rem;font-size:1.25rem}.step-hint[data-v-db4c0b80]{color:#6b7280;text-align:center;margin-bottom:1.5rem;font-size:.875rem}.player-count-selector[data-v-db4c0b80]{justify-content:center;align-items:center;gap:1.5rem;margin-bottom:2rem;display:flex}.count-btn[data-v-db4c0b80]{color:#0ff;background-color:#00000080;border:2px solid #00ffff80;border-radius:9999px;width:4rem;height:4rem;font-size:2rem;transition:all .2s}.count-btn[data-v-db4c0b80]:hover:not(:disabled){background-color:#00ffff1a;transform:scale(1.05)}.count-btn[data-v-db4c0b80]:disabled{opacity:.3;cursor:not-allowed}.count-display[data-v-db4c0b80]{flex-direction:column;align-items:center;min-width:5rem;display:flex}.count-number[data-v-db4c0b80]{color:#0ff;font-size:3rem;line-height:1}.count-label[data-v-db4c0b80]{color:#9ca3af;text-transform:uppercase;font-size:.75rem}.player-types[data-v-db4c0b80]{flex-direction:column;gap:.75rem;margin-bottom:2rem;display:flex}.player-type-row[data-v-db4c0b80]{background-color:#0000004d;border:1px solid #374151;border-radius:.5rem;align-items:center;gap:1rem;padding:.75rem;display:flex}.player-number[data-v-db4c0b80]{color:#0ff;background-color:#0ff3;border-radius:.25rem;justify-content:center;align-items:center;width:2rem;height:2rem;font-size:.875rem;display:flex}.type-toggle[data-v-db4c0b80]{background-color:#1f2937;border:1px solid #374151;border-radius:.5rem;flex:1;display:flex;overflow:hidden}.toggle-option[data-v-db4c0b80]{text-align:center;color:#6b7280;flex:1;padding:.5rem 1rem;font-size:.875rem;transition:all .2s}.toggle-option.active[data-v-db4c0b80]{color:#0ff;background-color:#0ff3}.player-champion-list[data-v-db4c0b80]{flex-direction:column;gap:.75rem;margin-bottom:1.5rem;display:flex}.player-champion-row[data-v-db4c0b80]{background-color:#0000004d;border:1px solid #374151;border-radius:.5rem;flex-direction:column;gap:.5rem;padding:.75rem;display:flex}@media (width>=480px){.player-champion-row[data-v-db4c0b80]{flex-direction:row;justify-content:space-between;align-items:center}}.player-info[data-v-db4c0b80]{gap:.75rem}.player-badge[data-v-db4c0b80],.player-info[data-v-db4c0b80]{align-items:center;display:flex}.player-badge[data-v-db4c0b80]{color:#0ff;background-color:#0ff3;border-radius:.25rem;justify-content:center;width:2rem;height:2rem;font-size:.75rem;font-weight:700}.player-badge.is-ai[data-v-db4c0b80]{color:#a855f7;background-color:#a855f733}.player-name-input[data-v-db4c0b80]{color:#d1d5db;background-color:#111827;border:1px solid #374151;border-radius:.25rem;flex:1;max-width:10rem;padding:.5rem;font-size:.875rem}.player-name-input[data-v-db4c0b80]:focus{border-color:#00ffff80;outline:none}.player-name[data-v-db4c0b80]{color:#9ca3af;font-size:.875rem}.avatar-selection[data-v-db4c0b80],.champion-selection[data-v-db4c0b80]{flex-shrink:0}.hidden-input[data-v-db4c0b80]{opacity:0;pointer-events:none;width:0;height:0;position:absolute}.avatar-options[data-v-db4c0b80]{gap:.5rem;display:flex}.avatar-option-btn[data-v-db4c0b80]{border-radius:.5rem;flex-direction:column;align-items:center;gap:.25rem;padding:.5rem .75rem;font-size:.75rem;transition:all .2s;display:flex}.avatar-option-btn.champion-btn[data-v-db4c0b80]{color:#a855f7;background-color:#a855f71a;border:1px dashed #a855f780}.avatar-option-btn.champion-btn[data-v-db4c0b80]:hover{background-color:#a855f733}.avatar-option-btn.photo-btn[data-v-db4c0b80]{color:#22c55e;background-color:#22c55e1a;border:1px dashed #22c55e80}.avatar-option-btn.photo-btn[data-v-db4c0b80]:hover{background-color:#22c55e33}.option-icon[data-v-db4c0b80]{font-size:1.25rem}.option-label[data-v-db4c0b80]{text-transform:uppercase;letter-spacing:.05em;font-size:.625rem}.custom-photo-display[data-v-db4c0b80]{background-color:#00000080;border:2px solid #22c55e;border-radius:.5rem;align-items:center;gap:.5rem;padding:.25rem .5rem;display:flex;position:relative}.custom-photo-avatar[data-v-db4c0b80]{-o-object-fit:cover;object-fit:cover;border:2px solid #22c55e;border-radius:9999px;width:2.5rem;height:2.5rem}.photo-actions[data-v-db4c0b80]{gap:.25rem;display:flex}.photo-action-btn[data-v-db4c0b80]{border:none;border-radius:9999px;justify-content:center;align-items:center;width:1.5rem;height:1.5rem;font-size:.75rem;transition:all .2s;display:flex}.photo-action-btn.change[data-v-db4c0b80]{color:#fff;background-color:#3b82f6}.photo-action-btn.change[data-v-db4c0b80]:hover{background-color:#2563eb}.photo-action-btn.remove[data-v-db4c0b80]{color:#fff;background-color:#ef4444}.photo-action-btn.remove[data-v-db4c0b80]:hover{background-color:#dc2626}.select-champion-btn[data-v-db4c0b80]{color:#0ff;background-color:#00ffff1a;border:1px dashed #00ffff80;border-radius:.5rem;padding:.5rem 1rem;font-size:.875rem;transition:all .2s}.select-champion-btn[data-v-db4c0b80]:hover{background-color:#0ff3}.selected-champion[data-v-db4c0b80]{border:1px solid var(--champion-color,#0ff);cursor:pointer;background-color:#00000080;border-radius:.5rem;align-items:center;gap:.5rem;padding:.25rem .5rem;transition:all .2s;display:flex;position:relative}.selected-champion[data-v-db4c0b80]:hover{border-color:var(--champion-color,#0ff);box-shadow:0 0 10px var(--champion-color,#0ff);background-color:#000000b3}.champion-avatar[data-v-db4c0b80]{-o-object-fit:cover;object-fit:cover;border-radius:9999px;width:2rem;height:2rem}.champion-name[data-v-db4c0b80]{color:var(--champion-color,#0ff);font-size:.75rem}.remove-champion[data-v-db4c0b80]{color:#fff;background-color:#ef4444;border:none;border-radius:9999px;align-items:center;width:1.25rem;height:1.25rem;font-size:.875rem;position:absolute;top:-.5rem;right:-.5rem}.champion-modal[data-v-db4c0b80],.remove-champion[data-v-db4c0b80]{justify-content:center;display:flex}.champion-modal[data-v-db4c0b80]{z-index:100;backdrop-filter:blur(4px);background-color:#000c;align-items:flex-end;position:fixed;inset:0}@media (width>=640px){.champion-modal[data-v-db4c0b80]{align-items:center}}.modal-content[data-v-db4c0b80]{background:linear-gradient(#111827,#000);border-top-left-radius:1.5rem;border-top-right-radius:1.5rem;width:100%;max-width:32rem;max-height:80vh;padding:1.5rem;overflow-y:auto}@media (width>=640px){.modal-content[data-v-db4c0b80]{border-radius:1rem;max-height:85vh}}.modal-title[data-v-db4c0b80]{text-align:center;color:#0ff;letter-spacing:.05em;margin-bottom:1rem;font-size:1.125rem}.champion-carousel[data-v-db4c0b80]{grid-template-columns:repeat(2,1fr);gap:.75rem;display:grid}@media (width>=480px){.champion-carousel[data-v-db4c0b80]{grid-template-columns:repeat(3,1fr)}}.carousel-item[data-v-db4c0b80]{cursor:pointer;background-color:#00000080;border:2px solid #374151;border-radius:.75rem;flex-direction:column;transition:all .2s;display:flex;overflow:hidden}.carousel-item[data-v-db4c0b80]:hover:not(.unavailable){border-color:var(--champion-color,#0ff);transform:translateY(-2px)}.carousel-item.unavailable[data-v-db4c0b80]{opacity:.5;cursor:not-allowed}.carousel-item.selected[data-v-db4c0b80]{border-color:var(--champion-color,#0ff);box-shadow:0 0 20px var(--champion-color,#0ff)}.carousel-image-container[data-v-db4c0b80]{height:5rem;position:relative;overflow:hidden}.carousel-image[data-v-db4c0b80]{-o-object-fit:cover;object-fit:cover;-o-object-position:center 20%;object-position:center 20%;width:100%;height:100%}.random-item[data-v-db4c0b80]{border-style:dashed;border-color:var(--champion-color,#a855f7)}.random-item[data-v-db4c0b80]:hover{background-color:#a855f71a}.random-container[data-v-db4c0b80]{background:linear-gradient(135deg,#a855f71a,#8b5cf633);justify-content:center;align-items:center;height:100%;display:flex}.random-icon[data-v-db4c0b80]{font-size:2.5rem;animation:2s ease-in-out infinite dice-bounce-db4c0b80}@keyframes dice-bounce-db4c0b80{0%,to{transform:translateY(0)rotate(0)}25%{transform:translateY(-5px)rotate(-10deg)}75%{transform:translateY(-5px)rotate(10deg)}}.taken-overlay[data-v-db4c0b80]{background-color:#000000b3;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.taken-overlay span[data-v-db4c0b80]{color:#fff;background-color:#ef4444;border-radius:.25rem;padding:.25rem .5rem;font-size:.625rem}.carousel-info[data-v-db4c0b80]{text-align:center;padding:.5rem}.carousel-name[data-v-db4c0b80]{color:var(--champion-color,#0ff);letter-spacing:.05em;font-size:.625rem;display:block}.carousel-title[data-v-db4c0b80]{color:#6b7280;font-size:.5rem;display:block}.modal-close[data-v-db4c0b80]{color:#9ca3af;background-color:#374151;border-radius:.5rem;width:100%;margin-top:1rem;padding:.75rem;font-size:.875rem;transition:all .2s}.modal-close[data-v-db4c0b80]:hover{background-color:#4b5563}.modal-fade-enter-active[data-v-db4c0b80],.modal-fade-leave-active[data-v-db4c0b80]{transition:opacity .2s}.modal-fade-enter-from[data-v-db4c0b80],.modal-fade-leave-to[data-v-db4c0b80]{opacity:0}.modal-fade-enter-active .modal-content[data-v-db4c0b80],.modal-fade-leave-active .modal-content[data-v-db4c0b80]{transition:transform .2s}.modal-fade-enter-from .modal-content[data-v-db4c0b80],.modal-fade-leave-to .modal-content[data-v-db4c0b80]{transform:translateY(100%)}@media (width>=640px){.modal-fade-enter-from .modal-content[data-v-db4c0b80],.modal-fade-leave-to .modal-content[data-v-db4c0b80]{transform:scale(.95)}}.order-list[data-v-db4c0b80]{flex-direction:column;gap:.5rem;margin-bottom:1.5rem;display:flex}.order-row[data-v-db4c0b80]{border:1px solid var(--champion-color,#374151);background-color:#0000004d;border-radius:.5rem;gap:.75rem;padding:.75rem}.order-number[data-v-db4c0b80],.order-player[data-v-db4c0b80],.order-row[data-v-db4c0b80]{align-items:center;display:flex}.order-number[data-v-db4c0b80]{background-color:var(--champion-color,#0ff);color:#000;border-radius:9999px;justify-content:center;width:1.5rem;height:1.5rem;font-size:.75rem;font-weight:700}.order-player[data-v-db4c0b80]{flex:1;gap:.75rem}.order-avatar[data-v-db4c0b80]{-o-object-fit:cover;object-fit:cover;border:2px solid var(--champion-color,#374151);border-radius:9999px;width:2.5rem;height:2.5rem}.order-avatar.custom[data-v-db4c0b80]{border-color:#22c55e;box-shadow:0 0 10px #22c55e4d}.order-controls[data-v-db4c0b80],.order-info[data-v-db4c0b80]{flex-direction:column;display:flex}.order-name[data-v-db4c0b80]{color:#d1d5db;font-size:.875rem}.order-champion[data-v-db4c0b80]{color:#6b7280;text-transform:uppercase;font-size:.625rem}.order-controls[data-v-db4c0b80]{gap:.25rem}.order-btn[data-v-db4c0b80]{color:#9ca3af;background-color:#1f2937;border:1px solid #374151;border-radius:.25rem;justify-content:center;align-items:center;width:1.75rem;height:1.5rem;font-size:.75rem;transition:all .2s;display:flex}.order-btn[data-v-db4c0b80]:hover:not(:disabled){color:#fff;background-color:#374151}.order-btn[data-v-db4c0b80]:disabled{opacity:.3;cursor:not-allowed}.shuffle-btn[data-v-db4c0b80]{color:#a855f7;background-color:#a855f733;border:1px solid #a855f780;border-radius:.5rem;width:100%;margin-bottom:1.5rem;padding:.75rem;font-size:.875rem;transition:all .2s}.shuffle-btn[data-v-db4c0b80]:hover{background-color:#a855f74d}.step-navigation[data-v-db4c0b80]{gap:1rem;display:flex}.back-btn[data-v-db4c0b80],.next-btn[data-v-db4c0b80],.start-btn[data-v-db4c0b80]{letter-spacing:.05em;border-radius:.75rem;flex:1;padding:1rem;font-size:1rem;transition:all .2s}.back-btn[data-v-db4c0b80]{color:#9ca3af;background-color:#374151}.back-btn[data-v-db4c0b80]:hover{background-color:#4b5563}.next-btn[data-v-db4c0b80]{color:#0ff;background:linear-gradient(135deg,#0ff3,#00c8c84d);border:2px solid #0ff9}.next-btn[data-v-db4c0b80]:hover:not(:disabled){box-shadow:0 0 30px #00ffff4d}.next-btn[data-v-db4c0b80]:disabled,.start-btn[data-v-db4c0b80]:disabled{opacity:.4;cursor:not-allowed}.start-btn[data-v-db4c0b80]{color:#22c55e;background:linear-gradient(135deg,#22c55e33,#16a34a4d);border:2px solid #22c55e99;box-shadow:0 0 20px #22c55e33}.start-btn[data-v-db4c0b80]:hover:not(:disabled){transform:scale(1.02);box-shadow:0 0 40px #22c55e66}.menu-btn[data-v-db4c0b80]{color:#6b7280;backdrop-filter:blur(8px);z-index:50;background-color:#1f2937cc;border:1px solid #374151;border-radius:.5rem;padding:.5rem 1rem;font-size:.75rem;position:fixed;bottom:1rem;left:1rem}.menu-btn[data-v-db4c0b80]:hover{color:#9ca3af;background-color:#374151cc}