body{height:100vh;overflow-x:hidden;position:fixed;width:100%}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}#root,body,html{height:100%;margin:0;padding:0;width:100%}#root{display:flex;flex-direction:column}.question-container{box-sizing:border-box;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0 auto;max-width:800px;text-align:center;width:100%}.question-title{color:#2c3e50;font-size:2.5rem;font-weight:700;margin:.5rem 0 1rem;text-shadow:2px 2px 4px #0000001a}.options-container{grid-gap:10px;display:grid;gap:10px;grid-template-columns:1fr;margin-bottom:1rem}.option-button{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:15px;box-shadow:0 4px 15px #0003;color:#fff;cursor:pointer;display:flex;font-size:1.2rem;font-weight:600;justify-content:center;line-height:1.4;min-height:60px;padding:15px;text-align:center;transition:all .3s ease}.option-button:hover:not(:disabled){background:linear-gradient(135deg,#764ba2,#667eea);box-shadow:0 6px 20px #0000004d;transform:translateY(-3px)}.option-button:active:not(:disabled){transform:translateY(-1px)}.option-button.selected{background:linear-gradient(135deg,#f093fb,#f5576c);transform:scale(1.02)}.option-button.correct{animation:correctPulse .6s ease-in-out;background:linear-gradient(135deg,#4facfe,#00f2fe)}.option-button.incorrect{animation:incorrectShake .6s ease-in-out;background:linear-gradient(135deg,#ff6b6b,#ee5a52)}.option-button.disabled{cursor:not-allowed;opacity:.6;transform:none}.result-message{animation:slideIn .5s ease-out;border-radius:15px;font-size:1.3rem;font-weight:700;margin-top:1rem;padding:20px}.result-message.correct{background:linear-gradient(135deg,#a8edea,#fed6e3);border:3px solid #4facfe;color:#2c3e50}.result-message.incorrect{background:linear-gradient(135deg,#ffecd2,#fcb69f);border:3px solid #ff6b6b;color:#2c3e50}.result-icon{display:inline-block;font-size:2rem;margin-right:10px}@keyframes correctPulse{0%{transform:scale(1)}50%{transform:scale(1.05)}to{transform:scale(1)}}@keyframes incorrectShake{0%,to{transform:translateX(0)}25%{transform:translateX(-5px)}75%{transform:translateX(5px)}}@keyframes slideIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@media (max-width:768px){.question-container{margin-bottom:20px;padding:5px}.question-title{font-size:1.8rem;margin:.3rem 0 .8rem}.option-button{font-size:.9rem;margin-bottom:5px;min-height:45px;padding:10px}.result-message{font-size:1rem;padding:12px}}.score-container{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:20px;box-shadow:0 8px 25px #00000026;color:#fff;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin-bottom:30px;padding:20px;text-align:center}.score-header{align-items:center;display:flex;flex-wrap:wrap;gap:10px;justify-content:space-between;margin-bottom:15px}.score-header h3{font-size:1.5rem;margin:0}.score-display,.score-header h3{font-weight:700;text-shadow:2px 2px 4px #0000004d}.score-display{font-size:2rem}.current-score{color:#4facfe;text-shadow:0 0 10px #4facfe80}.total-score{opacity:.8}.progress-bar-container{background:#fff3;border-radius:6px;box-shadow:inset 0 2px 4px #0003;height:12px;margin-bottom:10px;overflow:hidden}.progress-bar{background:linear-gradient(90deg,#4facfe,#00f2fe);border-radius:6px;box-shadow:0 2px 4px #0003;height:100%;transition:width .5s ease-in-out}.question-counter{font-size:1.1rem;font-weight:600;margin-bottom:10px;opacity:.9}.score-message{animation:fadeIn .5s ease-in;font-size:1.2rem;font-weight:700;text-shadow:1px 1px 2px #0000004d}@media (max-width:768px){.score-container{margin-bottom:10px;padding:15px}.score-header{flex-direction:row;justify-content:space-between;text-align:center}.score-display{font-size:1.6rem}.score-message{font-size:.9rem}.question-counter{font-size:1rem}}.quiz-complete-container{align-items:center;box-sizing:border-box;display:flex;height:100vh;justify-content:center;min-height:100vh;padding:20px;width:100%}.completion-card{animation:slideInUp .8s ease-out;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:25px;box-shadow:0 20px 40px #0003;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;max-width:500px;overflow:hidden;padding:40px;position:relative;text-align:center;width:100%}.completion-card:before{animation:rotate 10s linear infinite;background:radial-gradient(circle,#ffffff1a 0,#0000 70%);content:"";height:200%;left:-50%;position:absolute;top:-50%;width:200%}@keyframes rotate{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.completion-header{margin-bottom:30px;position:relative;text-align:center;z-index:2}.firefighter-image{align-items:center;animation:firefighterBounce 2s ease-in-out infinite;display:flex;font-size:6rem;gap:10px;justify-content:center;margin-bottom:20px}@keyframes firefighterBounce{0%,to{transform:translateY(0) scale(1)}25%{transform:translateY(-5px) scale(1.05)}50%{transform:translateY(-10px) scale(1.1)}75%{transform:translateY(-5px) scale(1.05)}}.firefighter-level{animation:levelGlow 3s ease-in-out infinite;font-size:1.8rem;font-weight:700;margin-bottom:15px;text-shadow:2px 2px 4px #0000004d}@keyframes levelGlow{0%,to{text-shadow:2px 2px 4px #0000004d,0 0 10px currentColor}50%{text-shadow:2px 2px 4px #0000004d,0 0 20px currentColor,0 0 30px currentColor}}.completion-title{animation:pulse 2s ease-in-out infinite;font-size:2.5rem;font-weight:700;margin:0;text-shadow:2px 2px 4px #0000004d}.score-summary{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fff3;border-radius:20px;margin-bottom:25px;padding:25px;position:relative;z-index:2}.final-score{font-size:3rem;font-weight:700;margin-bottom:10px;text-shadow:2px 2px 4px #0000004d}.score-number{color:#4facfe;text-shadow:0 0 15px #4facfe80}.score-total{font-size:2rem;opacity:.8}.percentage{color:#f093fb;font-size:1.5rem;font-weight:600;text-shadow:1px 1px 2px #0000004d}.completion-message{color:#fff;font-size:1.3rem;font-weight:600;line-height:1.5;margin-bottom:20px}.completion-message,.firefighter-description{position:relative;text-shadow:1px 1px 2px #0000004d;z-index:2}.firefighter-description{animation:slideInLeft .8s ease-out;background:#ffffff1a;border-left:4px solid;border-radius:10px;color:#ffffffe6;font-size:1.1rem;font-style:italic;font-weight:500;line-height:1.4;margin-bottom:30px;padding:15px}@keyframes slideInLeft{0%{opacity:0;transform:translateX(-30px)}to{opacity:1;transform:translateX(0)}}.celebration{bottom:0;left:0;pointer-events:none;position:absolute;right:0;top:0;z-index:1}.confetti{animation:confettiFall 3s ease-in-out infinite;font-size:2rem;position:absolute}.confetti:first-child{animation-delay:0s;left:10%}.confetti:nth-child(2){animation-delay:.5s;left:30%}.confetti:nth-child(3){animation-delay:1s;left:70%}.confetti:nth-child(4){animation-delay:1.5s;left:90%}@keyframes confettiFall{0%{opacity:1;transform:translateY(-100px) rotate(0deg)}to{opacity:0;transform:translateY(100vh) rotate(1turn)}}.restart-button{align-items:center;background:linear-gradient(135deg,#4facfe,#00f2fe);border:none;border-radius:50px;box-shadow:0 8px 25px #4facfe66;color:#fff;cursor:pointer;display:flex;font-size:1.2rem;font-weight:700;gap:10px;margin:0 auto;padding:15px 30px;position:relative;transition:all .3s ease;z-index:2}.restart-button:hover{background:linear-gradient(135deg,#00f2fe,#4facfe);box-shadow:0 12px 35px #4facfe99;transform:translateY(-3px)}.restart-button:active{transform:translateY(-1px)}.button-icon{animation:spin 2s linear infinite;font-size:1.3rem}@media (max-width:768px){.quiz-complete-container{height:100vh;min-height:100vh;padding:10px}.completion-card{max-width:100%;padding:30px 20px}.firefighter-image{font-size:4rem;margin-bottom:15px}.firefighter-level{font-size:1.5rem;margin-bottom:10px}.completion-title{font-size:2rem}.final-score{font-size:2.5rem}.completion-message{font-size:1.1rem}.firefighter-description{font-size:1rem;padding:12px}.restart-button{font-size:1rem;padding:12px 25px}}.timer-container{animation:pulse 2s ease-in-out infinite;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:20px;box-shadow:0 8px 25px #00000026;box-sizing:border-box;color:#fff;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:20px auto;max-width:600px;padding:20px;text-align:center;width:100%}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.02)}}.timer-header{align-items:center;display:flex;flex-wrap:wrap;gap:10px;justify-content:space-between;margin-bottom:15px}.timer-header h3{font-size:1.5rem;margin:0}.timer-display,.timer-header h3{font-weight:700;text-shadow:2px 2px 4px #0000004d}.timer-display{align-items:baseline;display:flex;font-size:2.5rem;gap:5px}.time-left{animation:countdown 1s ease-in-out infinite;color:#4facfe;text-shadow:0 0 15px #4facfe80}@keyframes countdown{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}.time-unit{font-size:1.5rem;opacity:.8}.timer-bar-container{background:#fff3;border-radius:6px;box-shadow:inset 0 2px 4px #0003;height:12px;margin-bottom:10px;overflow:hidden}.timer-bar{background:linear-gradient(90deg,#4facfe,#00f2fe);border-radius:6px;box-shadow:0 2px 4px #0003;height:100%;position:relative;transition:width 1s linear,background-color .3s ease}.timer-bar:after{animation:shimmer 2s ease-in-out infinite;background:linear-gradient(90deg,#0000,#ffffff4d 50%,#0000);bottom:0;content:"";left:0;position:absolute;right:0;top:0}@keyframes shimmer{0%{transform:translateX(-100%)}to{transform:translateX(100%)}}.timer-message{animation:fadeIn .5s ease-in;font-size:1.2rem;font-weight:700;text-shadow:1px 1px 2px #0000004d}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@media (max-width:768px){.timer-container{border-radius:0;bottom:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;left:0;margin:0;max-width:100%;padding:10px;position:fixed;right:0;width:100%;z-index:100}.timer-header{flex-direction:row;justify-content:space-between;text-align:center}.timer-header h3{font-size:1.2rem}.timer-display,.timer-header h3{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}.timer-display{font-size:1.8rem}.timer-message{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;font-size:.9rem}.timer-bar-container{height:8px}}*{box-sizing:border-box}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#fff;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0;min-height:100vh}.app-container{align-items:center;box-sizing:border-box;display:flex;flex-direction:column;height:100vh;justify-content:flex-start;min-height:100vh;overflow-y:auto;padding:10px;width:100%}.loading-container{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:20px;box-shadow:0 8px 25px #0003;color:#2c3e50;padding:40px;text-align:center}.loading-spinner{animation:spin 2s linear infinite;font-size:4rem;margin-bottom:20px}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.welcome-container{animation:slideInUp .8s ease-out;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:25px;box-shadow:0 15px 35px #0003;color:#2c3e50;max-width:600px;padding:50px;text-align:center}@keyframes slideInUp{0%{opacity:0;transform:translateY(50px)}to{opacity:1;transform:translateY(0)}}.welcome-title{animation:bounce 2s ease-in-out infinite;color:#fff;font-size:3rem;margin-bottom:20px;text-shadow:3px 3px 6px #0000004d}@keyframes bounce{0%,20%,50%,80%,to{transform:translateY(0)}40%{transform:translateY(-10px)}60%{transform:translateY(-5px)}}.welcome-subtitle{color:#fff;font-size:1.5rem;font-weight:600;margin-bottom:15px;text-shadow:2px 2px 4px #0000004d}.welcome-description{color:#fff;font-size:1.2rem;line-height:1.6;margin-bottom:30px;opacity:.9}.start-button{align-items:center;background:linear-gradient(135deg,#4facfe,#00f2fe);border:none;border-radius:50px;box-shadow:0 10px 30px #4facfe66;color:#fff;cursor:pointer;display:flex;font-family:inherit;font-size:1.5rem;font-weight:700;gap:15px;margin:0 auto;padding:20px 40px;transition:all .3s ease}.start-button:hover{background:linear-gradient(135deg,#00f2fe,#4facfe);box-shadow:0 15px 40px #4facfe99;transform:translateY(-3px)}.start-button:active{transform:translateY(-1px)}.button-icon{animation:rocket 2s ease-in-out infinite;font-size:1.8rem}@keyframes rocket{0%,to{transform:translateY(0)}50%{transform:translateY(-5px)}}.next-button-container{margin-top:7px;text-align:center}.next-button{align-items:center;background:linear-gradient(135deg,#f093fb,#f5576c);border:none;border-radius:50px;box-shadow:0 8px 25px #f093fb66;color:#fff;cursor:pointer;display:flex;font-family:inherit;font-size:1.2rem;font-weight:700;gap:10px;margin:0 auto;padding:15px 30px;transition:all .3s ease}.next-button:hover{background:linear-gradient(135deg,#f5576c,#f093fb);box-shadow:0 12px 35px #f093fb99;transform:translateY(-3px)}.next-button:active{transform:translateY(-1px)}.button-arrow{animation:slideRight 1.5s ease-in-out infinite;font-size:1.3rem}@keyframes slideRight{0%,to{transform:translateX(0)}50%{transform:translateX(5px)}}@media (max-width:768px){.app-container{height:100vh;max-height:100vh;min-height:100vh;overflow-y:auto;padding:5px 5px 80px;position:relative}.welcome-container{margin:10px;padding:20px 15px}.welcome-title{font-size:2rem}.welcome-subtitle{font-size:1.2rem}.welcome-description{font-size:1rem}.start-button{font-size:1.2rem;padding:12px 25px}.next-button{font-size:1rem;padding:10px 20px}.next-button-container{margin:5px 0 10px}}
/*# sourceMappingURL=main.c39b159c.css.map*/