body{background:linear-gradient(180deg,#1e3c72,#2a5298);color:#333;font-family:Arial,sans-serif}body,h1,h2,h3,h4,h5,h6{margin:0;padding:0}a{color:inherit;text-decoration:none}button{background:#007bff;border:none;border-radius:5px;color:#fff;cursor:pointer;margin:5px;padding:10px 20px;transition:background-color .3s ease}button:hover{background:#0056b3}.home-page{align-items:center;background:linear-gradient(180deg,#2a5298,#1e3c72);box-sizing:border-box;color:#fff;display:flex;font-family:Arial,sans-serif;height:100vh;justify-content:center;padding:20px}.message-box{background-color:#000c;border:2px solid #ddd;border-radius:15px;box-shadow:0 0 15px #00000080;color:#fff;max-height:90vh;max-width:800px;overflow-y:auto;padding:30px;text-align:left;width:100%}.message-box h1{font-size:32px;text-align:center}.message-box .section,.message-box h1{margin-bottom:20px}.message-box .section h2{font-size:24px;margin-bottom:10px}.message-box .section p,.message-box .section ul{font-size:16px;line-height:1.5;margin-bottom:10px}.message-box .section ul{padding-left:20px}.message-box .section ul li{margin-bottom:5px}.image-container{cursor:pointer;margin-top:10px;text-align:center}.decision-tree-image{height:auto;margin-top:10px;max-width:400px;transition:transform .3s ease;width:100%}.image-container:hover .decision-tree-image{transform:scale(1.05)}.agree-button{background-color:#28a745;border:none;border-radius:5px;color:#fff;cursor:pointer;display:block;font-size:18px;padding:15px;transition:background-color .3s ease;width:100%}.agree-button:hover{background-color:#218838}.modal{align-items:center;background:#000c;display:flex;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:1000}.modal-content{border-radius:10px;max-height:90%;max-width:90%;overflow:auto}.modal-image{border-radius:10px;height:auto;max-height:90vh;width:100%}@media (max-width:768px){.message-box{padding:20px}.message-box h1{font-size:28px}.message-box .section h2{font-size:22px}.message-box .section p,.message-box .section ul{font-size:14px}.decision-tree-image{max-width:100%}.agree-button{font-size:16px;padding:12px}}@media (max-width:480px){.message-box{padding:15px}.message-box h1{font-size:24px}.message-box .section h2{font-size:20px}.message-box .section p,.message-box .section ul{font-size:12px}.agree-button{font-size:14px;padding:10px}.modal-content{padding:10px}}.question-container{align-items:center;background:#000000b3;border-radius:15px;box-sizing:border-box;display:flex;flex-direction:column;justify-content:center;min-height:100vh;padding:20px;text-align:center}.score-container{background:#222;border-radius:10px;color:#fff;display:flex;justify-content:space-around;margin-bottom:20px;max-width:600px;padding:10px;width:100%}.score-container h1{font-size:1.2em;margin:0}.scenario-title{color:#f39c12;font-size:1.5em;font-weight:700;margin-bottom:20px}.training-text h1{color:orange;font-weight:700}.question-content{align-items:flex-start;display:flex;justify-content:center;position:relative;width:100%}.help-button{align-items:center;background-color:#f39c12;border:none;border-radius:20px;color:#fff;cursor:pointer;display:flex;font-size:1.2em;margin:20px;padding:10px 20px;position:relative;transition:background-color .3s ease,transform .3s ease}.help-button:hover{background-color:#e67e22;transform:scale(1.1)}.help-icon{margin-right:10px}.image-container{border:2px solid #fff;border-radius:10px;height:auto;margin-bottom:20px;max-width:500px;overflow:hidden;position:relative;width:100%}.question-image{height:auto;object-fit:contain;width:100%}.question-text{color:#e44100;font-style:italic;font-weight:700;margin:20px 0}.question-format{color:#f4f3f2;font-size:x-large;font-style:italic;font-weight:bolder;margin:20px 0}.button-container{display:flex;flex-wrap:wrap;gap:10px;justify-content:center;margin-top:20px}.question-button{background-color:#3498db;border:none;border-radius:10px;color:#fff;cursor:pointer;font-size:1em;margin:5px;padding:10px 20px;transition:background-color .3s ease}.question-button:hover{background-color:#2980b9}.gather-data-button{background-color:#27ae60}.gather-data-button:hover{background-color:#1e8449}.end-game-button{background-color:#e74c3c;border:none;border-radius:10px;color:#fff;cursor:pointer;font-size:1.2em;margin-top:20px;padding:10px 20px;transition:background-color .3s ease}.end-game-button:hover{background-color:#c0392b}@media (max-width:768px){.question-container{padding:10px}.score-container{align-items:center;flex-direction:column}.help-button,.score-container h1{font-size:1em}.help-button{padding:8px 16px}.question-text{font-size:.9em}.question-format{font-size:1.2em}.question-button{font-size:.9em;padding:8px 16px}.end-game-button{font-size:1em;padding:8px 16px}.image-container{height:auto;max-width:100%}}@media (min-width:769px) and (max-width:1024px){.question-container{padding:15px}.score-container{max-width:80%}.help-button{font-size:1.1em;padding:9px 18px}.question-text{font-size:1em}.question-format{font-size:1.3em}.question-button{font-size:.95em;padding:9px 18px}.end-game-button{font-size:1.1em;padding:9px 18px}}.helper-popup-overlay{align-items:center;background:#00000080;display:flex;height:100%;justify-content:center;left:0;padding:10px;position:fixed;top:0;width:100%;z-index:1000}.helper-popup{background-color:#444;border-radius:10px;box-sizing:border-box;color:#fff;max-height:90%;max-width:90%;overflow-y:auto;padding:20px;position:relative;width:500px}.helper-popup h2{color:#f39c12;font-size:1.4em;margin-top:0}.helper-popup p{font-size:1em}.helper-item h3{font-size:1em;margin:0}.helper-image-container{max-width:100%}.close-button{background:none;border:none;color:#fff;cursor:pointer;font-size:1.2em;position:absolute;right:10px;top:10px}@media (max-width:768px){.helper-popup{padding:15px;width:100%}.helper-popup h2{font-size:1.2em}.helper-item h3,.helper-popup p{font-size:.9em}.close-button{font-size:1em}}@media (max-width:480px){.helper-popup{padding:10px}.helper-popup h2{font-size:1em}.close-button,.helper-item h3,.helper-popup p{font-size:.8em}}.loader{font-size:24px}.loader,.score-container1{align-items:center;display:flex;height:100vh;justify-content:center}.score-container1{background:linear-gradient(180deg,#1e3c72,#2a5298);box-sizing:border-box;color:#fff;font-family:Arial,sans-serif;padding:10px}.score-display1{background:#000000b3;border-radius:15px;box-shadow:0 0 15px #00000080;box-sizing:border-box;max-height:90vh;max-width:600px;overflow-y:auto;padding:30px;text-align:center;width:100%}.score-display1 h2{color:#f39c12;font-size:2.5em;margin-bottom:20px}.score-section{margin-bottom:20px}.score-section h3{color:#e67e22;font-size:1.5em;margin-bottom:10px}.score-bar{background:#fff3;border-radius:10px;height:30px;overflow:hidden;position:relative;width:100%}.score-bar-inner{color:#fff;height:100%;line-height:30px;text-align:center;transition:width .5s ease}.correct{background:#4caf50}.wrong{background:#f44336}.additional{background:#ff9800}.feedback-section{margin-top:20px}.feedback-section h3{font-size:1.5em;margin-bottom:10px}.feedback-textarea{border:none;border-radius:10px;box-sizing:border-box;font-size:1em;height:100px;margin-bottom:10px;padding:10px;resize:none;width:100%}.feedback-submit-button{background:#f39c12;border:none;border-radius:10px;color:#fff;cursor:pointer;font-size:1em;padding:10px 20px;transition:background-color .3s ease}.feedback-submit-button:hover{background-color:#e67e22}.completion-message{margin-bottom:20px}.volcano-container{height:200px;position:relative;width:100%}.volcano-gif{bottom:0;height:200px;left:50%;position:absolute;transform:translateX(-50%);width:200px}@media (max-width:768px){.score-display1{padding:20px}.score-display1 h2{font-size:2em}.feedback-section h3,.score-section h3{font-size:1.2em}.feedback-textarea{font-size:.9em}.feedback-submit-button{font-size:.9em;padding:8px 16px}.disclaimer-text{font-size:.7em}.volcano-container{height:150px}.volcano-gif{height:150px;width:150px}}@media (max-width:480px){.score-display1{padding:15px}.score-display1 h2{font-size:1.8em}.feedback-section h3,.score-section h3{font-size:1em}.feedback-textarea{font-size:.8em}.feedback-submit-button{font-size:.8em;padding:6px 12px}.disclaimer-text{font-size:.6em}.volcano-container{height:100px}.volcano-gif{height:100px;width:100px}}.user-info-form-page{align-items:center;background:linear-gradient(180deg,#2a5298,#1e3c72);box-sizing:border-box;color:#fff;display:flex;font-family:Arial,sans-serif;height:100vh;justify-content:center;padding:20px}.form-container{background-color:#000c;border-radius:15px;box-shadow:0 0 15px #00000080;max-width:500px;padding:30px;text-align:left;width:100%}.form-container h1{color:#f39c12;font-size:28px;margin-bottom:20px;text-align:center}.form-group{margin-bottom:15px}.form-group label{display:block;font-size:16px;margin-bottom:5px}.form-group input,.form-group select{border:none;border-radius:5px;font-size:16px;padding:10px;width:100%}.checkbox-group{display:flex;flex-direction:column}.checkbox-group label{font-size:14px;margin-bottom:5px}.checkbox-group input{margin-right:10px}.submit-button{background-color:#28a745;border:none;border-radius:5px;color:#fff;cursor:pointer;display:block;font-size:18px;padding:15px;transition:background-color .3s ease;width:100%}.submit-button:hover{background-color:#218838}.disclaimer-text{color:#ddd;font-size:.8em;margin-top:10px;text-align:center}.help-page{align-items:center;background:linear-gradient(180deg,#2a5298,#1e3c72);color:#fff;display:flex;flex-direction:column;font-family:Arial,sans-serif;height:100vh;overflow-y:auto;padding:20px}.help-page h1{color:#f39c12;font-size:32px;margin-bottom:20px;text-align:center}.task-section{background-color:#000c;border-radius:10px;box-shadow:0 0 15px #00000080;margin-bottom:20px;max-width:800px;padding:20px;width:100%}.task-section h2{font-size:24px;margin-bottom:10px}.task-section p{font-size:16px;line-height:1.5}.helper-item,.task-section p{margin-bottom:15px}.helper-item h3{color:#f39c12;font-size:18px;margin:0 0 5px}.helper-item p{font-size:14px;margin-bottom:10px}.helper-image-container{border:2px solid #fff;border-radius:10px;height:auto;margin-top:10px;max-width:500px;overflow:hidden;width:100%}.helper-image{height:auto;object-fit:contain;width:100%}.next-button{background-color:#28a745;border:none;border-radius:5px;color:#fff;cursor:pointer;display:block;font-size:18px;margin-top:20px;padding:15px 30px;transition:background-color .3s ease}.next-button:hover{background-color:#218838}@media (max-width:768px){.help-page{padding:10px}.help-page h1{font-size:24px;margin-bottom:15px}.task-section{margin-bottom:15px;padding:15px}.task-section h2{font-size:20px;margin-bottom:8px}.task-section p{font-size:14px;margin-bottom:12px}.helper-item h3{font-size:16px}.helper-item p{font-size:12px}.helper-image-container{height:auto;max-width:100%}.next-button{font-size:16px;padding:12px 24px}}@media (max-width:480px){.help-page h1{font-size:20px;margin-bottom:10px}.task-section{margin-bottom:10px;padding:10px}.task-section h2{font-size:18px;margin-bottom:6px}.task-section p{font-size:12px;margin-bottom:10px}.helper-item h3{font-size:14px}.helper-item p{font-size:10px}.next-button{font-size:14px;padding:10px 20px}}.tutorial-page{background:linear-gradient(180deg,#2a5298,#1e3c72);box-sizing:border-box;color:#fff;font-family:Arial,sans-serif;height:100vh}.slide,.tutorial-page{align-items:center;display:flex;flex-direction:column;justify-content:center;padding:20px}.slide{background:#000c;border-radius:15px;box-shadow:0 0 15px #00000080;max-width:800px;text-align:center;width:100%}.slide-image-container{align-items:center;display:flex;height:300px;justify-content:center;margin-bottom:20px;max-width:500px;width:100%}.slide-image{max-height:100%;max-width:100%;object-fit:contain}.slide-text{font-size:16px;line-height:1.5;text-align:left}.navigation-buttons{display:flex;justify-content:space-between;margin-top:20px;max-width:800px;width:100%}.nav-button{background-color:#f39c12;border:none;border-radius:10px;color:#fff;cursor:pointer;font-size:1em;padding:10px 20px;transition:background-color .3s ease}.nav-button:disabled{background-color:#888;cursor:not-allowed}.nav-button:not(:disabled):hover{background-color:#e67e22}@media (max-width:768px){.tutorial-page{padding:10px}.slide{padding:15px}.slide-image-container{height:200px;max-width:100%}.slide-text{font-size:14px}.navigation-buttons{align-items:center;flex-direction:column}.nav-button{font-size:.9em;margin-bottom:10px;padding:10px;width:100%}}@media (max-width:480px){.tutorial-page{padding:5px}.slide{padding:10px}.slide-image-container{height:150px}.slide-text{font-size:12px}.nav-button{font-size:.8em;padding:8px}}
/*# sourceMappingURL=main.0a50c97e.css.map*/