.user-profile[data-v-771ebdd0]{display:flex;align-items:center;gap:12px}.user-info[data-v-771ebdd0]{display:flex;align-items:center;gap:8px}.user-avatar[data-v-771ebdd0]{width:40px;height:40px;background:linear-gradient(135deg,#2563eb,#3b82f6);border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff}.user-details[data-v-771ebdd0]{display:flex;flex-direction:column}.username[data-v-771ebdd0]{font-weight:600;color:#1f2937;font-size:14px}.user-status[data-v-771ebdd0]{font-size:12px;color:#059669;font-weight:500}.login-btn[data-v-771ebdd0]{display:flex;align-items:center;gap:8px;background:linear-gradient(135deg,#2563eb,#3b82f6);color:#fff;border:none;padding:8px 16px;border-radius:8px;cursor:pointer;font-size:14px;font-weight:500;transition:all .2s}.login-btn[data-v-771ebdd0]:hover{transform:translateY(-1px);box-shadow:0 4px 12px #667eea4d}.user-menu[data-v-771ebdd0]{display:flex;align-items:center}.logout-btn[data-v-771ebdd0]{display:flex;align-items:center;gap:6px;background:none;border:1px solid #e5e7eb;color:#6b7280;padding:6px 12px;border-radius:6px;cursor:pointer;font-size:12px;transition:all .2s}.logout-btn[data-v-771ebdd0]:hover{background:#f3f4f6;color:#374151;border-color:#d1d5db}@media (max-width: 768px){.user-details[data-v-771ebdd0]{display:none}.username[data-v-771ebdd0]{font-size:12px}}.login-overlay[data-v-29fcff1a]{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;display:flex;justify-content:center;align-items:center;z-index:1000}.login-modal[data-v-29fcff1a]{background:#fff;border-radius:12px;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;max-width:400px;width:90%;max-height:90vh;overflow-y:auto}.modal-header[data-v-29fcff1a]{display:flex;justify-content:space-between;align-items:center;padding:24px 24px 0}.modal-header h2[data-v-29fcff1a]{margin:0;font-size:24px;font-weight:700;color:#1f2937}.close-btn[data-v-29fcff1a]{background:none;border:none;color:#6b7280;cursor:pointer;padding:4px;border-radius:4px;transition:all .2s}.close-btn[data-v-29fcff1a]:hover{background:#f3f4f6;color:#374151}.modal-body[data-v-29fcff1a]{padding:24px}.form-group[data-v-29fcff1a]{margin-bottom:20px}.form-group label[data-v-29fcff1a]{display:block;margin-bottom:8px;font-weight:500;color:#374151;font-size:14px}.form-input[data-v-29fcff1a]{width:100%;padding:12px 16px;border:2px solid #e5e7eb;border-radius:8px;font-size:16px;transition:border-color .2s}.form-input[data-v-29fcff1a]:focus{outline:none;border-color:#2563eb;box-shadow:0 0 0 3px #667eea1a}.form-input.input-error[data-v-29fcff1a]{border-color:#dc2626}.form-input.input-error[data-v-29fcff1a]:focus{border-color:#dc2626;box-shadow:0 0 0 3px #dc26261a}.error-message.small[data-v-29fcff1a]{font-size:12px;margin-top:4px;margin-bottom:0;padding:4px 8px;background:#fef2f2;color:#dc2626;border-radius:4px;border:1px solid #fecaca}.checking-message[data-v-29fcff1a]{font-size:12px;margin-top:4px;margin-bottom:0;color:#6b7280;font-style:italic}.form-input[data-v-29fcff1a]::placeholder{color:#9ca3af}.error-message[data-v-29fcff1a]{background:#fef2f2;color:#dc2626;padding:12px 16px;border-radius:8px;font-size:14px;margin-bottom:20px;border:1px solid #fecaca}.btn[data-v-29fcff1a]{width:100%;padding:12px 24px;border:none;border-radius:8px;font-size:16px;font-weight:500;cursor:pointer;transition:all .2s}.btn-primary[data-v-29fcff1a]{background:linear-gradient(135deg,#1e40af,#3b82f6,#60a5fa);color:#fff}.btn-primary[data-v-29fcff1a]:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 8px 25px #667eea4d}.btn[data-v-29fcff1a]:disabled{opacity:.6;cursor:not-allowed;transform:none}.toggle-mode[data-v-29fcff1a]{text-align:center;margin-top:24px;padding-top:20px;border-top:1px solid #e5e7eb;font-size:14px;color:#6b7280}.link-btn[data-v-29fcff1a]{background:none;border:none;color:#2563eb;cursor:pointer;font-weight:500;text-decoration:underline;margin-left:4px;transition:color .2s}.link-btn[data-v-29fcff1a]:hover{color:#5a67d8}.lgpd-consent[data-v-29fcff1a]{margin-bottom:24px;padding:16px;background:#f8fafc;border:2px solid #e2e8f0;border-radius:8px}.consent-checkbox[data-v-29fcff1a]{display:flex;align-items:flex-start;gap:12px}.checkbox-input[data-v-29fcff1a]{margin-top:2px;width:18px;height:18px;accent-color:#2563eb;cursor:pointer}.consent-label[data-v-29fcff1a]{flex:1;cursor:pointer;line-height:1.5}.consent-title[data-v-29fcff1a]{display:block;font-weight:600;color:#1f2937;margin-bottom:8px;font-size:14px}.consent-text[data-v-29fcff1a]{display:block;color:#6b7280;font-size:13px;line-height:1.4}.consent-text br[data-v-29fcff1a]{display:block;margin:2px 0}@media (max-width: 480px){.login-modal[data-v-29fcff1a]{width:95%;margin:20px}.modal-header[data-v-29fcff1a]{padding:20px 20px 0}.modal-body[data-v-29fcff1a]{padding:20px}}:root{--cor-principal: #f0f0f0;--fonte-principal: Cambria, Cochin, Georgia, Times, "Times New Roman", serif;--background-color-default: #f7f3f3}*{margin:0;padding:0;box-sizing:border-box}.header,.app-header{font-family:var(--fonte-principal);background-color:var(--cor-principal);padding:1rem;box-shadow:0 2px 4px #0000001a;width:100%;display:flex;justify-content:space-between;align-items:center}.menu,.nav-menu{padding:1em;font-size:1.2rem;font-weight:700;text-align:center;align-items:center;display:flex;gap:2rem}.menu-title{font-size:3rem;font-family:var(--fonte-principal);font-style:italic}.menu ul,.nav-menu{list-style:none;margin:0;padding:0;display:flex;justify-content:center}.menu li,.nav-link{margin:0 1em}.nav-link{text-decoration:none;color:#333;font-weight:500;padding:.5rem 1rem;border-radius:4px;transition:all .3s ease}.nav-link:hover{background-color:#e0e0e0;color:#000}.nav-link.router-link-active{background-color:#667eea;color:#fff}.menu a{text-decoration:none;color:#333;padding:.5em 1em;border-radius:5px}.menu a:hover{background-color:#ddd}body{font-family:var(--fonte-principal);display:flex;flex-direction:column;min-height:100vh}.painel{flex-grow:1;display:flex;justify-content:center;align-items:center;background-color:#dbe0e0;border:4px solid #333;box-shadow:0 4px 8px #0000001a;min-height:85vh}.container{display:flex;align-items:center;width:100%}.div-esquerda{float:left;border-right:.2rem solid #333;flex-grow:1;height:85vh;max-width:25vw}.div-direita{float:right;flex-grow:1;align-items:center}.opcoes{display:flex;justify-content:space-around;margin-bottom:2rem;font-weight:700}.score-box{justify-content:space-around;display:flex;flex-direction:column;align-items:center;padding:2rem;border-radius:5px;font-size:2rem;border:1px solid #000}.score-box--green{background-color:#51bd51;color:#fff}.score-box--red{background-color:#bd4f4f;color:#fff}.cronometro{font-size:4rem;padding:2rem;border:2px groove #000;box-shadow:5px 5px 10px #010101;border-radius:5px;font-weight:700;background-color:var(--background-color-default)}.expressao{justify-content:center;width:100%;display:flex;align-items:center;font-size:20rem;margin-bottom:2rem;color:#000;font-weight:700}.input-fator,.input-resultado{width:10rem;height:10rem;text-align:center;font-size:5rem;margin:0 .5rem;border:2px solid #333;color:#000;font-weight:700;background-color:var(--background-color-default)}.operador,.igual{font-size:5rem}.botoes{display:flex;justify-content:center;width:100%;margin-bottom:1rem}.btn{background-color:#4caf50;border:1px solid #000;color:#fff;padding:1rem 2rem;text-align:center;text-decoration:none;display:inline-block;font-size:2rem;margin:0 .5rem;border-radius:5px;cursor:pointer;font-weight:700}.btn-responder{background-color:#2196f3}.ranking-container[data-v-4dfa5620]{background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000001a;overflow:hidden;height:100%;display:flex;flex-direction:column}.room-header[data-v-4dfa5620]{background:linear-gradient(135deg,#2563eb,#3b82f6);color:#fff;padding:20px;display:flex;justify-content:space-between;align-items:center}.room-info[data-v-4dfa5620]{display:flex;align-items:center;gap:12px}.room-icon[data-v-4dfa5620]{width:40px;height:40px;background:#fff3;border-radius:8px;display:flex;align-items:center;justify-content:center}.room-details h2[data-v-4dfa5620]{margin:0 0 4px;font-size:18px;font-weight:600}.room-type[data-v-4dfa5620]{font-size:12px;opacity:.9;background:#ffffff26;padding:2px 8px;border-radius:12px}.ranking-stats[data-v-4dfa5620]{display:flex;gap:20px;align-items:center}.stat-item[data-v-4dfa5620]{text-align:center}.stat-value[data-v-4dfa5620]{display:block;font-size:24px;font-weight:700;line-height:1}.stat-label[data-v-4dfa5620]{font-size:12px;opacity:.9;margin-top:4px}.ranking-actions[data-v-4dfa5620]{padding:16px 20px;border-top:1px solid #e5e7eb;background:#f9fafb;display:flex;justify-content:center}.btn-change-room[data-v-4dfa5620]{display:flex;align-items:center;gap:8px;background:linear-gradient(135deg,#2563eb,#3b82f6);color:#fff;border:none;padding:12px 24px;border-radius:8px;cursor:pointer;font-size:14px;font-weight:500;transition:all .2s;white-space:nowrap;box-shadow:0 2px 4px #667eea33}.btn-change-room[data-v-4dfa5620]:hover{background:linear-gradient(135deg,#5a67d8,#6b46c1);transform:translateY(-1px);box-shadow:0 4px 8px #667eea4d}.no-room-state[data-v-4dfa5620]{flex:1;display:flex;justify-content:center;align-items:center;padding:40px 20px}.no-room-content[data-v-4dfa5620]{text-align:center}.no-room-icon[data-v-4dfa5620]{color:#d1d5db;margin-bottom:16px}.no-room-content h3[data-v-4dfa5620]{margin:0 0 8px;font-size:18px;color:#1f2937;font-weight:600}.no-room-content p[data-v-4dfa5620]{margin:0;color:#6b7280;font-size:14px}.ranking-table[data-v-4dfa5620]{flex:1;display:flex;flex-direction:column;overflow:hidden}.table-header[data-v-4dfa5620]{padding:16px 20px;border-bottom:1px solid #e5e7eb;display:flex;justify-content:space-between;align-items:center}.table-header h3[data-v-4dfa5620]{margin:0;font-size:16px;font-weight:600;color:#1f2937}.sort-select[data-v-4dfa5620]{padding:6px 12px;border:1px solid #e5e7eb;border-radius:6px;font-size:14px;background:#fff;color:#374151}.table-container[data-v-4dfa5620]{flex:1;overflow-y:auto}.ranking-table-content[data-v-4dfa5620]{width:100%;border-collapse:collapse}.ranking-table-content th[data-v-4dfa5620]{background:#f9fafb;padding:12px 16px;text-align:left;font-size:12px;font-weight:600;color:#6b7280;text-transform:uppercase;letter-spacing:.5px;border-bottom:1px solid #e5e7eb}.ranking-table-content td[data-v-4dfa5620]{padding:12px 16px;border-bottom:1px solid #f3f4f6}.ranking-table-content tr[data-v-4dfa5620]:hover{background:#f9fafb}.ranking-table-content tr.current-user[data-v-4dfa5620]{background:#eff6ff;border-left:3px solid #3b82f6}.pos-col[data-v-4dfa5620]{width:60px;text-align:center}.position-gold[data-v-4dfa5620]{background:linear-gradient(135deg,gold,#ffed4e);color:#854d0e;font-weight:700;padding:4px 8px;border-radius:12px;font-size:12px}.position-silver[data-v-4dfa5620]{background:linear-gradient(135deg,silver,#e5e5e5);color:#374151;font-weight:700;padding:4px 8px;border-radius:12px;font-size:12px}.position-bronze[data-v-4dfa5620]{background:linear-gradient(135deg,#cd7f32,#e6a05c);color:#fff;font-weight:700;padding:4px 8px;border-radius:12px;font-size:12px}.position-normal[data-v-4dfa5620]{background:#f3f4f6;color:#6b7280;font-weight:600;padding:4px 8px;border-radius:12px;font-size:12px}.name-col[data-v-4dfa5620]{width:auto}.player-info[data-v-4dfa5620]{display:flex;align-items:center;gap:8px}.player-name[data-v-4dfa5620]{font-weight:500;color:#1f2937}.player-badge[data-v-4dfa5620]{background:#3b82f6;color:#fff;font-size:10px;font-weight:500;padding:2px 6px;border-radius:4px;text-transform:uppercase}.hits-col[data-v-4dfa5620]{width:80px;text-align:center}.hits-value[data-v-4dfa5620]{font-weight:600;color:#059669;font-size:16px}.accuracy-col[data-v-4dfa5620]{width:80px;text-align:center}.accuracy-value[data-v-4dfa5620]{font-weight:500;color:#6b7280;font-size:14px}.loading-state[data-v-4dfa5620]{text-align:center;padding:60px 20px;color:#6b7280}.loading-spinner[data-v-4dfa5620]{width:32px;height:32px;border:3px solid #e5e7eb;border-top:3px solid #2563eb;border-radius:50%;animation:spin-4dfa5620 1s linear infinite;margin:0 auto 16px}@keyframes spin-4dfa5620{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.error-state[data-v-4dfa5620]{text-align:center;padding:60px 20px;color:#6b7280}.error-icon[data-v-4dfa5620]{color:#ef4444;margin-bottom:16px}.error-state h3[data-v-4dfa5620]{margin:0 0 8px;font-size:18px;color:#1f2937;font-weight:600}.error-state p[data-v-4dfa5620]{margin:0 0 16px;color:#6b7280;font-size:14px}.btn-primary[data-v-4dfa5620]{background:linear-gradient(135deg,#2563eb,#3b82f6);color:#fff;border:none;padding:8px 16px;border-radius:6px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s}.btn-primary[data-v-4dfa5620]:hover{background:linear-gradient(135deg,#5a67d8,#6b46c1);transform:translateY(-1px)}.empty-state[data-v-4dfa5620]{text-align:center;padding:60px 20px;color:#6b7280}.empty-icon[data-v-4dfa5620]{color:#d1d5db;margin-bottom:16px}.empty-state p[data-v-4dfa5620]{margin:0 0 4px;font-weight:500;color:#1f2937}.login-link[data-v-4dfa5620]{color:#3b82f6;text-decoration:none;font-weight:500}.login-link[data-v-4dfa5620]:hover{text-decoration:underline}.room-actions[data-v-4dfa5620]{display:flex;gap:12px;justify-content:center;margin-top:20px;flex-wrap:wrap}.btn-small[data-v-4dfa5620]{padding:8px 16px;font-size:13px;border-radius:8px;border:none;cursor:pointer;display:inline-flex;align-items:center;gap:6px;text-decoration:none;font-weight:500;transition:all .2s ease}.btn-small.btn-primary[data-v-4dfa5620]{background:#3b82f6;color:#fff}.btn-small.btn-primary[data-v-4dfa5620]:hover{background:#2563eb;transform:translateY(-1px)}.btn-small.btn-secondary[data-v-4dfa5620]{background:#6b7280;color:#fff}.btn-small.btn-secondary[data-v-4dfa5620]:hover{background:#4b5563;transform:translateY(-1px)}.btn-small svg[data-v-4dfa5620]{flex-shrink:0}.no-room-content .sub-text[data-v-4dfa5620]{margin-top:8px;font-size:13px;color:#9ca3af;line-height:1.4}.empty-subtext[data-v-4dfa5620]{font-size:14px;color:#9ca3af}@media (max-width: 768px){.room-header[data-v-4dfa5620]{flex-direction:column;gap:16px;text-align:center}.ranking-stats[data-v-4dfa5620]{justify-content:center}.table-header[data-v-4dfa5620]{flex-direction:column;gap:12px;text-align:center}.ranking-table-content th[data-v-4dfa5620],.ranking-table-content td[data-v-4dfa5620]{padding:8px 12px}.player-info[data-v-4dfa5620]{flex-direction:column;align-items:flex-start;gap:4px}.btn-change-room[data-v-4dfa5620]{display:flex;align-items:center;gap:6px;background:#fff3;color:#fff;border:1px solid rgba(255,255,255,.3);padding:8px 16px;border-radius:8px;cursor:pointer;font-size:14px;transition:all .2s}.btn-change-room[data-v-4dfa5620]:hover{background:#ffffff4d;transform:translateY(-1px)}.btn-change-room[data-v-4dfa5620]{width:100%;justify-content:center}}.room-selection-overlay[data-v-44b09de7]{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px}.room-selection-modal[data-v-44b09de7]{background:#fff;border-radius:16px;max-width:800px;width:100%;max-height:80vh;overflow:hidden;box-shadow:0 20px 60px #0000004d;display:flex;flex-direction:column}.modal-header[data-v-44b09de7]{padding:24px 32px;border-bottom:1px solid #e5e7eb;text-align:center}.modal-header h2[data-v-44b09de7]{margin:0 0 8px;font-size:24px;color:#1f2937}.modal-header p[data-v-44b09de7]{margin:0 0 12px;color:#6b7280;font-size:16px}.instruction[data-v-44b09de7]{display:flex;align-items:center;gap:8px;color:#2563eb;font-size:14px;font-weight:500;background:#667eea1a;padding:8px 16px;border-radius:8px;border:1px solid rgba(102,126,234,.2)}.search-container[data-v-44b09de7]{margin-top:16px}.search-input-wrapper[data-v-44b09de7]{position:relative;display:flex;align-items:center;margin-bottom:8px}.search-icon[data-v-44b09de7]{position:absolute;left:12px;color:#9ca3af;pointer-events:none;z-index:1}.search-input[data-v-44b09de7]{width:100%;padding:12px 16px 12px 44px;border:2px solid #e5e7eb;border-radius:8px;font-size:16px;font-weight:500;color:#374151;background:#fff;transition:all .2s;outline:none}.search-input[data-v-44b09de7]:focus{border-color:#2563eb;box-shadow:0 0 0 3px #667eea1a}.search-input[data-v-44b09de7]::placeholder{color:#9ca3af}.clear-search-btn[data-v-44b09de7]{position:absolute;right:8px;background:none;border:none;color:#6b7280;cursor:pointer;padding:4px;border-radius:4px;transition:all .2s;display:flex;align-items:center;justify-content:center}.clear-search-btn[data-v-44b09de7]:hover{background:#f3f4f6;color:#374151}.search-results[data-v-44b09de7]{display:flex;justify-content:space-between;align-items:center;padding:4px 0}.results-count[data-v-44b09de7]{font-size:12px;color:#6b7280;font-weight:500}.no-search-results[data-v-44b09de7]{display:flex;justify-content:center;align-items:center;padding:60px 32px}.no-results-content[data-v-44b09de7]{text-align:center}.no-results-icon[data-v-44b09de7]{color:#d1d5db;margin-bottom:24px}.no-results-content h3[data-v-44b09de7]{margin:0 0 12px;font-size:20px;color:#1f2937;font-weight:600}.no-results-content p[data-v-44b09de7]{margin:0 0 24px;color:#6b7280;font-size:14px;line-height:1.5}.loading-state[data-v-44b09de7]{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 32px;color:#6b7280}.loading-spinner[data-v-44b09de7]{width:48px;height:48px;border:4px solid #e5e7eb;border-top:4px solid #2563eb;border-radius:50%;animation:spin-44b09de7 1s linear infinite;margin-bottom:16px}@keyframes spin-44b09de7{to{transform:rotate(360deg)}}.error-state[data-v-44b09de7]{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 32px;text-align:center}.error-icon[data-v-44b09de7]{color:#ef4444;margin-bottom:16px}.error-state h3[data-v-44b09de7]{margin:0 0 8px;font-size:20px;color:#dc2626}.error-state p[data-v-44b09de7]{margin:0 0 24px;color:#6b7280}.rooms-grid[data-v-44b09de7]{padding:24px 32px;overflow-y:auto;display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:16px}.room-card[data-v-44b09de7]{border:2px solid #e5e7eb;border-radius:12px;padding:16px;cursor:pointer;transition:all .2s;background:#fff}.room-card[data-v-44b09de7]:hover{border-color:#2563eb;transform:translateY(-2px);box-shadow:0 4px 12px #0000001a}.room-card.selected[data-v-44b09de7]{border-color:#2563eb;background:linear-gradient(135deg,#f0f4ff,#e6f0ff)}.room-header[data-v-44b09de7]{display:flex;align-items:flex-start;gap:12px;margin-bottom:12px}.room-icon[data-v-44b09de7]{width:40px;height:40px;background:linear-gradient(135deg,#2563eb,#3b82f6);border-radius:8px;display:flex;align-items:center;justify-content:center;color:#fff;flex-shrink:0}.room-info h3[data-v-44b09de7]{margin:0 0 4px;font-size:16px;font-weight:600;color:#1f2937}.status-badge[data-v-44b09de7]{display:inline-block;padding:2px 8px;border-radius:12px;font-size:11px;font-weight:500;text-transform:uppercase}.status-badge.active[data-v-44b09de7]{background:#d4edda;color:#155724}.status-badge.warning[data-v-44b09de7]{background:#fff3cd;color:#856404}.status-badge.expired[data-v-44b09de7]{background:#f8d7da;color:#721c24}.status-badge.permanent[data-v-44b09de7]{background:#e3f2fd;color:#1565c0}.room-description[data-v-44b09de7]{margin:0 0 12px;color:#6b7280;font-size:14px;line-height:1.4}.room-meta[data-v-44b09de7]{display:flex;flex-direction:column;gap:6px}.meta-item[data-v-44b09de7]{display:flex;align-items:center;gap:6px;color:#6b7280;font-size:12px}.empty-state[data-v-44b09de7]{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 32px;text-align:center}.empty-icon[data-v-44b09de7]{color:#d1d5db;margin-bottom:16px}.empty-state h3[data-v-44b09de7]{margin:0 0 8px;font-size:20px;color:#1f2937}.empty-state p[data-v-44b09de7]{margin:0 0 24px;color:#6b7280}.modal-actions[data-v-44b09de7]{display:flex;justify-content:space-between;gap:16px;padding:24px 32px;border-top:1px solid #e5e7eb}.btn[data-v-44b09de7]{display:flex;align-items:center;gap:8px;padding:12px 24px;border:none;border-radius:8px;font-size:16px;font-weight:500;cursor:pointer;transition:all .2s}.btn-primary[data-v-44b09de7]{background:linear-gradient(135deg,#2563eb,#3b82f6);color:#fff}.btn-primary[data-v-44b09de7]:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 12px #667eea4d}.btn-primary[data-v-44b09de7]:disabled{opacity:.5;cursor:not-allowed}.btn-secondary[data-v-44b09de7]{background:#f3f4f6;color:#374151;border:2px solid #e5e7eb}.btn-secondary[data-v-44b09de7]:hover{background:#e5e7eb}@media (max-width: 768px){.room-selection-overlay[data-v-44b09de7]{padding:16px}.room-selection-modal[data-v-44b09de7]{max-height:90vh}.modal-header[data-v-44b09de7]{padding:20px 24px}.rooms-grid[data-v-44b09de7]{padding:20px 24px;grid-template-columns:1fr}.modal-actions[data-v-44b09de7]{flex-direction:column-reverse;padding:20px 24px}.btn[data-v-44b09de7]{width:100%;justify-content:center}}.game-container[data-v-6b8627bc]{min-height:100vh;background:linear-gradient(135deg,#1e40af,#3b82f6,#60a5fa);display:flex;flex-direction:column}.game-header[data-v-6b8627bc]{background:#ffffff1a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid rgba(255,255,255,.2);padding:1rem 2rem}.header-content[data-v-6b8627bc]{max-width:1400px;margin:0 auto;display:flex;justify-content:space-between;align-items:center}.game-title h1[data-v-6b8627bc]{color:#fff;font-size:2rem;font-weight:700;margin:0}.room-name[data-v-6b8627bc]{color:#fffc;margin:.25rem 0 0;font-size:1rem}.header-stats[data-v-6b8627bc]{display:flex;gap:2rem}.stat-item[data-v-6b8627bc]{text-align:center;color:#fff}.stat-label[data-v-6b8627bc]{display:block;font-size:.875rem;opacity:.8;margin-bottom:.25rem}.stat-value[data-v-6b8627bc]{display:block;font-size:1.5rem;font-weight:700}.game-main[data-v-6b8627bc]{flex:1;padding:2rem}.game-layout[data-v-6b8627bc]{max-width:1400px;margin:0 auto;display:grid;grid-template-columns:350px 1fr;gap:2rem;height:100%}.ranking-panel[data-v-6b8627bc]{background:#fffffff2;border-radius:16px;box-shadow:0 8px 32px #0000001a;overflow:hidden;height:fit-content}.game-area[data-v-6b8627bc]{display:flex;flex-direction:column;gap:2rem}.score-cards[data-v-6b8627bc]{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem}.score-card[data-v-6b8627bc]{background:#fffffff2;border-radius:16px;padding:1.5rem;display:flex;align-items:center;gap:1rem;box-shadow:0 4px 16px #0000001a;transition:transform .2s,box-shadow .2s}.score-card[data-v-6b8627bc]:hover{transform:translateY(-2px);box-shadow:0 8px 24px #00000026}.score-card.correct[data-v-6b8627bc]{border-left:4px solid #10b981}.score-card.correct .card-icon[data-v-6b8627bc]{color:#10b981;background:#10b9811a}.score-card.errors[data-v-6b8627bc]{border-left:4px solid #ef4444}.score-card.errors .card-icon[data-v-6b8627bc]{color:#ef4444;background:#ef44441a}.card-icon[data-v-6b8627bc]{width:48px;height:48px;border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:1.5rem}.card-content[data-v-6b8627bc]{flex:1}.card-value[data-v-6b8627bc]{font-size:2rem;font-weight:700;color:#1f2937;line-height:1}.card-label[data-v-6b8627bc]{font-size:.875rem;color:#6b7280;margin-top:.25rem}.math-expression[data-v-6b8627bc]{background:#fffffff2;border-radius:16px;padding:3rem 2rem;box-shadow:0 8px 32px #0000001a;transition:all .3s}.math-expression.game-active[data-v-6b8627bc]{background:#fffffffa;box-shadow:0 12px 40px #00000026}.expression-container[data-v-6b8627bc]{display:flex;align-items:center;justify-content:center;gap:1.5rem;font-size:3rem;font-weight:700}.factor-display[data-v-6b8627bc],.operator-display[data-v-6b8627bc],.equals-display[data-v-6b8627bc]{min-width:80px;text-align:center}.factor[data-v-6b8627bc]{color:#1f2937;display:inline-block;min-width:60px}.operator[data-v-6b8627bc]{color:#2563eb}.equals[data-v-6b8627bc]{color:#6b7280}.answer-input[data-v-6b8627bc]{flex:1;max-width:150px}.answer-field[data-v-6b8627bc]{width:100%;font-size:3rem;font-weight:700;text-align:center;border:3px solid #e5e7eb;border-radius:12px;padding:1rem;background:#fff;transition:all .2s}.answer-field[data-v-6b8627bc]:focus{outline:none;border-color:#2563eb;box-shadow:0 0 0 3px #2563eb1a}.answer-field.correct-answer[data-v-6b8627bc]{border-color:#10b981;background:#10b9810d;animation:correct-pulse-6b8627bc .6s ease}.answer-field.wrong-answer[data-v-6b8627bc]{border-color:#ef4444;background:#ef44440d;animation:wrong-shake-6b8627bc .6s ease}@keyframes correct-pulse-6b8627bc{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}@keyframes wrong-shake-6b8627bc{0%,to{transform:translate(0)}25%{transform:translate(-10px)}75%{transform:translate(10px)}}.game-controls[data-v-6b8627bc]{display:flex;gap:1rem;justify-content:center}.control-btn[data-v-6b8627bc]{display:flex;align-items:center;gap:.5rem;padding:1rem 2rem;border:none;border-radius:12px;font-size:1.125rem;font-weight:600;cursor:pointer;transition:all .2s;min-width:180px;justify-content:center}.primary-btn[data-v-6b8627bc]{background:linear-gradient(135deg,#2563eb,#1e40af);color:#fff;box-shadow:0 4px 16px #2563eb4d}.primary-btn[data-v-6b8627bc]:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 24px #2563eb66}.primary-btn.game-running[data-v-6b8627bc]{background:linear-gradient(135deg,#ef4444,#dc2626);box-shadow:0 4px 16px #ef44444d}.secondary-btn[data-v-6b8627bc]{background:#fff;color:#2563eb;border:2px solid #2563eb}.secondary-btn[data-v-6b8627bc]:hover:not(:disabled){background:#2563eb;color:#fff;transform:translateY(-2px)}.control-btn[data-v-6b8627bc]:disabled{opacity:.5;cursor:not-allowed;transform:none!important}.status-message[data-v-6b8627bc]{text-align:center;padding:1rem;border-radius:12px;font-weight:600;animation:slide-in-6b8627bc .3s ease}.status-message.success[data-v-6b8627bc]{background:#10b9811a;color:#065f46;border:1px solid rgba(16,185,129,.3)}.status-message.error[data-v-6b8627bc]{background:#ef44441a;color:#991b1b;border:1px solid rgba(239,68,68,.3)}.status-message.info[data-v-6b8627bc]{background:#2563eb1a;color:#1e40af;border:1px solid rgba(37,99,235,.3)}@keyframes slide-in-6b8627bc{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}@media (max-width: 1024px){.game-layout[data-v-6b8627bc]{grid-template-columns:1fr;gap:1.5rem}.ranking-panel[data-v-6b8627bc]{order:2}.game-area[data-v-6b8627bc]{order:1}}@media (max-width: 768px){.game-header[data-v-6b8627bc]{padding:1rem}.header-content[data-v-6b8627bc]{flex-direction:column;gap:1rem;text-align:center}.game-main[data-v-6b8627bc]{padding:1rem}.score-cards[data-v-6b8627bc]{grid-template-columns:1fr;gap:1rem}.expression-container[data-v-6b8627bc]{font-size:2rem;gap:1rem;flex-wrap:wrap}.factor-display[data-v-6b8627bc],.operator-display[data-v-6b8627bc],.equals-display[data-v-6b8627bc]{min-width:60px}.factor[data-v-6b8627bc]{min-width:40px}.answer-field[data-v-6b8627bc]{font-size:2rem;padding:.75rem}.game-controls[data-v-6b8627bc]{flex-direction:column}.control-btn[data-v-6b8627bc]{min-width:auto}}@media (max-width: 480px){.expression-container[data-v-6b8627bc]{font-size:1.5rem;gap:.5rem}.answer-field[data-v-6b8627bc]{font-size:1.5rem;padding:.5rem}.math-expression[data-v-6b8627bc]{padding:2rem 1rem}}.salas-view[data-v-f6add711]{min-height:100vh;background:linear-gradient(135deg,#f5f7fa,#c3cfe2);padding:20px}.page-header[data-v-f6add711]{background:#fff;border-radius:16px;padding:32px;margin-bottom:32px;box-shadow:0 4px 24px #00000014;display:flex;justify-content:space-between;align-items:center;gap:24px}.header-content[data-v-f6add711]{display:flex;align-items:center;gap:32px;flex:1}.header-text h1[data-v-f6add711]{margin:0 0 8px;font-size:32px;font-weight:700;color:#1f2937;background:linear-gradient(135deg,#1e40af,#3b82f6,#60a5fa);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.header-description[data-v-f6add711]{margin:0;color:#6b7280;font-size:16px;line-height:1.5}.header-stats[data-v-f6add711]{display:flex;gap:16px}.stat-card[data-v-f6add711]{background:linear-gradient(135deg,#1e40af,#3b82f6,#60a5fa);color:#fff;padding:16px 24px;border-radius:12px;text-align:center;min-width:120px}.stat-number[data-v-f6add711]{font-size:28px;font-weight:700;margin-bottom:4px}.stat-label[data-v-f6add711]{font-size:14px;opacity:.9}.header-actions[data-v-f6add711]{display:flex;gap:12px}.btn[data-v-f6add711]{display:flex;align-items:center;gap:8px;padding:12px 24px;border:none;border-radius:8px;font-size:16px;font-weight:500;cursor:pointer;transition:all .2s;text-decoration:none}.btn-primary[data-v-f6add711]{background:linear-gradient(135deg,#1e40af,#3b82f6,#60a5fa);color:#fff}.btn-primary[data-v-f6add711]:hover{transform:translateY(-2px);box-shadow:0 8px 25px #667eea4d}.btn-large[data-v-f6add711]{padding:16px 32px;font-size:18px}.loading-state[data-v-f6add711]{display:flex;justify-content:center;align-items:center;min-height:400px}.loading-content[data-v-f6add711]{text-align:center;color:#6b7280}.loading-spinner[data-v-f6add711]{width:48px;height:48px;border:4px solid #e5e7eb;border-top:4px solid #2563eb;border-radius:50%;animation:spin-f6add711 1s linear infinite;margin:0 auto 16px}@keyframes spin-f6add711{to{transform:rotate(360deg)}}.error-state[data-v-f6add711]{display:flex;justify-content:center;align-items:center;min-height:400px}.error-content[data-v-f6add711]{text-align:center;background:#fff;padding:48px;border-radius:16px;box-shadow:0 4px 24px #00000014;max-width:480px;border:2px solid #fecaca}.error-icon[data-v-f6add711]{color:#ef4444;margin-bottom:24px}.error-content h2[data-v-f6add711]{margin:0 0 16px;font-size:24px;color:#dc2626}.error-content p[data-v-f6add711]{margin:0 0 32px;color:#6b7280;line-height:1.6}.empty-state[data-v-f6add711]{display:flex;justify-content:center;align-items:center;min-height:400px}.empty-content[data-v-f6add711]{text-align:center;background:#fff;padding:48px;border-radius:16px;box-shadow:0 4px 24px #00000014;max-width:480px}.empty-icon[data-v-f6add711]{color:#d1d5db;margin-bottom:24px}.empty-content h2[data-v-f6add711]{margin:0 0 16px;font-size:24px;color:#1f2937}.empty-content p[data-v-f6add711]{margin:0 0 32px;color:#6b7280;line-height:1.6}.salas-container[data-v-f6add711]{max-width:1200px;margin:0 auto}.salas-grid[data-v-f6add711]{display:grid;grid-template-columns:repeat(auto-fill,minmax(380px,1fr));gap:24px}.sala-card[data-v-f6add711]{background:#fff;border-radius:16px;overflow:hidden;box-shadow:0 4px 24px #00000014;transition:all .3s ease;cursor:pointer;border:2px solid transparent}.sala-card[data-v-f6add711]:hover{transform:translateY(-4px);box-shadow:0 12px 40px #00000026;border-color:#2563eb}.card-header[data-v-f6add711]{display:flex;align-items:flex-start;gap:16px;padding:24px 24px 16px;background:linear-gradient(135deg,#f8fafc,#f1f5f9)}.sala-icon[data-v-f6add711]{width:48px;height:48px;background:linear-gradient(135deg,#1e40af,#3b82f6,#60a5fa);border-radius:12px;display:flex;align-items:center;justify-content:center;color:#fff;flex-shrink:0}.sala-info[data-v-f6add711]{flex:1}.sala-info h3[data-v-f6add711]{margin:0 0 8px;font-size:20px;font-weight:600;color:#1f2937;line-height:1.3}.status-badge[data-v-f6add711]{display:inline-block;padding:4px 12px;border-radius:20px;font-size:12px;font-weight:500;text-transform:uppercase;letter-spacing:.5px}.status-badge.active[data-v-f6add711]{background:#d4edda;color:#155724}.status-badge.warning[data-v-f6add711]{background:#fff3cd;color:#856404}.status-badge.expired[data-v-f6add711]{background:#f8d7da;color:#721c24}.status-badge.permanent[data-v-f6add711]{background:#e3f2fd;color:#1565c0}.card-content[data-v-f6add711]{padding:16px 24px}.sala-description[data-v-f6add711]{margin:0 0 16px;color:#6b7280;line-height:1.5;font-size:14px}.sala-meta[data-v-f6add711]{display:flex;flex-direction:column;gap:8px}.meta-row[data-v-f6add711]{display:flex;align-items:center;gap:16px;flex-wrap:wrap}.meta-item[data-v-f6add711]{display:flex;align-items:center;gap:6px;color:#6b7280;font-size:13px}.meta-item svg[data-v-f6add711]{flex-shrink:0}.card-footer[data-v-f6add711]{display:flex;justify-content:space-between;align-items:center;padding:16px 24px;background:#f8fafc;border-top:1px solid #e5e7eb}.sala-type[data-v-f6add711]{display:flex;align-items:center}.type-badge[data-v-f6add711]{background:#e3f2fd;color:#1565c0;padding:4px 12px;border-radius:12px;font-size:12px;font-weight:500}.card-actions[data-v-f6add711]{display:flex;gap:8px}.action-btn[data-v-f6add711]{display:flex;align-items:center;gap:6px;padding:8px 16px;background:transparent;border:1px solid #e5e7eb;border-radius:6px;color:#6b7280;font-size:14px;cursor:pointer;transition:all .2s}.action-btn[data-v-f6add711]:hover{background:#2563eb;color:#fff;border-color:#2563eb}.action-btn.btn-play[data-v-f6add711]{background:#10b981;color:#fff;border-color:#10b981}.action-btn.btn-play[data-v-f6add711]:hover{background:#059669;border-color:#059669}@media (max-width: 1024px){.salas-grid[data-v-f6add711]{grid-template-columns:repeat(auto-fill,minmax(320px,1fr))}}@media (max-width: 768px){.salas-view[data-v-f6add711]{padding:16px}.page-header[data-v-f6add711]{flex-direction:column;text-align:center;gap:24px;padding:24px}.header-content[data-v-f6add711]{flex-direction:column;gap:24px}.header-text h1[data-v-f6add711]{font-size:28px}.header-stats[data-v-f6add711]{justify-content:center}.salas-grid[data-v-f6add711]{grid-template-columns:1fr;gap:16px}.card-header[data-v-f6add711]{padding:20px}.card-content[data-v-f6add711],.card-footer[data-v-f6add711]{padding:16px 20px}.empty-content[data-v-f6add711]{padding:32px 24px;margin:16px}}@media (max-width: 480px){.header-text h1[data-v-f6add711]{font-size:24px}.stat-card[data-v-f6add711]{min-width:100px;padding:12px 16px}.stat-number[data-v-f6add711]{font-size:24px}.sala-card[data-v-f6add711]{border-radius:12px}.card-header[data-v-f6add711]{padding:16px}.sala-icon[data-v-f6add711]{width:40px;height:40px}.sala-info h3[data-v-f6add711]{font-size:18px}}.game-configuration[data-v-66b24a7e]{width:100%}.form-label[data-v-66b24a7e]{display:block;font-weight:600;color:#374151;font-size:16px;margin-bottom:8px}.config-section[data-v-66b24a7e]{background:#f8fafc;border:2px solid #e2e8f0;border-radius:12px;padding:20px;margin-top:8px}.config-row[data-v-66b24a7e]{display:flex;gap:16px;margin-bottom:16px}.config-row[data-v-66b24a7e]:last-child{margin-bottom:0}.config-item[data-v-66b24a7e],.config-item.full-width[data-v-66b24a7e]{flex:1}.config-label[data-v-66b24a7e]{display:block;font-weight:500;color:#374151;font-size:14px;margin-bottom:6px}.config-input[data-v-66b24a7e]{width:100%;padding:8px 12px;border:2px solid #e5e7eb;border-radius:6px;font-size:14px;background:#fff}.config-input[data-v-66b24a7e]:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}.operations-grid[data-v-66b24a7e]{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:12px}.operation-checkbox[data-v-66b24a7e]{display:flex;align-items:center;gap:8px;cursor:pointer;padding:8px 12px;border-radius:6px;transition:background-color .2s}.operation-checkbox[data-v-66b24a7e]:hover{background:#f3f4f6}.operation-checkbox input[type=checkbox][data-v-66b24a7e]{width:16px;height:16px;accent-color:#667eea}.config-hint[data-v-66b24a7e]{display:block;margin-top:4px;font-size:.75rem;color:#666;font-style:italic;line-height:1.3}@media (max-width: 768px){.config-row[data-v-66b24a7e]{flex-direction:column;gap:12px}.operations-grid[data-v-66b24a7e]{grid-template-columns:1fr}}.sala-form-container[data-v-a8ca4ffe]{max-width:800px;margin:0 auto;padding:20px;background:#fff;border-radius:16px;box-shadow:0 4px 24px #00000014;overflow:hidden}.form-header[data-v-a8ca4ffe]{display:flex;align-items:center;justify-content:space-between;padding:32px 32px 24px;background:linear-gradient(135deg,#2563eb,#3b82f6);color:#fff;margin:-20px -20px 32px}.header-content h1[data-v-a8ca4ffe]{margin:0 0 8px;font-size:28px;font-weight:600}.form-description[data-v-a8ca4ffe]{margin:0;opacity:.9;font-size:16px;line-height:1.5}.header-icon .icon-wrapper[data-v-a8ca4ffe]{width:64px;height:64px;background:#fff3;border-radius:12px;display:flex;align-items:center;justify-content:center}.modern-form[data-v-a8ca4ffe]{padding:0 32px 32px}.form-row[data-v-a8ca4ffe]{display:flex;gap:24px;margin-bottom:24px}.form-group[data-v-a8ca4ffe]{flex:1}.form-group.full-width[data-v-a8ca4ffe]{width:100%}.form-label[data-v-a8ca4ffe]{display:block;margin-bottom:8px;font-weight:500;color:#374151;font-size:14px}.required[data-v-a8ca4ffe]{color:#ef4444}.input-wrapper[data-v-a8ca4ffe]{position:relative}.form-input[data-v-a8ca4ffe]{width:100%;padding:12px 16px 12px 44px;border:2px solid #e5e7eb;border-radius:8px;font-size:16px;transition:all .2s;background:#fff}.form-input[data-v-a8ca4ffe]:focus{outline:none;border-color:#2563eb;box-shadow:0 0 0 3px #667eea1a}.form-input.error[data-v-a8ca4ffe]{border-color:#ef4444}.form-input[data-v-a8ca4ffe]::placeholder{color:#9ca3af}.textarea[data-v-a8ca4ffe]{resize:vertical;min-height:80px;padding-top:12px}.input-icon[data-v-a8ca4ffe]{position:absolute;left:16px;top:50%;transform:translateY(-50%);color:#9ca3af;pointer-events:none}.textarea+.input-icon[data-v-a8ca4ffe]{top:20px;transform:none}.error-message[data-v-a8ca4ffe]{display:block;margin-top:4px;color:#ef4444;font-size:14px}.help-text[data-v-a8ca4ffe]{display:block;margin-top:4px;color:#6b7280;font-size:13px}.radio-group[data-v-a8ca4ffe]{display:flex;flex-direction:column;gap:12px}.radio-option[data-v-a8ca4ffe]{display:flex;align-items:flex-start;padding:16px;border:2px solid #e5e7eb;border-radius:8px;cursor:pointer;transition:all .2s}.radio-option[data-v-a8ca4ffe]:hover{border-color:#2563eb;background:#f9fafb}.radio-option input:checked+.radio-custom+.radio-content[data-v-a8ca4ffe]{color:#2563eb}.radio-option input:checked+.radio-custom[data-v-a8ca4ffe]{border-color:#2563eb;background:#2563eb}.radio-option input:checked+.radio-custom[data-v-a8ca4ffe]:after{opacity:1}.radio-input[data-v-a8ca4ffe]{position:absolute;opacity:0}.radio-custom[data-v-a8ca4ffe]{width:20px;height:20px;border:2px solid #d1d5db;border-radius:50%;margin-right:12px;position:relative;transition:all .2s;flex-shrink:0;margin-top:2px}.radio-custom[data-v-a8ca4ffe]:after{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:8px;height:8px;background:#fff;border-radius:50%;opacity:0;transition:opacity .2s}.radio-content[data-v-a8ca4ffe]{flex:1}.radio-title[data-v-a8ca4ffe]{display:block;font-weight:500;color:#374151;margin-bottom:4px}.radio-description[data-v-a8ca4ffe]{display:block;font-size:14px;color:#6b7280;line-height:1.4}.form-actions[data-v-a8ca4ffe]{display:flex;gap:16px;justify-content:flex-end;margin-top:32px;padding-top:24px;border-top:1px solid #e5e7eb}.btn[data-v-a8ca4ffe]{display:flex;align-items:center;gap:8px;padding:12px 24px;border:none;border-radius:8px;font-size:16px;font-weight:500;cursor:pointer;transition:all .2s;min-width:140px;justify-content:center}.btn-primary[data-v-a8ca4ffe]{background:#2563eb;color:#fff}.btn-primary[data-v-a8ca4ffe]:hover:not(:disabled){background:#5a67d8;transform:translateY(-1px)}.btn-primary[data-v-a8ca4ffe]:disabled{opacity:.7;cursor:not-allowed}.btn-secondary[data-v-a8ca4ffe]{background:#f3f4f6;color:#374151;border:2px solid #e5e7eb}.btn-secondary[data-v-a8ca4ffe]:hover{background:#e5e7eb}.spinner[data-v-a8ca4ffe]{width:16px;height:16px;border:2px solid transparent;border-top:2px solid currentColor;border-radius:50%;animation:spin-a8ca4ffe 1s linear infinite}@keyframes spin-a8ca4ffe{to{transform:rotate(360deg)}}@media (max-width: 768px){.sala-form-container[data-v-a8ca4ffe]{margin:10px;padding:16px;border-radius:12px}.form-header[data-v-a8ca4ffe]{flex-direction:column;text-align:center;gap:16px;padding:24px 16px 20px;margin:-16px -16px 24px}.modern-form[data-v-a8ca4ffe]{padding:0 16px 16px}.form-row[data-v-a8ca4ffe]{flex-direction:column;gap:16px}.header-content h1[data-v-a8ca4ffe]{font-size:24px}.form-actions[data-v-a8ca4ffe]{flex-direction:column-reverse}.btn[data-v-a8ca4ffe]{width:100%}}.sala-form-overlay[data-v-174355fb]{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;display:flex;justify-content:center;align-items:center;z-index:1000;padding:20px}.sala-form-modal[data-v-174355fb]{background:#fff;border-radius:16px;box-shadow:0 4px 24px #00000014;max-width:800px;width:100%;max-height:90vh;overflow-y:auto;position:relative}.close-btn[data-v-174355fb]{position:absolute;top:20px;right:20px;background:#ffffffe6;border:none;color:#374151;cursor:pointer;padding:8px;border-radius:8px;transition:all .2s;z-index:10}.close-btn[data-v-174355fb]:hover{background:#fff;color:#1f2937}.sala-form-container[data-v-174355fb]{max-width:800px;margin:0 auto;padding:20px;background:#fff;border-radius:16px;box-shadow:0 4px 24px #00000014;overflow:hidden}.form-header[data-v-174355fb]{display:flex;align-items:center;justify-content:space-between;padding:32px 32px 24px;background:linear-gradient(135deg,#2563eb,#3b82f6);color:#fff;margin:-20px -20px 32px}.header-content h1[data-v-174355fb]{margin:0 0 8px;font-size:28px;font-weight:600}.form-description[data-v-174355fb]{margin:0;opacity:.9;font-size:16px;line-height:1.5}.header-icon .icon-wrapper[data-v-174355fb]{width:64px;height:64px;background:#fff3;border-radius:12px;display:flex;align-items:center;justify-content:center}.modern-form[data-v-174355fb]{padding:0 32px 32px}.form-row[data-v-174355fb]{display:flex;gap:24px;margin-bottom:24px}.form-group[data-v-174355fb]{flex:1}.form-group.full-width[data-v-174355fb]{width:100%}.form-label[data-v-174355fb]{display:block;margin-bottom:8px;font-weight:500;color:#374151;font-size:14px}.required[data-v-174355fb]{color:#ef4444}.input-wrapper[data-v-174355fb]{position:relative}.form-input[data-v-174355fb]{width:100%;padding:12px 16px 12px 44px;border:2px solid #e5e7eb;border-radius:8px;font-size:16px;transition:all .2s;background:#fff}.form-input[data-v-174355fb]:focus{outline:none;border-color:#2563eb;box-shadow:0 0 0 3px #667eea1a}.form-input.error[data-v-174355fb]{border-color:#ef4444}.form-input[data-v-174355fb]::placeholder{color:#9ca3af}.textarea[data-v-174355fb]{resize:vertical;min-height:80px;padding-top:12px}.input-icon[data-v-174355fb]{position:absolute;left:16px;top:50%;transform:translateY(-50%);color:#9ca3af;pointer-events:none}.textarea+.input-icon[data-v-174355fb]{top:20px;transform:none}.error-message[data-v-174355fb]{display:block;margin-top:4px;color:#ef4444;font-size:14px}.help-text[data-v-174355fb]{display:block;margin-top:4px;color:#6b7280;font-size:13px}.radio-group[data-v-174355fb]{display:flex;flex-direction:column;gap:12px}.radio-option[data-v-174355fb]{display:flex;align-items:flex-start;padding:16px;border:2px solid #e5e7eb;border-radius:8px;cursor:pointer;transition:all .2s}.radio-option[data-v-174355fb]:hover{border-color:#2563eb;background:#f9fafb}.radio-option input:checked+.radio-custom+.radio-content[data-v-174355fb]{color:#2563eb}.radio-option input:checked+.radio-custom[data-v-174355fb]{border-color:#2563eb;background:#2563eb}.radio-option input:checked+.radio-custom[data-v-174355fb]:after{opacity:1}.radio-input[data-v-174355fb]{position:absolute;opacity:0}.radio-custom[data-v-174355fb]{width:20px;height:20px;border:2px solid #d1d5db;border-radius:50%;margin-right:12px;position:relative;transition:all .2s;flex-shrink:0;margin-top:2px}.radio-custom[data-v-174355fb]:after{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:8px;height:8px;background:#fff;border-radius:50%;opacity:0;transition:opacity .2s}.radio-content[data-v-174355fb]{flex:1}.radio-title[data-v-174355fb]{display:block;font-weight:500;color:#374151;margin-bottom:4px}.radio-description[data-v-174355fb]{display:block;font-size:14px;color:#6b7280;line-height:1.4}.form-actions[data-v-174355fb]{display:flex;gap:16px;justify-content:flex-end;margin-top:32px;padding-top:24px;border-top:1px solid #e5e7eb}.btn[data-v-174355fb]{display:flex;align-items:center;gap:8px;padding:12px 24px;border:none;border-radius:8px;font-size:16px;font-weight:500;cursor:pointer;transition:all .2s;min-width:140px;justify-content:center}.btn-primary[data-v-174355fb]{background:#2563eb;color:#fff}.btn-primary[data-v-174355fb]:hover:not(:disabled){background:#5a67d8;transform:translateY(-1px)}.btn-primary[data-v-174355fb]:disabled{opacity:.7;cursor:not-allowed}.btn-secondary[data-v-174355fb]{background:#f3f4f6;color:#374151;border:2px solid #e5e7eb}.btn-secondary[data-v-174355fb]:hover{background:#e5e7eb}.spinner[data-v-174355fb]{width:16px;height:16px;border:2px solid transparent;border-top:2px solid currentColor;border-radius:50%;animation:spin-174355fb 1s linear infinite}@keyframes spin-174355fb{to{transform:rotate(360deg)}}.config-section[data-v-174355fb]{background:#f8fafc;border:2px solid #e2e8f0;border-radius:12px;padding:20px;margin-top:8px}.config-row[data-v-174355fb]{display:flex;gap:16px;margin-bottom:16px}.config-row[data-v-174355fb]:last-child{margin-bottom:0}.config-item[data-v-174355fb],.config-item.full-width[data-v-174355fb]{flex:1}.config-label[data-v-174355fb]{display:block;font-weight:500;color:#374151;font-size:14px;margin-bottom:6px}.config-input[data-v-174355fb]{width:100%;padding:8px 12px;border:2px solid #e5e7eb;border-radius:6px;font-size:14px;transition:all .2s;background:#fff}.config-input[data-v-174355fb]:focus{outline:none;border-color:#2563eb;box-shadow:0 0 0 3px #667eea1a}.operations-grid[data-v-174355fb]{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:12px}.operation-checkbox[data-v-174355fb]{display:flex;align-items:center;gap:8px;cursor:pointer;padding:8px 12px;border:2px solid #e5e7eb;border-radius:6px;transition:all .2s;font-size:14px;font-weight:500;color:#374151}.operation-checkbox[data-v-174355fb]:hover{border-color:#2563eb;background:#f8fafc}.operation-checkbox input[type=checkbox][data-v-174355fb]{margin:0;width:16px;height:16px;accent-color:#2563eb}@media (max-width: 768px){.sala-form-overlay[data-v-174355fb]{padding:10px}.sala-form-modal[data-v-174355fb]{margin:10px;padding:16px;border-radius:12px}.form-header[data-v-174355fb]{flex-direction:column;text-align:center;gap:16px;padding:24px 16px 20px;margin:-16px -16px 24px}.modern-form[data-v-174355fb]{padding:0 16px 16px}.form-row[data-v-174355fb]{flex-direction:column;gap:16px}.config-row[data-v-174355fb]{flex-direction:column;gap:12px}.operations-grid[data-v-174355fb]{grid-template-columns:1fr}.header-content h1[data-v-174355fb]{font-size:24px}.form-actions[data-v-174355fb]{flex-direction:column-reverse}.btn[data-v-174355fb]{width:100%}}.config-modal-overlay[data-v-bb2d535c]{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;display:flex;justify-content:center;align-items:center;z-index:1000;padding:20px}.config-modal[data-v-bb2d535c]{background:#fff;border-radius:16px;box-shadow:0 4px 24px #00000014;max-width:700px;width:100%;max-height:95vh;overflow-y:auto;position:relative}.close-btn[data-v-bb2d535c]{position:absolute;top:20px;right:20px;background:#ffffffe6;border:none;color:#374151;cursor:pointer;padding:8px;border-radius:8px;transition:all .2s;z-index:10}.close-btn[data-v-bb2d535c]:hover{background:#fff;color:#1f2937}.config-modal-content[data-v-bb2d535c]{padding:20px 20px 30px}.modal-header[data-v-bb2d535c]{text-align:center;margin-bottom:30px}.modal-header h2[data-v-bb2d535c]{margin:0 0 8px;font-size:24px;font-weight:600;color:#1f2937}.modal-subtitle[data-v-bb2d535c]{margin:0;color:#6b7280;font-size:16px}.config-form[data-v-bb2d535c]{display:flex;flex-direction:column;gap:24px}.config-section[data-v-bb2d535c]{background:#f8fafc;border:2px solid #e2e8f0;border-radius:12px;padding:20px}.config-section h3[data-v-bb2d535c]{margin:0 0 20px;font-size:18px;font-weight:600;color:#1f2937}.config-row[data-v-bb2d535c]{display:flex;gap:16px;margin-bottom:16px}.config-row[data-v-bb2d535c]:last-child{margin-bottom:0}.config-item[data-v-bb2d535c],.config-item.full-width[data-v-bb2d535c]{flex:1}.config-label[data-v-bb2d535c]{display:block;margin-bottom:8px;font-weight:500;color:#374151}.config-hint[data-v-bb2d535c]{display:block;margin-top:4px;font-size:.75rem;color:#666;font-style:italic;line-height:1.3}.config-input[data-v-bb2d535c]{width:100%;padding:8px 12px;border:2px solid #e5e7eb;border-radius:6px;font-size:14px;transition:all .2s;background:#fff}.config-input[data-v-bb2d535c]:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}.operations-grid[data-v-bb2d535c]{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:12px}.operation-checkbox[data-v-bb2d535c]{display:flex;align-items:center;gap:8px;cursor:pointer;padding:8px 12px;border:2px solid #e5e7eb;border-radius:6px;transition:all .2s;font-size:14px;font-weight:500;color:#374151}.operation-checkbox[data-v-bb2d535c]:hover{border-color:#667eea;background:#f8fafc}.operation-checkbox input[type=checkbox][data-v-bb2d535c]{margin:0;width:16px;height:16px;accent-color:#667eea}.form-actions[data-v-bb2d535c]{display:flex;gap:16px;justify-content:flex-end;padding-top:20px;border-top:1px solid #e5e7eb}.btn[data-v-bb2d535c]{padding:12px 24px;border:none;border-radius:8px;font-size:16px;font-weight:500;cursor:pointer;transition:all .2s;min-width:140px}.btn-primary[data-v-bb2d535c]{background:#667eea;color:#fff}.btn-primary[data-v-bb2d535c]:hover:not(:disabled){background:#5a67d8;transform:translateY(-1px)}.btn-primary[data-v-bb2d535c]:disabled{opacity:.7;cursor:not-allowed}.btn-secondary[data-v-bb2d535c]{background:#f3f4f6;color:#374151;border:2px solid #e5e7eb}.btn-secondary[data-v-bb2d535c]:hover{background:#e5e7eb}@media (max-width: 768px){.config-modal-overlay[data-v-bb2d535c]{padding:10px}.config-modal[data-v-bb2d535c]{margin:10px;padding:16px;border-radius:12px}.config-modal-content[data-v-bb2d535c]{padding:16px}.config-row[data-v-bb2d535c]{flex-direction:column;gap:12px}.operations-grid[data-v-bb2d535c]{grid-template-columns:1fr}.form-actions[data-v-bb2d535c]{flex-direction:column-reverse}.btn[data-v-bb2d535c]{width:100%}}.user-rooms-container[data-v-f21a6829]{max-width:1200px;margin:0 auto;padding:2rem}.page-header[data-v-f21a6829]{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:2rem;gap:2rem}.header-content h1[data-v-f21a6829]{font-size:2.5rem;font-weight:700;color:#1f2937;margin:0 0 .5rem}.header-content p[data-v-f21a6829]{color:#6b7280;font-size:1.1rem;margin:0}.header-actions[data-v-f21a6829]{display:flex;gap:1rem;flex-shrink:0}.stats-container[data-v-f21a6829]{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1.5rem;margin-bottom:2rem}.stat-card[data-v-f21a6829]{background:#fff;border-radius:12px;padding:1.5rem;box-shadow:0 1px 3px #0000001a;display:flex;align-items:center;gap:1rem}.stat-icon[data-v-f21a6829]{width:48px;height:48px;background:linear-gradient(135deg,#1e40af,#3b82f6,#60a5fa);border-radius:12px;display:flex;align-items:center;justify-content:center;color:#fff}.stat-icon.admin[data-v-f21a6829]{background:linear-gradient(135deg,#f59e0b,#d97706)}.stat-icon.member[data-v-f21a6829]{background:linear-gradient(135deg,#10b981,#059669)}.stat-value[data-v-f21a6829]{display:block;font-size:2rem;font-weight:700;color:#1f2937;line-height:1}.stat-label[data-v-f21a6829]{font-size:.875rem;color:#6b7280;font-weight:500}.loading-state[data-v-f21a6829]{text-align:center;padding:4rem 2rem;color:#6b7280}.loading-spinner[data-v-f21a6829]{width:48px;height:48px;border:3px solid #e5e7eb;border-top:3px solid #2563eb;border-radius:50%;animation:spin-f21a6829 1s linear infinite;margin:0 auto 1rem}@keyframes spin-f21a6829{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.error-state[data-v-f21a6829]{text-align:center;padding:4rem 2rem;color:#6b7280}.error-icon[data-v-f21a6829]{color:#ef4444;margin-bottom:1rem}.error-state h3[data-v-f21a6829]{font-size:1.5rem;color:#1f2937;margin:0 0 1rem}.error-state p[data-v-f21a6829]{margin:0 0 2rem;font-size:1rem}.empty-state[data-v-f21a6829]{text-align:center;padding:4rem 2rem;color:#6b7280}.empty-icon[data-v-f21a6829]{color:#d1d5db;margin-bottom:2rem}.empty-state h3[data-v-f21a6829]{font-size:1.5rem;color:#1f2937;margin:0 0 1rem}.empty-state p[data-v-f21a6829]{margin:0 0 2rem;font-size:1rem;max-width:400px;margin-left:auto;margin-right:auto}.empty-actions[data-v-f21a6829]{display:flex;gap:1rem;justify-content:center;flex-wrap:wrap}.rooms-grid[data-v-f21a6829]{display:grid;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));gap:1.5rem}.room-card[data-v-f21a6829]{background:#fff;border-radius:12px;box-shadow:0 1px 3px #0000001a;overflow:hidden;cursor:pointer;transition:all .2s}.room-card[data-v-f21a6829]:hover{transform:translateY(-2px);box-shadow:0 4px 12px #00000026}.room-header[data-v-f21a6829]{padding:1.5rem;border-bottom:1px solid #e5e7eb;display:flex;justify-content:space-between;align-items:flex-start}.room-info h3[data-v-f21a6829]{font-size:1.25rem;font-weight:600;color:#1f2937;margin:0 0 .5rem}.room-type[data-v-f21a6829]{font-size:.875rem;color:#6b7280;background:#f3f4f6;padding:.25rem .75rem;border-radius:12px;font-weight:500}.room-role[data-v-f21a6829]{font-size:.75rem;font-weight:600;padding:.25rem .75rem;border-radius:12px;text-transform:uppercase}.room-role.admin[data-v-f21a6829]{background:#fef3c7;color:#92400e}.room-role.member[data-v-f21a6829]{background:#dbeafe;color:#1e40af}.room-role.student[data-v-f21a6829]{background:#d1fae5;color:#065f46}.room-description[data-v-f21a6829]{padding:1rem 1.5rem}.room-description p[data-v-f21a6829]{margin:0;color:#6b7280;font-size:.875rem;line-height:1.5}.room-meta[data-v-f21a6829]{padding:1rem 1.5rem;border-top:1px solid #e5e7eb}.meta-item[data-v-f21a6829]{display:flex;align-items:center;gap:.5rem;font-size:.75rem;color:#9ca3af;margin-bottom:.5rem}.meta-item[data-v-f21a6829]:last-child{margin-bottom:0}.room-actions[data-v-f21a6829]{padding:1rem 1.5rem;border-top:1px solid #e5e7eb;display:flex;gap:.75rem}.btn[data-v-f21a6829]{padding:.5rem 1rem;border:none;border-radius:6px;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s;display:flex;align-items:center;gap:.5rem}.btn-primary[data-v-f21a6829]{background:linear-gradient(135deg,#1e40af,#3b82f6,#60a5fa);color:#fff}.btn-secondary[data-v-f21a6829]{background:#f3f4f6;color:#374151;border:1px solid #e5e7eb}.btn-play[data-v-f21a6829]{background:linear-gradient(135deg,#10b981,#059669);color:#fff;flex:1}.btn-leave[data-v-f21a6829]{background:#fef2f2;color:#dc2626;border:1px solid #fecaca}.btn-config[data-v-f21a6829]{background:linear-gradient(135deg,#f59e0b,#d97706);color:#fff}.btn[data-v-f21a6829]:hover{transform:translateY(-1px)}.btn-large[data-v-f21a6829]{padding:.75rem 1.5rem;font-size:1rem}@media (max-width: 768px){.user-rooms-container[data-v-f21a6829]{padding:1rem}.page-header[data-v-f21a6829]{flex-direction:column;align-items:stretch;gap:1rem}.header-actions[data-v-f21a6829]{flex-direction:column}.stats-container[data-v-f21a6829],.rooms-grid[data-v-f21a6829]{grid-template-columns:1fr}.empty-actions[data-v-f21a6829]{flex-direction:column}}.room-ranking-container[data-v-8fe0aaf1]{max-width:1200px;margin:0 auto;padding:20px}.page-header[data-v-8fe0aaf1]{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:32px;gap:20px}.back-navigation[data-v-8fe0aaf1]{flex-shrink:0}.back-btn[data-v-8fe0aaf1]{display:flex;align-items:center;gap:8px;padding:8px 16px;background:#f3f4f6;border:none;border-radius:8px;color:#374151;cursor:pointer;transition:all .2s}.back-btn[data-v-8fe0aaf1]:hover{background:#e5e7eb}.room-info h1[data-v-8fe0aaf1]{font-size:2rem;font-weight:700;color:#1f2937;margin:0 0 8px}.room-description[data-v-8fe0aaf1]{color:#6b7280;font-size:1.1rem;margin:0 0 16px}.room-meta[data-v-8fe0aaf1]{display:flex;gap:12px;flex-wrap:wrap}.type-badge[data-v-8fe0aaf1]{padding:4px 12px;border-radius:20px;font-size:.875rem;font-weight:500}.type-aula[data-v-8fe0aaf1]{background:#dbeafe;color:#1e40af}.type-estudo[data-v-8fe0aaf1]{background:#f3e8ff;color:#6b21a8}.type-prova[data-v-8fe0aaf1]{background:#fee2e2;color:#991b1b}.type-tutoria[data-v-8fe0aaf1]{background:#d1fae5;color:#065f46}.capacity-info[data-v-8fe0aaf1],.expiration-info[data-v-8fe0aaf1]{color:#6b7280;font-size:.875rem}.header-actions[data-v-8fe0aaf1]{display:flex;gap:12px;flex-shrink:0}.loading-state[data-v-8fe0aaf1],.error-state[data-v-8fe0aaf1],.empty-state[data-v-8fe0aaf1]{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px;text-align:center}.loading-spinner[data-v-8fe0aaf1]{width:40px;height:40px;border:4px solid #e5e7eb;border-top:4px solid #3b82f6;border-radius:50%;animation:spin-8fe0aaf1 1s linear infinite;margin-bottom:16px}@keyframes spin-8fe0aaf1{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.error-icon[data-v-8fe0aaf1],.empty-icon[data-v-8fe0aaf1]{color:#6b7280;margin-bottom:16px}.error-state h3[data-v-8fe0aaf1],.empty-state h3[data-v-8fe0aaf1]{font-size:1.5rem;font-weight:600;color:#1f2937;margin:0 0 8px}.error-state p[data-v-8fe0aaf1],.empty-state p[data-v-8fe0aaf1]{color:#6b7280;margin:0 0 24px}.stats-grid[data-v-8fe0aaf1]{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:20px;margin-bottom:32px}.stat-card[data-v-8fe0aaf1]{background:#fff;border:1px solid #e5e7eb;border-radius:12px;padding:20px;display:flex;align-items:center;gap:16px;transition:all .2s}.stat-card[data-v-8fe0aaf1]:hover{box-shadow:0 4px 12px #0000001a}.stat-icon[data-v-8fe0aaf1]{width:48px;height:48px;background:#f3f4f6;border-radius:12px;display:flex;align-items:center;justify-content:center;color:#3b82f6}.stat-value[data-v-8fe0aaf1]{font-size:2rem;font-weight:700;color:#1f2937;line-height:1}.stat-label[data-v-8fe0aaf1]{color:#6b7280;font-size:.875rem;margin-top:4px}.ranking-table-container[data-v-8fe0aaf1]{background:#fff;border-radius:12px;border:1px solid #e5e7eb;overflow:hidden}.ranking-table-container h2[data-v-8fe0aaf1]{padding:24px;margin:0;font-size:1.5rem;font-weight:600;color:#1f2937;border-bottom:1px solid #e5e7eb}.table-header[data-v-8fe0aaf1]{display:grid;grid-template-columns:80px 1fr 120px 150px;padding:16px 24px;background:#f9fafb;border-bottom:1px solid #e5e7eb;font-weight:600;color:#374151}.table-body[data-v-8fe0aaf1]{max-height:400px;overflow-y:auto}.table-row[data-v-8fe0aaf1]{display:grid;grid-template-columns:80px 1fr 120px 150px;padding:16px 24px;border-bottom:1px solid #f3f4f6;transition:background-color .2s}.table-row[data-v-8fe0aaf1]:hover{background:#f9fafb}.table-row.current-user[data-v-8fe0aaf1]{background:#eff6ff;border-left:4px solid #3b82f6}.cell[data-v-8fe0aaf1]{display:flex;align-items:center}.position-badge[data-v-8fe0aaf1]{width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:600;font-size:.875rem}.position-badge.gold[data-v-8fe0aaf1]{background:#fef3c7;color:#92400e}.position-badge.silver[data-v-8fe0aaf1]{background:#f3f4f6;color:#374151}.position-badge.bronze[data-v-8fe0aaf1]{background:#fed7aa;color:#9a3412}.position-badge[data-v-8fe0aaf1]:not(.gold):not(.silver):not(.bronze){background:#f3f4f6;color:#6b7280}.player-info[data-v-8fe0aaf1]{display:flex;align-items:center;gap:12px}.player-avatar[data-v-8fe0aaf1]{width:40px;height:40px;border-radius:50%;background:#3b82f6;color:#fff;display:flex;align-items:center;justify-content:center;font-weight:600;font-size:1rem}.player-name[data-v-8fe0aaf1]{font-weight:500;color:#1f2937}.player-email[data-v-8fe0aaf1]{font-size:.875rem;color:#6b7280}.score-value[data-v-8fe0aaf1]{font-size:1.25rem;font-weight:700;color:#1f2937}.score-badge[data-v-8fe0aaf1]{padding:2px 8px;border-radius:12px;font-size:.75rem;font-weight:500;margin-left:8px}.score-badge.high[data-v-8fe0aaf1]{background:#d1fae5;color:#065f46}.score-badge.medium[data-v-8fe0aaf1]{background:#fef3c7;color:#92400e}.score-badge.low[data-v-8fe0aaf1]{background:#f3f4f6;color:#6b7280}@media (max-width: 768px){.page-header[data-v-8fe0aaf1]{flex-direction:column;align-items:stretch}.header-actions[data-v-8fe0aaf1]{justify-content:stretch}.stats-grid[data-v-8fe0aaf1]{grid-template-columns:1fr}.table-header[data-v-8fe0aaf1],.table-row[data-v-8fe0aaf1]{grid-template-columns:60px 1fr 80px}.cell.date[data-v-8fe0aaf1],.score-badge[data-v-8fe0aaf1]{display:none}}