body{margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.quiz-container{animation:slideIn .3s ease-out;background:#fff;border-radius:20px;box-shadow:0 20px 60px #0000004d;max-width:700px;padding:40px;width:100%}.quiz-header{display:flex;flex-direction:column;gap:10px;margin-bottom:30px}.set-title-small{color:#c2185b;font-size:.9rem;font-weight:700;text-align:center}.question-counter{color:#666;font-size:1.1rem;font-weight:700;text-align:center}.category-badge{background:linear-gradient(135deg,#c2185b,#d81b60);border-radius:20px;box-shadow:0 2px 8px #c2185b4d;color:#fff;font-size:.9rem;font-weight:700;padding:8px 16px}.question-section{margin-bottom:30px}.question-text{color:#333;font-size:1.4rem;font-weight:700;line-height:1.6}.options-section{display:flex;flex-direction:column;gap:15px;margin-bottom:20px}.option-button{background:#fff;border:2px solid #e0e0e0;border-radius:12px;color:#333;cursor:pointer;font-size:1.1rem;font-weight:500;padding:18px 24px;text-align:left;transition:all .3s ease}.option-button:hover:not(:disabled){background:linear-gradient(135deg,#c2185b0d,#d81b600d);border-color:#c2185b;transform:translateX(5px)}.option-button.correct{background:#4caf50;border-color:#4caf50;color:#fff}.option-button.incorrect{background:#f44336;border-color:#f44336;color:#fff}.option-button.disabled{cursor:not-allowed;opacity:.5}.explanation-section{animation:fadeIn .3s ease-out;background:linear-gradient(135deg,#c2185b14,#d81b6014);border:1px solid #c2185b33;border-radius:12px;margin-top:20px;padding:25px}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.result-badge{border-radius:20px;display:inline-block;font-size:1.1rem;font-weight:700;margin-bottom:15px;padding:8px 20px}.correct-badge{background:#4caf50;color:#fff}.incorrect-badge{background:#f44336;color:#fff}.explanation-text{color:#555;font-size:1rem;line-height:1.6;margin-bottom:20px}.next-button{background:linear-gradient(135deg,#c2185b,#d81b60);border:none;border-radius:50px;box-shadow:0 2px 8px #c2185b4d;color:#fff;cursor:pointer;font-size:1.1rem;font-weight:700;padding:12px 30px;transition:all .3s ease;width:100%}.next-button:hover{box-shadow:0 4px 15px #c2185b80,0 0 20px #f0629233;transform:translateY(-2px)}.score-display{color:#666;font-size:1.1rem;font-weight:700;margin-top:20px;text-align:center}.home-button-quiz{background:#fff;border:2px solid #e0e0e0;border-radius:50px;color:#999;cursor:pointer;font-size:1rem;font-weight:700;margin-top:20px;padding:12px 30px;transition:all .3s ease;width:100%}.home-button-quiz:hover{background:#f5f5f5;border-color:#999;color:#666;transform:translateY(-2px)}.home-button-quiz:active{transform:translateY(0)}@media (max-width:768px){.quiz-container{padding:30px 20px}.question-text{font-size:1.2rem}.option-button{font-size:1rem;padding:15px 20px}.category-badge{font-size:.8rem;padding:6px 12px}.question-counter{font-size:1rem}.home-button-quiz{font-size:.9rem;padding:10px 20px}}.result-container{animation:scaleIn .3s ease-out;background:#fff;border-radius:20px;box-shadow:0 20px 60px #0000004d;max-width:600px;padding:50px 40px;text-align:center;width:100%}@keyframes scaleIn{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}.result-title{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#c2185b,#d81b60);-webkit-background-clip:text;background-clip:text;color:#333;font-size:2.5rem;margin-bottom:30px}.score-circle{align-items:center;background:linear-gradient(135deg,#c2185b,#d81b60);border-radius:50%;box-shadow:0 10px 30px #c2185b66,0 0 40px #f0629233;display:flex;flex-direction:column;height:200px;justify-content:center;margin:0 auto 30px;width:200px}.score-percentage{color:#fff;font-size:3rem;text-shadow:0 0 10px #ffffff80}.score-fraction{color:#ffffffe6;font-size:1.2rem;margin-top:5px}.score-message{color:#555;font-size:1.3rem;font-weight:700;margin-bottom:40px}.save-score-section{background:linear-gradient(135deg,#c2185b14,#d81b6014);border:1px solid #c2185b33;border-radius:15px;margin-bottom:30px;padding:30px}.save-score-section h3{color:#333;font-size:1.3rem;margin-bottom:20px}.name-input{border:2px solid #e0e0e0;border-radius:12px;font-size:1.1rem;margin-bottom:15px;padding:15px 20px;transition:all .3s ease;width:100%}.name-input:focus{border-color:#c2185b;box-shadow:0 0 0 3px #c2185b1a;outline:none}.save-button{background:linear-gradient(135deg,#4caf50,#45a049);border:none;border-radius:50px;color:#fff;cursor:pointer;font-size:1.1rem;font-weight:700;padding:15px 30px;transition:all .3s ease;width:100%}.save-button:hover:not(:disabled){box-shadow:0 4px 15px #4caf5066;transform:translateY(-2px)}.save-button:disabled{cursor:not-allowed;opacity:.5}.save-message{font-size:1rem;font-weight:700;margin-top:15px}.save-message.success{color:#4caf50}.save-message.error{color:#f44336}.result-buttons{display:flex;flex-direction:column;gap:12px}.home-button,.ranking-button,.restart-button{border:none;border-radius:50px;cursor:pointer;font-size:1.1rem;font-weight:700;padding:15px 30px;transition:all .3s ease;width:100%}.restart-button{background:linear-gradient(135deg,#c2185b,#d81b60);box-shadow:0 2px 8px #c2185b4d;color:#fff}.restart-button:hover{box-shadow:0 4px 15px #c2185b80,0 0 20px #f0629233;transform:translateY(-2px)}.ranking-button{background:#fff;border:2px solid #c2185b;color:#c2185b}.ranking-button:hover{background:#c2185b;box-shadow:0 4px 10px #c2185b66;color:#fff;transform:translateY(-2px)}.home-button{background:#fff;border:2px solid #e0e0e0;color:#999}.home-button:hover{background:#f5f5f5;border-color:#999;color:#666;transform:translateY(-2px)}@media (max-width:768px){.result-container{padding:40px 30px}.result-title{font-size:2rem}.score-circle{height:160px;width:160px}.score-percentage{font-size:2.5rem}.score-fraction{font-size:1rem}.save-score-section h3,.score-message{font-size:1.1rem}.home-button,.name-input,.ranking-button,.restart-button,.save-button{font-size:1rem;padding:12px 20px}}.ranking-container{animation:slideIn .3s ease-out;background:#fff;border-radius:20px;box-shadow:0 20px 60px #0000004d;max-width:700px;padding:40px;width:100%}@keyframes slideIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.ranking-title{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#c2185b,#d81b60);-webkit-background-clip:text;background-clip:text;color:#333;font-size:2.2rem;margin-bottom:10px;text-align:center}.ranking-subtitle{color:#666;font-size:1rem;margin-bottom:20px;text-align:center}.set-selector-tabs{background:#f5f5f5;border-radius:15px;display:flex;flex-wrap:wrap;gap:8px;justify-content:center;margin-bottom:30px;padding:15px}.tab-button{background:#fff;border:2px solid #e0e0e0;border-radius:20px;color:#666;cursor:pointer;font-size:.9rem;font-weight:500;padding:8px 16px;transition:all .3s ease}.tab-button:hover{border-color:#c2185b;color:#d81b60;transform:translateY(-2px)}.tab-button.active{background:linear-gradient(135deg,#c2185b,#d81b60);border-color:#0000;color:#fff;font-weight:700}.tab-button.active:hover{box-shadow:0 4px 10px #c2185b4d;transform:translateY(-2px)}.error-message,.loading,.no-data{color:#666;font-size:1.2rem;padding:40px;text-align:center}.error-message{color:#f44336}.ranking-list{display:flex;flex-direction:column;gap:15px;margin-bottom:30px}.ranking-item{align-items:center;animation:fadeInUp .3s ease-out;animation-fill-mode:both;background:#f3e5f5;border-radius:15px;display:flex;padding:20px;transition:all .3s ease}@keyframes fadeInUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.ranking-item:first-child{animation-delay:.05s}.ranking-item:nth-child(2){animation-delay:.1s}.ranking-item:nth-child(3){animation-delay:.15s}.ranking-item:nth-child(4){animation-delay:.2s}.ranking-item:nth-child(5){animation-delay:.25s}.ranking-item:nth-child(6){animation-delay:.3s}.ranking-item:nth-child(7){animation-delay:.35s}.ranking-item:nth-child(8){animation-delay:.4s}.ranking-item:nth-child(9){animation-delay:.45s}.ranking-item:nth-child(10){animation-delay:.5s}.ranking-item:hover{box-shadow:0 4px 15px #0000001a;transform:translateX(5px)}.ranking-item.rank-1{background:linear-gradient(135deg,gold,#ffed4e)}.ranking-item.rank-2{background:linear-gradient(135deg,silver,#e8e8e8)}.ranking-item.rank-3{background:linear-gradient(135deg,#cd7f32,#e39c5f)}.rank-badge{font-size:1.5rem;font-weight:700;min-width:60px;text-align:center}.ranking-item.rank-1 .rank-badge,.ranking-item.rank-2 .rank-badge,.ranking-item.rank-3 .rank-badge{color:#333}.player-info{flex:1 1;margin-left:20px}.player-name{color:#333;font-size:1.2rem;font-weight:700;margin-bottom:5px}.player-meta{align-items:center;display:flex;flex-wrap:wrap;gap:10px}.set-label{background:#c2185b1a;border-radius:10px;color:#c2185b;font-size:.8rem;font-weight:500;padding:2px 8px}.player-date{color:#888;font-size:.9rem}.player-score{min-width:100px;text-align:right}.score-percentage{color:#c2185b;font-size:1.5rem;font-weight:700}.ranking-item.rank-1 .score-percentage,.ranking-item.rank-2 .score-percentage,.ranking-item.rank-3 .score-percentage{color:#333}.score-detail{color:#666;font-size:.9rem;margin-top:2px}.back-button{background:linear-gradient(135deg,#c2185b,#d81b60);border:none;border-radius:50px;color:#fff;cursor:pointer;font-size:1.1rem;font-weight:700;padding:15px 40px;transition:all .3s ease;width:100%}.back-button:hover{box-shadow:0 4px 15px #c2185b66;transform:translateY(-2px)}@media (max-width:768px){.ranking-container{padding:30px 20px}.ranking-title{font-size:1.8rem}.ranking-subtitle{font-size:.9rem}.set-selector-tabs{gap:6px;padding:10px}.tab-button{font-size:.8rem;padding:6px 12px}.ranking-item{padding:15px}.rank-badge{font-size:1.2rem;min-width:50px}.player-info{margin-left:15px}.player-name{font-size:1rem}.player-meta{gap:6px}.set-label{font-size:.7rem}.player-date{font-size:.8rem}.score-percentage{font-size:1.2rem}.score-detail{font-size:.8rem}.back-button{font-size:1rem;padding:12px 30px}}*{box-sizing:border-box;margin:0;padding:0}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}.App{background:linear-gradient(135deg,#c2185b,#d81b60 50%,#f06292);justify-content:center;min-height:100vh;padding:20px}.App,.home-screen{align-items:center;display:flex}.home-screen{flex-direction:column;max-width:1400px;padding:2rem 1rem;width:100%}.home-header{margin-bottom:3rem;text-align:center}.game-title{color:#fff;font-size:3rem;font-weight:700;margin-bottom:1.5rem;text-shadow:0 0 20px #fffc,2px 2px 4px #0000004d}.home-image{background-color:#fff;border-radius:15px;box-shadow:0 8px 20px #0000004d;display:block;height:auto;margin:0 auto 2rem;max-width:100%;width:400px}.game-description{color:#fffffff2;font-size:1.2rem;line-height:1.6;margin-bottom:.5rem}.game-subtitle{color:#ffffffd9;font-size:1.1rem;margin-top:1rem}.sets-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));margin-bottom:2rem;width:100%}.set-card{background:#fff;border-radius:15px;box-shadow:0 4px 6px #0000001a;display:flex;flex-direction:column;gap:.8rem;padding:1.5rem;transition:all .3s ease}.set-card:hover{box-shadow:0 8px 15px #0003;transform:translateY(-5px)}.set-number{align-self:flex-start;background:linear-gradient(135deg,#d81b60,#c2185b);border-radius:20px;box-shadow:0 2px 8px #d81b6066;color:#fff;display:inline-block;font-size:.85rem;font-weight:700;padding:.3rem .8rem}.set-title{color:#333;font-size:1.1rem;line-height:1.4;margin:0;min-height:2.8rem}.set-questions-count{border-bottom:1px solid #f0f0f0;color:#999;font-size:.85rem;margin-top:auto;padding-bottom:.5rem;text-align:center}.set-card-buttons{display:flex;gap:.5rem;margin-top:.5rem}.set-challenge-button,.set-ranking-button{border:none;border-radius:8px;cursor:pointer;flex:1 1;font-size:.9rem;font-weight:600;padding:.7rem 1rem;transition:all .3s ease}.set-challenge-button{background:linear-gradient(135deg,#d81b60,#c2185b);box-shadow:0 2px 8px #d81b604d;color:#fff}.set-challenge-button:hover{box-shadow:0 4px 15px #d81b6080,0 0 20px #f062924d;transform:translateY(-2px)}.set-challenge-button:active{transform:translateY(0)}.set-ranking-button{background:#fff;border:2px solid #c2185b;color:#c2185b}.set-ranking-button:hover{background:#c2185b;box-shadow:0 4px 10px #c2185b66;color:#fff;transform:translateY(-2px)}.set-ranking-button:active{transform:translateY(0)}.ranking-button-home{background:#fff;border:2px solid #fff;border-radius:30px;box-shadow:0 4px 15px #fff6;color:#c2185b;cursor:pointer;font-size:1.1rem;font-weight:700;margin-top:1rem;padding:1rem 3rem;transition:all .3s ease}.ranking-button-home:hover{background:#fffffff2;box-shadow:0 6px 20px #fff9,0 0 30px #ffffff4d;transform:scale(1.05)}.ranking-button-home:active{transform:scale(.98)}.footer{border-top:1px solid #fff3;margin-top:3rem;padding-top:2rem;text-align:center}.copyright{color:#fffc;font-size:.9rem;margin:0}@media (max-width:768px){.home-screen{padding:1.5rem 1rem}.home-header{margin-bottom:2rem}.game-title{font-size:2rem}.home-image{margin-bottom:1.5rem;width:300px}.game-description,.game-subtitle{font-size:1rem}.sets-grid{gap:1rem;grid-template-columns:1fr}.set-card{padding:1.2rem}.set-title{font-size:1rem}.set-card-buttons{flex-direction:column;gap:.4rem}.set-challenge-button,.set-ranking-button{font-size:.85rem;padding:.6rem .8rem}.ranking-button-home{font-size:1rem;padding:.8rem 2rem}.footer{margin-top:2rem;padding-top:1.5rem}.copyright{font-size:.8rem}}@media (max-width:480px){.game-title{font-size:1.7rem}.home-image{margin-bottom:1rem;width:250px}.game-description{font-size:.95rem}.game-subtitle{font-size:.9rem}}
/*# sourceMappingURL=main.214828ad.css.map*/