.menu-overlay[data-v-23885473]{position:fixed;top:0;left:0;width:100%;height:100%;background:#000c;display:flex;justify-content:center;align-items:center;z-index:1000}.menu-content[data-v-23885473]{background:#fff;padding:40px;border-radius:15px;text-align:center;max-width:500px;width:90%;max-height:90vh;overflow-y:auto;box-shadow:0 10px 30px #0000004d}.menu-title[data-v-23885473]{font-size:2.2em;margin-bottom:25px;color:#333;background:linear-gradient(45deg,#667eea,#764ba2);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.input-group[data-v-23885473]{margin-bottom:20px;text-align:left}.input-group label[data-v-23885473]{display:block;margin-bottom:8px;color:#666;font-weight:500}.input-group input[type=text][data-v-23885473]{width:100%;padding:12px;border:2px solid #ddd;border-radius:8px;font-size:1em;transition:border-color .3s ease}.input-group input[type=text][data-v-23885473]:focus{outline:none;border-color:#007bff;box-shadow:0 0 10px #007bff1a}.room-type-selector[data-v-23885473]{display:flex;flex-direction:column;gap:12px}.radio-option[data-v-23885473]{display:flex;align-items:center;cursor:pointer;padding:15px;border:2px solid #ddd;border-radius:10px;transition:all .3s ease;background:#f8f9fa}.radio-option[data-v-23885473]:hover{border-color:#007bff;background:#e3f2fd}.radio-option input[type=radio][data-v-23885473]{margin-right:12px;transform:scale(1.2)}.radio-option input[type=radio]:checked+.radio-label[data-v-23885473]{color:#007bff}.radio-option[data-v-23885473]:has(input[type=radio]:checked){border-color:#007bff;background:#e3f2fd;box-shadow:0 2px 8px #007bff33}.radio-label[data-v-23885473]{text-align:left;flex:1}.room-type-title[data-v-23885473]{font-weight:700;font-size:1.1em;margin-bottom:4px}.room-type-desc[data-v-23885473]{font-size:.9em;color:#666}.control-buttons[data-v-23885473]{display:flex;gap:15px;justify-content:center;flex-wrap:wrap;margin:25px 0}.btn[data-v-23885473]{padding:12px 24px;border:none;border-radius:8px;cursor:pointer;font-size:1em;font-weight:500;transition:all .3s ease;min-width:120px}.btn-primary[data-v-23885473]{background:linear-gradient(45deg,#007bff,#0056b3);color:#fff}.btn-primary[data-v-23885473]:hover{transform:translateY(-2px);box-shadow:0 5px 15px #007bff4d}.btn-secondary[data-v-23885473]{background:linear-gradient(45deg,#6c757d,#545b62);color:#fff}.btn-secondary[data-v-23885473]:hover{transform:translateY(-2px);box-shadow:0 5px 15px #6c757d4d}.btn-success[data-v-23885473]{background:linear-gradient(45deg,#28a745,#1e7e34);color:#fff}.btn-success[data-v-23885473]:hover{transform:translateY(-2px);box-shadow:0 5px 15px #28a7454d}.game-rules[data-v-23885473]{margin-top:30px;text-align:left;background:#f8f9fa;padding:20px;border-radius:10px;border-left:4px solid #007bff}.game-rules h3[data-v-23885473]{margin-bottom:15px;color:#333}.game-rules ul[data-v-23885473]{list-style:none;padding:0}.game-rules li[data-v-23885473]{margin-bottom:8px;padding-left:20px;position:relative;color:#666}.game-rules li[data-v-23885473]:before{content:"▸";position:absolute;left:0;color:#007bff;font-weight:700}.waiting-info[data-v-23885473]{margin:25px 0}.waiting-info p[data-v-23885473]{margin:10px 0;font-size:1.1em}.loading-animation[data-v-23885473]{margin:30px 0}.spinner[data-v-23885473]{width:40px;height:40px;border:4px solid #f3f3f3;border-top:4px solid #007bff;border-radius:50%;animation:spin-23885473 1s linear infinite;margin:0 auto}@keyframes spin-23885473{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.game-result[data-v-23885473]{margin:25px 0}.result-tie[data-v-23885473],.result-winner[data-v-23885473]{margin-bottom:20px}.result-tie h3[data-v-23885473]{color:#ffc107;font-size:1.8em;margin-bottom:10px}.result-winner h3[data-v-23885473]{color:#28a745;font-size:1.8em;margin-bottom:10px}.final-scores[data-v-23885473]{background:#f8f9fa;padding:20px;border-radius:10px;margin:20px 0}.final-scores h4[data-v-23885473]{margin-bottom:15px;color:#333}.score-item[data-v-23885473]{margin:8px 0;padding:8px;background:#fff;border-radius:5px;font-weight:500}.message[data-v-23885473]{padding:15px;margin:15px 0;border-radius:8px;text-align:center;font-weight:500}.message.success[data-v-23885473]{background-color:#d4edda;color:#155724;border:1px solid #c3e6cb}.message.error[data-v-23885473]{background-color:#f8d7da;color:#721c24;border:1px solid #f5c6cb}.message.info[data-v-23885473]{background-color:#d1ecf1;color:#0c5460;border:1px solid #bee5eb}.board-section[data-v-47ec10f1]{flex:1;padding:20px;display:flex;justify-content:center;align-items:center}.game-board[data-v-47ec10f1]{display:grid;gap:1px;background-color:#333;border:3px solid #333;border-radius:8px}.board-cell[data-v-47ec10f1]{background-color:#f0f0f0;border:1px solid #ddd;position:relative;cursor:pointer;transition:all .3s ease}.board-cell[data-v-47ec10f1]:hover{background-color:#e0e0e0}.board-cell.player1[data-v-47ec10f1]{background-color:#ff6b6b}.board-cell.player2[data-v-47ec10f1]{background-color:#4ecdc4}.board-cell.player3[data-v-47ec10f1]{background-color:#45b7d1}.board-cell.player4[data-v-47ec10f1]{background-color:#96ceb4}.board-cell.valid-position[data-v-47ec10f1]{background-color:#95e1d3!important;box-shadow:inset 0 0 10px #00c80080}.board-cell.corner-start[data-v-47ec10f1]:after{content:"★";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);color:gold;font-size:16px}.preview-piece[data-v-47ec10f1]{position:absolute;top:2px;left:2px;width:calc(100% - 4px);height:calc(100% - 4px);background-color:#4caf50b3;border:2px solid #4caf50;border-radius:3px;pointer-events:none;z-index:10}.preview-piece.valid-preview[data-v-47ec10f1]{background-color:#4caf50b3;border:2px solid #4caf50}.preview-piece.invalid-preview[data-v-47ec10f1]{background-color:#ff6b6bb3;border:2px solid #ff6b6b}.pieces-panel[data-v-5087b250]{width:450px;background-color:#f8f9fa;border-left:1px solid #dee2e6;padding:20px;overflow-y:auto;max-height:100vh}.player-section[data-v-5087b250]{margin-bottom:30px}.player-header[data-v-5087b250]{background:linear-gradient(90deg,#ff9a9e,#fecfef);color:#333;padding:15px;border-radius:10px;margin-bottom:15px;text-align:center;font-weight:700}.player-header.current[data-v-5087b250]{background:linear-gradient(90deg,#a8edea,#fed6e3);box-shadow:0 4px 15px #0003}.player-header.player1[data-v-5087b250]{background:linear-gradient(90deg,#ff9a9e,#fecfef)}.player-header.player2[data-v-5087b250]{background:linear-gradient(90deg,#4ecdc4,#44a08d);color:#fff}.player-header.player3[data-v-5087b250]{background:linear-gradient(90deg,#45b7d1,#96c93d);color:#fff}.player-header.player4[data-v-5087b250]{background:linear-gradient(90deg,#96ceb4,#ffecd2)}.player-header.current[data-v-5087b250]{background:linear-gradient(90deg,#667eea,#764ba2)!important;color:#fff!important;box-shadow:0 4px 15px #0000004d;transform:scale(1.02)}.pieces-grid[data-v-5087b250]{display:grid;grid-template-columns:repeat(auto-fit,minmax(90px,1fr));gap:12px}.piece-item[data-v-5087b250]{background:#fff;border:2px solid #ddd;border-radius:8px;padding:12px;cursor:pointer;transition:all .3s ease;text-align:center;min-height:80px;display:flex;flex-direction:column;justify-content:space-between;align-items:center}.piece-item[data-v-5087b250]:hover{border-color:#007bff;transform:scale(1.05)}.piece-item.selected[data-v-5087b250]{border-color:#28a745;background-color:#e8f5e8;box-shadow:0 4px 12px #28a7454d}.piece-display[data-v-5087b250]{display:flex;justify-content:center;align-items:center;flex:1;margin-bottom:8px}.piece-grid[data-v-5087b250]{display:grid;background-color:transparent}.piece-cell[data-v-5087b250]{background-color:#007bff;border-radius:2px;width:14px;height:14px}.piece-name[data-v-5087b250]{font-size:.8em;color:#666;font-weight:500}.controls[data-v-5087b250]{background:#fff;border:1px solid #ddd;border-radius:10px;padding:20px;margin-top:20px}.control-group[data-v-5087b250]{margin-bottom:15px}.control-group label[data-v-5087b250]{display:block;margin-bottom:8px;font-weight:700;color:#333}.control-buttons[data-v-5087b250]{display:flex;gap:10px;justify-content:center;flex-wrap:wrap}.btn[data-v-5087b250]{padding:10px 18px;border:none;border-radius:6px;cursor:pointer;font-size:.9em;font-weight:500;transition:all .3s ease;min-width:80px}.btn-primary[data-v-5087b250]{background-color:#007bff;color:#fff}.btn-primary[data-v-5087b250]:hover{background-color:#0056b3;transform:translateY(-1px)}.btn-secondary[data-v-5087b250]{background-color:#6c757d;color:#fff}.btn-secondary[data-v-5087b250]:hover{background-color:#545b62;transform:translateY(-1px)}.btn-success[data-v-5087b250]{background-color:#28a745;color:#fff}.btn-success[data-v-5087b250]:hover{background-color:#1e7e34;transform:translateY(-1px)}.btn[data-v-5087b250]:disabled{opacity:.6;cursor:not-allowed}.game-result[data-v-5087b250]{text-align:center;padding:20px;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border-radius:10px;margin-bottom:15px}.game-result h3[data-v-5087b250]{margin:0 0 10px;font-size:1.5em}.game-result p[data-v-5087b250]{margin:0;opacity:.9}.status-info[data-v-5087b250]{font-size:.9em;color:#666;background:#f8f9fa;padding:8px 12px;border-radius:5px;text-align:center}.app[data-v-6bf94cdc]{width:100%;height:100vh;display:flex;align-items:center;justify-content:center}.game-container[data-v-6bf94cdc]{max-width:1400px;width:100%;background:#fffffff2;border-radius:20px;box-shadow:0 15px 35px #0000001a;overflow:hidden;height:90vh;display:flex;flex-direction:column}.game-header[data-v-6bf94cdc]{background:linear-gradient(90deg,#4facfe,#00f2fe);color:#fff;padding:20px;text-align:center;flex-shrink:0}.game-header h1[data-v-6bf94cdc]{font-size:2.5em;margin-bottom:10px}.game-status[data-v-6bf94cdc]{font-size:1.2em;margin-bottom:10px}.my-turn[data-v-6bf94cdc]{color:#ffeb3b;font-weight:700}.players-info[data-v-6bf94cdc]{color:#fff;opacity:.8;margin-left:10px}.game-finished[data-v-6bf94cdc]{color:#4caf50;font-weight:700;font-size:1.2em}.main-content[data-v-6bf94cdc]{display:flex;flex:1;min-height:0}.main-content .board-section[data-v-6bf94cdc]{flex:0 0 50%}.main-content .pieces-panel[data-v-6bf94cdc]{flex:1}.message[data-v-6bf94cdc]{padding:10px 20px;margin:10px auto;border-radius:5px;max-width:400px;font-weight:500}.message.success[data-v-6bf94cdc]{background-color:#d4eddae6;color:#155724;border:1px solid rgba(195,230,203,.9)}.message.error[data-v-6bf94cdc]{background-color:#f8d7dae6;color:#721c24;border:1px solid rgba(245,198,203,.9)}.message.info[data-v-6bf94cdc]{background-color:#d1ecf1e6;color:#0c5460;border:1px solid rgba(190,229,235,.9)}