*{margin:0;padding:0;box-sizing:border-box}html,body{width:100%;margin:0;padding:0}body{font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;line-height:1.6;color:#333}#app{min-height:100vh;width:100%}button{font-family:inherit}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.fade-in{animation:fadeIn .5s ease-out}.score-board[data-v-75b3931f]{position:fixed;top:20px;right:20px;width:350px;background:#fffffff2;border-radius:15px;box-shadow:0 10px 30px #0003;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:1000;max-height:80vh;overflow:hidden;transition:all .3s ease}.score-board.minimized[data-v-75b3931f]{width:60px;height:60px;border-radius:50%}.score-board-header[data-v-75b3931f]{display:flex;justify-content:space-between;align-items:center;padding:20px;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border-radius:15px 15px 0 0;height:100%}.score-board.minimized .score-board-header[data-v-75b3931f]{border-radius:50%;justify-content:center;padding:0}.score-board-header h3[data-v-75b3931f]{font-size:1.5rem;font-weight:700;margin:0}.toggle-btn[data-v-75b3931f]{background:#fff3;border:2px solid rgba(255,255,255,.3);color:#fff;padding:8px 16px;border-radius:20px;cursor:pointer;font-size:.9rem;font-weight:700;transition:all .3s ease}.toggle-btn[data-v-75b3931f]:hover{background:#ffffff4d;transform:translateY(-2px)}.minimize-btn[data-v-75b3931f]{background:#fff3;border:2px solid rgba(255,255,255,.3);color:#fff;padding:8px 12px;border-radius:50%;cursor:pointer;font-size:1.2rem;font-weight:700;transition:all .3s ease;width:40px;height:40px;display:flex;align-items:center;justify-content:center}.minimize-btn[data-v-75b3931f]:hover{background:#ffffff4d;transform:scale(1.1)}.score-board.minimized .minimize-btn[data-v-75b3931f]{width:50px;height:50px;font-size:1.5rem}.score-board-content[data-v-75b3931f]{max-height:400px;overflow-y:auto;padding:10px}.ranking-item[data-v-75b3931f]{display:flex;align-items:center;padding:15px;margin-bottom:10px;border-radius:10px;background:#f8f9fa;border-left:4px solid #dee2e6;transition:all .3s ease}.ranking-item[data-v-75b3931f]:hover{transform:translate(5px);box-shadow:0 5px 15px #0000001a}.unit-item[data-v-75b3931f]{border-left-width:6px}.rank-position[data-v-75b3931f]{font-size:1.2rem;font-weight:700;color:#495057;margin-right:15px;min-width:40px}.rank-info[data-v-75b3931f]{flex:1}.rank-name[data-v-75b3931f]{font-size:1.1rem;font-weight:700;color:#2c3e50;margin-bottom:5px}.rank-unit[data-v-75b3931f]{font-size:.9rem;color:#6c757d;margin-bottom:5px}.rank-score[data-v-75b3931f]{font-size:1rem;font-weight:700;color:#28a745}.current-player[data-v-75b3931f]{padding:15px 20px;background:#e3f2fd;border-top:2px solid #bbdefb;border-radius:0 0 15px 15px}.current-player-label[data-v-75b3931f]{font-size:.9rem;color:#1976d2;font-weight:700;margin-bottom:5px}.current-player-info[data-v-75b3931f]{display:flex;justify-content:space-between;align-items:center}.player-name[data-v-75b3931f]{font-size:1.1rem;font-weight:700;color:#2c3e50}.unit-name[data-v-75b3931f]{font-size:.9rem;color:#6c757d;font-weight:500}.score-board-content[data-v-75b3931f]::-webkit-scrollbar{width:6px}.score-board-content[data-v-75b3931f]::-webkit-scrollbar-track{background:#f1f1f1;border-radius:3px}.score-board-content[data-v-75b3931f]::-webkit-scrollbar-thumb{background:#c1c1c1;border-radius:3px}.score-board-content[data-v-75b3931f]::-webkit-scrollbar-thumb:hover{background:#a8a8a8}@media (max-width: 768px){.score-board[data-v-75b3931f]{position:relative;top:auto;right:auto;width:100%;margin:20px 0}}.player-selection-overlay[data-v-24290424]{position:fixed;top:0;left:0;width:100%;height:100%;background:#000000b3;display:flex;align-items:center;justify-content:center;z-index:2000;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.player-selection-modal[data-v-24290424]{background:#fff;border-radius:20px;width:90%;max-width:600px;max-height:80vh;overflow:hidden;box-shadow:0 20px 60px #0000004d;display:flex;flex-direction:column}.modal-header[data-v-24290424]{display:flex;justify-content:space-between;align-items:center;padding:30px;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;flex-shrink:0}.modal-header h2[data-v-24290424]{font-size:2rem;font-weight:700;margin:0}.close-btn[data-v-24290424]{background:#fff3;border:none;color:#fff;font-size:2rem;width:40px;height:40px;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .3s ease}.close-btn[data-v-24290424]:hover{background:#ffffff4d;transform:scale(1.1)}.modal-content[data-v-24290424]{padding:30px;overflow-y:auto;flex:1;max-height:calc(80vh - 200px)}.input-group[data-v-24290424]{margin-bottom:30px}.input-group label[data-v-24290424]{display:block;font-size:1.3rem;font-weight:700;color:#2c3e50;margin-bottom:15px}.player-input[data-v-24290424],.unit-input[data-v-24290424]{width:100%;padding:20px;font-size:1.2rem;border:3px solid #e9ecef;border-radius:15px;outline:none;transition:all .3s ease}.player-input[data-v-24290424]:focus,.unit-input[data-v-24290424]:focus{border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}.units-grid[data-v-24290424],.players-grid[data-v-24290424]{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:15px}.unit-btn[data-v-24290424],.player-btn[data-v-24290424]{display:flex;flex-direction:column;align-items:center;padding:20px;border:3px solid #e9ecef;border-radius:15px;background:#fff;cursor:pointer;transition:all .3s ease;min-height:100px}.unit-btn[data-v-24290424]:hover,.player-btn[data-v-24290424]:hover{transform:translateY(-5px);box-shadow:0 10px 25px #0000001a}.unit-btn.selected[data-v-24290424],.player-btn.selected[data-v-24290424]{border-width:4px;transform:translateY(-5px);box-shadow:0 10px 25px #0003}.player-btn.selected[data-v-24290424]{border-color:#28a745;background-color:#d4edda}.unit-color[data-v-24290424]{width:30px;height:30px;border-radius:50%;margin-bottom:10px}.unit-name[data-v-24290424]{font-size:1.1rem;font-weight:700;color:#2c3e50;text-align:center}.player-info[data-v-24290424]{display:flex;flex-direction:column;align-items:center;text-align:center}.player-info .player-name[data-v-24290424]{font-size:1.1rem;font-weight:700;color:#2c3e50;margin-bottom:5px}.player-info .player-unit[data-v-24290424]{font-size:.9rem;color:#6c757d;margin-bottom:5px}.player-info .player-score[data-v-24290424]{font-size:.9rem;font-weight:700;color:#28a745}.modal-footer[data-v-24290424]{display:flex;justify-content:flex-end;gap:20px;padding:30px;background:#f8f9fa;border-top:2px solid #e9ecef;flex-shrink:0}.cancel-btn[data-v-24290424],.confirm-btn[data-v-24290424]{padding:15px 30px;border:none;border-radius:25px;font-size:1.2rem;font-weight:700;cursor:pointer;transition:all .3s ease;min-width:120px}.cancel-btn[data-v-24290424]{background:#6c757d;color:#fff}.cancel-btn[data-v-24290424]:hover{background:#5a6268;transform:translateY(-2px)}.confirm-btn[data-v-24290424]{background:#28a745;color:#fff}.confirm-btn[data-v-24290424]:hover:not(:disabled){background:#218838;transform:translateY(-2px)}.confirm-btn[data-v-24290424]:disabled{background:#6c757d;cursor:not-allowed;transform:none}@media (max-width: 768px){.player-selection-modal[data-v-24290424]{width:95%;margin:20px}.modal-header h2[data-v-24290424]{font-size:1.5rem}.units-grid[data-v-24290424],.players-grid[data-v-24290424]{grid-template-columns:repeat(auto-fit,minmax(120px,1fr))}.modal-footer[data-v-24290424]{flex-direction:column}.cancel-btn[data-v-24290424],.confirm-btn[data-v-24290424]{width:100%}}.home[data-v-22d43f8c]{min-height:100vh;background:linear-gradient(135deg,#667eea,#764ba2);padding:20px;width:100%}.header[data-v-22d43f8c]{text-align:center;margin-bottom:40px;color:#fff}.header-top[data-v-22d43f8c]{display:flex;align-items:center;justify-content:space-between;margin-bottom:30px}.header-spacer[data-v-22d43f8c]{width:100px}.back-btn[data-v-22d43f8c]{background:#fff3;border:2px solid rgba(255,255,255,.3);color:#fff;padding:12px 20px;border-radius:25px;cursor:pointer;font-size:1.2rem;font-weight:700;transition:all .3s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);text-decoration:none;display:inline-flex;align-items:center;gap:8px}.back-btn[data-v-22d43f8c]:hover{background:#ffffff4d;transform:translateY(-2px);box-shadow:0 5px 15px #0003}.header-buttons[data-v-22d43f8c]{display:flex;justify-content:center;gap:20px;flex-wrap:wrap}.header h1[data-v-22d43f8c]{font-size:4rem;margin-bottom:30px;text-shadow:2px 2px 4px rgba(0,0,0,.3);font-weight:700}.progress-container[data-v-22d43f8c]{background:#ffffff1a;border-radius:15px;padding:20px;margin-bottom:20px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.progress-info[data-v-22d43f8c]{display:flex;justify-content:space-between;margin-bottom:15px;font-size:1.8rem;font-weight:700}.percentage[data-v-22d43f8c]{font-weight:700;color:gold}.progress-bar[data-v-22d43f8c]{width:100%;height:10px;background:#fff3;border-radius:5px;overflow:hidden}.progress-fill[data-v-22d43f8c]{height:100%;background:linear-gradient(90deg,#4caf50,#45a049);transition:width .3s ease}.reset-btn[data-v-22d43f8c]{background:#fff3;border:3px solid rgba(255,255,255,.3);color:#fff;padding:20px 40px;border-radius:30px;cursor:pointer;font-size:1.5rem;font-weight:700;transition:all .3s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.reset-btn[data-v-22d43f8c]:hover{background:#ffffff4d;transform:translateY(-2px)}.reset-scores-btn[data-v-22d43f8c]{background:#ffc10733;border:3px solid rgba(255,193,7,.3);color:#fff;padding:20px 40px;border-radius:30px;cursor:pointer;font-size:1.5rem;font-weight:700;transition:all .3s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.reset-scores-btn[data-v-22d43f8c]:hover{background:#ffc1074d;transform:translateY(-2px)}.send-data-btn[data-v-22d43f8c]{background:#2196f333;border:3px solid rgba(33,150,243,.3);color:#fff;padding:20px 40px;border-radius:30px;cursor:pointer;font-size:1.5rem;font-weight:700;transition:all .3s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.send-data-btn[data-v-22d43f8c]:hover:not(:disabled){background:#2196f34d;transform:translateY(-2px)}.send-data-btn[data-v-22d43f8c]:disabled{opacity:.6;cursor:not-allowed}.send-data-message[data-v-22d43f8c]{margin-top:20px;padding:15px 30px;background:#fff3;border-radius:15px;color:#fff;font-size:1.3rem;font-weight:700;text-align:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);animation:fadeIn-22d43f8c .3s ease}@keyframes fadeIn-22d43f8c{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.questions-grid[data-v-22d43f8c]{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:30px;width:100%;max-width:1600px;margin:0 auto;padding:0 30px}.question-card[data-v-22d43f8c]{aspect-ratio:1;border-radius:20px;display:flex;flex-direction:column;align-items:center;justify-content:center;cursor:pointer;transition:all .3s ease;position:relative;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:3px solid transparent;min-height:180px}.question-card.has-image[data-v-22d43f8c]{background-size:cover;background-position:center;background-repeat:no-repeat}.question-card.has-image[data-v-22d43f8c]:before{content:"";position:absolute;inset:0;background:#0006;border-radius:20px;z-index:1}.question-card.has-image .question-number[data-v-22d43f8c],.question-card.has-image .question-status[data-v-22d43f8c]{position:relative;z-index:2}.question-card.available[data-v-22d43f8c]{background:#fff3;color:#fff}.question-card.available[data-v-22d43f8c]:hover{background:#ffffff4d;transform:translateY(-5px) scale(1.05);box-shadow:0 10px 25px #0003}.question-card.answered[data-v-22d43f8c]{background:#4caf504d;color:#fff;border-color:#4caf5080}.question-number[data-v-22d43f8c]{font-size:2.5rem;font-weight:700;margin-bottom:10px}.question-status[data-v-22d43f8c]{font-size:2rem}.answered-icon[data-v-22d43f8c]{color:#4caf50;font-weight:700}.available-icon[data-v-22d43f8c]{color:gold;font-weight:700}.completion-message[data-v-22d43f8c]{text-align:center;color:#fff;margin-top:40px;background:#ffffff1a;border-radius:15px;padding:30px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.completion-message h2[data-v-22d43f8c]{font-size:3.5rem;margin-bottom:20px;color:gold;font-weight:700}.completion-message p[data-v-22d43f8c]{font-size:2rem;margin-bottom:30px;font-weight:700}@media (max-width: 768px){.header h1[data-v-22d43f8c]{font-size:3rem}.header-top[data-v-22d43f8c]{flex-direction:column;gap:15px}.header-spacer[data-v-22d43f8c]{display:none}.back-btn[data-v-22d43f8c]{font-size:1rem;padding:10px 16px}.questions-grid[data-v-22d43f8c]{grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:25px}.question-card[data-v-22d43f8c]{aspect-ratio:1}}.question-view[data-v-f30acebc]{min-height:100vh;background:linear-gradient(135deg,#667eea,#764ba2);display:flex;align-items:center;justify-content:center;padding:20px;width:100%}.question-container[data-v-f30acebc]{background:#fffffff2;border-radius:20px;padding:40px;max-width:1200px;width:100%;box-shadow:0 20px 40px #0000001a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.question-header[data-v-f30acebc]{display:flex;justify-content:space-between;align-items:center;margin-bottom:30px;padding-bottom:20px;border-bottom:2px solid #f0f0f0}.back-btn[data-v-f30acebc]{background:#6c757d;color:#fff;border:none;padding:10px 20px;border-radius:25px;cursor:pointer;font-size:1rem;transition:all .3s ease}.back-btn[data-v-f30acebc]:hover{background:#5a6268;transform:translateY(-2px)}.question-number[data-v-f30acebc]{font-size:2rem;font-weight:700;color:#495057}.question-content[data-v-f30acebc]{text-align:center}.question-text[data-v-f30acebc]{font-size:2.5rem;color:#2c3e50;margin-bottom:50px;line-height:1.4;font-weight:700}.options-container[data-v-f30acebc]{display:flex;flex-direction:column;gap:25px;margin-bottom:50px}.option-btn[data-v-f30acebc]{display:flex;align-items:center;padding:30px;border:4px solid #e9ecef;border-radius:20px;background:#fff;cursor:pointer;transition:all .3s ease;text-align:left;font-size:1.8rem;font-weight:500;min-height:80px}.option-btn[data-v-f30acebc]:hover:not(:disabled){border-color:#007bff;background:#f8f9fa;transform:translateY(-2px);box-shadow:0 5px 15px #007bff33}.option-btn.selected[data-v-f30acebc]{border-color:#6f42c1;background:#f3e5f5;color:#6f42c1;font-weight:700}.option-btn[data-v-f30acebc]:disabled{cursor:not-allowed;opacity:.7}.option-letter[data-v-f30acebc]{background:#007bff;color:#fff;width:60px;height:60px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:1.5rem;margin-right:30px;flex-shrink:0}.option-btn.selected .option-letter[data-v-f30acebc]{background:#6f42c1}.option-text[data-v-f30acebc]{flex:1}.action-buttons[data-v-f30acebc]{display:flex;justify-content:center;gap:20px}.cancel-btn[data-v-f30acebc],.submit-btn[data-v-f30acebc],.clear-btn[data-v-f30acebc]{padding:25px 50px;border:none;border-radius:30px;font-size:1.5rem;font-weight:700;cursor:pointer;transition:all .3s ease;min-width:250px}.cancel-btn[data-v-f30acebc]{background:#6c757d;color:#fff}.cancel-btn[data-v-f30acebc]:hover{background:#5a6268;transform:translateY(-2px)}.submit-btn[data-v-f30acebc]{background:#28a745;color:#fff}.submit-btn[data-v-f30acebc]:hover{background:#218838;transform:translateY(-2px)}.clear-btn[data-v-f30acebc]{background:#6c757d;color:#fff}.clear-btn[data-v-f30acebc]:hover{background:#5a6268;transform:translateY(-2px)}@media (max-width: 768px){.question-container[data-v-f30acebc]{padding:30px;margin:10px;max-width:1000px}.question-text[data-v-f30acebc]{font-size:2rem}.option-btn[data-v-f30acebc]{padding:25px;font-size:1.5rem}.option-letter[data-v-f30acebc]{width:50px;height:50px;margin-right:20px;font-size:1.2rem}.action-buttons[data-v-f30acebc]{flex-direction:column;align-items:center}.cancel-btn[data-v-f30acebc],.submit-btn[data-v-f30acebc],.clear-btn[data-v-f30acebc]{width:100%;max-width:350px}}.result-view[data-v-db74b4c7]{min-height:100vh;background:linear-gradient(135deg,#667eea,#764ba2);display:flex;align-items:center;justify-content:center;padding:20px;width:100%}.result-container[data-v-db74b4c7]{background:#fffffff2;border-radius:20px;padding:50px;max-width:1000px;width:100%;text-align:center;box-shadow:0 20px 40px #0000001a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.result-icon[data-v-db74b4c7]{margin-bottom:20px}.correct-icon[data-v-db74b4c7],.incorrect-icon[data-v-db74b4c7]{font-size:6rem;margin-bottom:20px}.result-title[data-v-db74b4c7]{font-size:4rem;margin-bottom:30px;font-weight:700}.correct-message[data-v-db74b4c7]{color:#28a745;font-size:2.2rem;font-weight:700}.incorrect-message[data-v-db74b4c7]{color:#dc3545;font-size:2.2rem;font-weight:700}.question-summary[data-v-db74b4c7]{background:#f8f9fa;border-radius:15px;padding:25px;margin:30px 0;text-align:left}.question-summary h3[data-v-db74b4c7]{color:#495057;margin-bottom:20px;font-size:2rem;font-weight:700}.question-text[data-v-db74b4c7]{color:#6c757d;font-style:italic;margin-bottom:25px;line-height:1.4;font-size:1.5rem}.answer-summary p[data-v-db74b4c7]{margin:15px 0;color:#495057;font-size:1.3rem;font-weight:500}.progress-info[data-v-db74b4c7]{background:#e9ecef;border-radius:10px;padding:20px;margin:30px 0}.progress-info p[data-v-db74b4c7]{margin-bottom:15px;color:#495057;font-weight:700;font-size:1.5rem}.progress-bar[data-v-db74b4c7]{width:100%;height:10px;background:#dee2e6;border-radius:5px;overflow:hidden}.progress-fill[data-v-db74b4c7]{height:100%;background:linear-gradient(90deg,#28a745,#20c997);transition:width .3s ease}.action-buttons[data-v-db74b4c7]{display:flex;gap:20px;justify-content:center;margin-top:30px}.home-btn[data-v-db74b4c7],.next-btn[data-v-db74b4c7],.try-again-btn[data-v-db74b4c7]{padding:25px 50px;border:none;border-radius:30px;font-size:1.5rem;font-weight:700;cursor:pointer;transition:all .3s ease;min-width:300px}.home-btn[data-v-db74b4c7]{background:#6c757d;color:#fff}.home-btn[data-v-db74b4c7]:hover{background:#5a6268;transform:translateY(-2px)}.next-btn[data-v-db74b4c7]{background:#007bff;color:#fff}.next-btn[data-v-db74b4c7]:hover{background:#0056b3;transform:translateY(-2px)}.try-again-btn[data-v-db74b4c7]{background:#ffc107;color:#212529}.try-again-btn[data-v-db74b4c7]:hover{background:#e0a800;transform:translateY(-2px)}@media (max-width: 768px){.result-container[data-v-db74b4c7]{padding:40px 30px;margin:10px;max-width:800px}.result-title[data-v-db74b4c7]{font-size:3rem}.correct-icon[data-v-db74b4c7],.incorrect-icon[data-v-db74b4c7]{font-size:4rem}.action-buttons[data-v-db74b4c7]{flex-direction:column;align-items:center}.home-btn[data-v-db74b4c7],.next-btn[data-v-db74b4c7],.try-again-btn[data-v-db74b4c7]{width:100%;max-width:350px}}
