body{font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#f8f9fa}#root{min-height:100vh}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;line-height:1.6;color:#333;background-color:#f8f9fa}.header{text-align:center;margin-bottom:30px;padding:20px;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border-radius:10px;box-shadow:0 4px 6px #0000001a}.header h1{font-size:2.5rem;margin-bottom:10px;font-weight:700}.header p{font-size:1.1rem;opacity:.9}.filters{background:#fff;padding:20px;border-radius:10px;box-shadow:0 2px 4px #0000001a;margin-bottom:30px;display:flex;gap:30px;flex-wrap:wrap}.toggle-btn{padding:8px 16px;background:#e9ecef;border:2px solid #dee2e6;border-radius:6px;cursor:pointer;font-size:14px;font-weight:500;color:#495057;transition:all .2s ease}.toggle-btn:hover{background:#dee2e6;border-color:#adb5bd}.toggle-btn.active{background:#41337a;border-color:#352a63;color:#fff}.toggle-btn.active:hover{background:#352a63;border-color:#2a1f50}.filter-group{display:flex;flex-direction:column;gap:10px;min-width:200px}.filter-group label{font-weight:600;color:#555;font-size:.9rem;text-transform:uppercase;letter-spacing:.5px}.checkbox-group{display:flex;flex-direction:column;gap:8px}.checkbox-label{display:flex;align-items:center;gap:8px;font-weight:400;text-transform:none;letter-spacing:normal;cursor:pointer;padding:5px;border-radius:5px;transition:background-color .2s}.checkbox-label:hover{background-color:#f0f0f0}.checkbox-label input[type=checkbox]{width:16px;height:16px;cursor:pointer}.filter-group select{padding:8px 12px;border:2px solid #e1e5e9;border-radius:5px;font-size:14px;cursor:pointer;transition:border-color .2s}.filter-group select:focus{outline:none;border-color:#667eea}.questions-container{display:flex;flex-direction:column;gap:30px}.tts-harness{display:flex;flex-direction:column;gap:16px;margin-bottom:16px;padding:16px;background:#fff;border-radius:8px;border:1px solid #e1e5e9}.voice-controls{display:flex;flex-direction:column;gap:16px}.voice-selection{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.voice-selection label{font-weight:600;color:#495057;min-width:50px}.voice-selection select{padding:6px 12px;border:1px solid #ced4da;border-radius:4px;background:#fff;font-size:14px;min-width:300px}.voice-settings{display:flex;flex-direction:column;gap:12px}.voice-settings label{font-weight:500;color:#495057;font-size:14px;display:flex;justify-content:space-between;align-items:center;min-width:200px}.voice-settings input[type=range]{width:200px;margin-left:12px}.tts-test-controls{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.voice-comparison-controls{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin-top:8px;padding-top:12px;border-top:1px solid #e1e5e9}.rate-test-controls{margin-top:16px;padding-top:16px;border-top:1px solid #e1e5e9}.question-options{display:flex;flex-direction:column;gap:8px}.question-options select{padding:6px 12px;border:1px solid #ced4da;border-radius:4px;background:#fff;font-size:14px;max-width:200px}.rate-test-config{display:flex;flex-direction:column;gap:16px;margin-bottom:16px;padding:16px;background:#f8f9fa;border-radius:8px;border:1px solid #e1e5e9}.config-group{display:flex;flex-direction:column;gap:8px}.config-group label{font-weight:600;color:#495057;font-size:14px}.config-group select{padding:6px 12px;border:1px solid #ced4da;border-radius:4px;background:#fff;font-size:14px;max-width:300px}.rate-checkboxes{display:flex;gap:12px;flex-wrap:wrap}.rate-checkbox{display:flex;align-items:center;gap:4px;font-size:14px;cursor:pointer;padding:4px 8px;border-radius:4px;transition:background-color .2s}.rate-checkbox:hover{background-color:#e9ecef}.rate-checkbox input[type=checkbox]{margin:0}.rate-test-results{margin-top:16px;padding:16px;background:#f8f9fa;border-radius:8px;border:1px solid #e1e5e9}.rate-test-results h3{margin:0 0 16px;color:#495057;font-size:18px}.rate-results-table{display:grid;grid-template-columns:1fr 1fr 1fr 1fr 1fr 1fr 1fr;gap:8px;font-size:14px}.rate-results-header{display:contents;font-weight:600;color:#495057;border-bottom:2px solid #dee2e6;padding-bottom:8px}.rate-results-header>div{padding:8px 4px;border-bottom:2px solid #dee2e6}.rate-result-row{display:contents;border-bottom:1px solid #e9ecef}.rate-result-row.baseline-rate{background:#e3f2fd}.rate-result-row>div{padding:8px 4px;display:flex;align-items:center}.rate-value{font-weight:600;color:#212529}.expected{color:#6c757d;font-size:12px}.accuracy{font-weight:600;color:#28a745}.accuracy.low{color:#dc3545}.voice-comparison-results{margin-top:16px;padding:16px;background:#f8f9fa;border-radius:8px;border:1px solid #e1e5e9}.voice-comparison-results h3{margin:0 0 16px;color:#495057;font-size:18px}.voice-results-table{display:grid;grid-template-columns:2fr 1fr 1fr 1fr 1fr 1fr;gap:8px;font-size:14px}.voice-results-header{display:contents;font-weight:600;color:#495057;border-bottom:2px solid #dee2e6;padding-bottom:8px}.voice-results-header>div{padding:8px 4px;border-bottom:2px solid #dee2e6}.voice-result-row{display:contents;border-bottom:1px solid #e9ecef}.voice-result-row.top-voice{background:#e8f5e8}.voice-result-row>div{padding:8px 4px;display:flex;align-items:center}.voice-name{font-weight:500;color:#212529}.duration{font-weight:600;color:#41337a}.stddev{color:#6c757d}.min,.max{color:#6c757d;font-size:12px}.type{font-size:12px;color:#6c757d}.tts-progress{font-size:14px;color:#495057;font-weight:500}.tts-log{width:100%;max-height:200px;overflow:auto;background:#0d1117;color:#e6edf3;border-radius:6px;border:1px solid #30363d;padding:8px 10px}.tts-log-line{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:12px;line-height:1.5;white-space:pre-wrap}.point-group{background:#fff;border-radius:10px;box-shadow:0 2px 4px #0000001a;overflow:hidden;margin-bottom:20px}.point-header{color:#fff;padding:15px 20px;margin:0;font-size:1.3rem;font-weight:600}.point-header.points-10{background:#ffe350;color:#333}.point-header.points-20{background:#b0d235;color:#333}.point-header.points-30{background:#00adb9;color:#fff}.point-header.clickable{cursor:pointer;-webkit-user-select:none;user-select:none;transition:all .2s ease}.point-header.clickable:hover{transform:translateY(-1px);box-shadow:0 4px 8px #00000026}.point-header.points-10.clickable:hover{background:gold}.point-header.points-20.clickable:hover{background:#9bc832}.point-header.points-30.clickable:hover{background:#0099a6}.header-content{display:flex;align-items:center;gap:10px}.toggle-icon{font-size:.8em;transition:transform .2s;min-width:16px;text-align:center}.point-content{padding:0;transition:all .3s ease}.quotation-group{border-bottom:1px solid #e1e5e9}.quotation-group:last-child{border-bottom:none}.quotation-header{color:#666;font-size:1rem;padding:15px 20px;border-bottom:2px solid #e1e5e9;font-weight:600;background:#f8f9fa;margin:0}.quotation-header.clickable{cursor:pointer;-webkit-user-select:none;user-select:none;transition:background-color .2s}.quotation-header.clickable:hover{background:#e9ecef}.quotation-content{padding:20px;transition:all .3s ease}.question-card{background:#f8f9fa;border:1px solid #e1e5e9;border-radius:8px;margin-bottom:15px;transition:all .2s ease;position:relative;overflow:hidden}.question-card:hover{box-shadow:0 2px 8px #0000001a;transform:translateY(-1px)}.question-card.points-10{border-left:4px solid #FFE350}.question-card.points-20{border-left:4px solid #B0D235}.question-card.points-30{border-left:4px solid #00ADB9}.questions-container .answer,.questions-container .question-header{margin:15px}.question-header{display:flex;justify-content:flex-end;align-items:center;margin-bottom:10px;flex-wrap:wrap;gap:10px;padding-left:60px}.questions-content .question-number{left:-4px}.question-number{position:absolute;top:0;left:0;background:#667eea;color:#fff;padding:8px 12px;font-weight:600;font-size:.9rem;border-radius:8px 0;box-shadow:0 2px 4px #0003;z-index:1}.question-card.points-10 .question-number{background:#ffe350;color:#333}.question-card.points-20 .question-number{background:#b0d235;color:#333}.question-card.points-30 .question-number{background:#00adb9;color:#fff}.point-value{background:#28a745;color:#fff;padding:4px 8px;border-radius:4px;font-weight:600;font-size:.9rem}.analysis-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}.strategic-category{font-size:.9em;font-weight:700;padding:4px 8px;border-radius:6px;background:#0000001a;border:2px solid currentColor}.question-text{font-size:1.1rem;line-height:1.6;margin:15px;color:#333}.question-text strong{color:#2c3e50;font-weight:700}.show-branching-points .question-text .branching-point[data-is-part2=false]{font-weight:700}.question-part2{font-weight:400;color:#495057}.show-answer-btn{background:#41337a;color:#fff;border:none;padding:8px 16px;border-radius:6px;cursor:pointer;font-size:.9rem;font-weight:600;transition:all .2s ease;box-shadow:0 2px 4px #41337a33}.show-answer-btn:hover{background:#352a63;transform:translateY(-1px);box-shadow:0 4px 8px #41337a4d}.question-actions{display:flex;gap:10px;margin:15px;flex-wrap:wrap}.anticipation-analysis-btn{background:#6f42c1;color:#fff;border:none;padding:8px 16px;border-radius:5px;cursor:pointer;font-size:.9rem;font-weight:600;transition:background-color .2s}.anticipation-analysis-btn:hover{background:#5a32a3}.answer{margin:15px 15px 20px;padding:12px;background:#efefef;border-left:4px solid #444;border-radius:0 5px 5px 0;font-size:1rem;line-height:1.5}.answer strong{color:#444;font-weight:600}.strategic-layout{display:grid;grid-template-columns:300px 1fr;gap:24px;align-items:start}@media (max-width: 1024px){.strategic-layout{grid-template-columns:1fr}.strategic-sidebar{position:static!important;top:auto!important}}@media (max-width: 768px){.strategic-sidebar{position:static!important;top:auto!important}}@media (max-width: 480px){.strategic-sidebar{position:static!important;top:auto!important}}@media (max-width: 1024px){.strategic-value-page .strategic-sidebar{position:static!important;top:auto!important;transform:none!important}}.strategic-main{display:flex;flex-direction:column;gap:24px}.strategic-sidebar{position:sticky;top:16px;height:fit-content}.distribution-button-bar{display:inline-flex;gap:8px;margin:8px 0 16px;background:#fff;padding:6px;border-radius:8px;border:1px solid #dee2e6}.distribution-button{padding:6px 12px;border-radius:6px;border:1px solid transparent;background:#f1f3f5;color:#343a40;cursor:pointer;font-weight:600}.distribution-button:hover{background:#e9ecef}.distribution-button.active{background:#41337a;color:#fff}.anticipation-analysis{margin-top:15px;padding:15px;background:#f8f9fa;border:1px solid #e1e5e9;border-radius:8px;border-left:4px solid #6f42c1}.anticipation-analysis h4{color:#6f42c1;margin-bottom:10px;font-size:1.1rem}.anticipation-analysis h5{color:#495057;margin:15px 0 8px;font-size:1rem}.analysis-details{margin-top:15px}.odds-calculation{background:#fff;padding:15px;border-radius:8px;border:1px solid #e1e5e9;margin-bottom:20px}.odds-breakdown{display:flex;flex-direction:column;gap:8px}.odds-item{padding:8px;background:#f8f9fa;border-radius:5px;font-size:.9rem}.odds-item.total-odds{background:#e8f5e8;border:2px solid #28a745;font-weight:600;font-size:1rem}.odds-item.net-expected-value{font-weight:600;font-size:1rem;margin-top:8px}.odds-item.net-expected-value.beneficial{background:#d4edda;border:2px solid #28a745;color:#155724}.odds-item.net-expected-value.not-beneficial{background:#f8d7da;border:2px solid #dc3545;color:#721c24}.odds-flow{background:#fff;padding:20px;border-radius:8px;border:1px solid #e1e5e9;margin-bottom:20px}.flow-diagram{display:flex;flex-direction:column;align-items:center;gap:15px}.flow-step{display:flex;flex-direction:column;align-items:center;width:100%}.flow-label{font-weight:600;font-size:1.1rem;color:#333;margin-bottom:10px;text-align:center}.flow-branches{display:flex;gap:20px;width:100%;justify-content:center}.flow-branch{flex:1;max-width:200px;padding:15px;border-radius:8px;text-align:center;border:2px solid}.flow-branch.unique-branch{background:#d4edda;border-color:#28a745;color:#155724}.flow-branch.non-unique-branch{background:#f8d7da;border-color:#dc3545;color:#721c24}.branch-label{font-weight:700;font-size:1.2rem;margin-bottom:8px}.branch-probability{font-size:2rem;font-weight:700;margin-bottom:5px}.branch-description{font-size:.9rem;margin-bottom:5px;font-weight:500}.branch-count{font-size:.8rem;opacity:.8}.flow-arrow{font-size:2rem;color:#666;font-weight:700}.guess-odds{background:#fff3cd;border:2px solid #ffc107;border-radius:8px;padding:20px;text-align:center;color:#856404;max-width:300px}.guess-probability{font-size:2.5rem;font-weight:700;margin-bottom:8px}.guess-description{font-size:1rem;font-weight:500}.final-result{background:#e3f2fd;border:2px solid #2196f3;border-radius:12px;padding:20px;max-width:400px;width:100%}.final-odds{text-align:center;margin-bottom:15px}.final-probability{font-size:3rem;font-weight:700;color:#1976d2;margin-bottom:8px}.final-description{font-size:1.1rem;font-weight:600;color:#333}.calculation-breakdown{background:#f8f9fa;border:1px solid #dee2e6;border-radius:6px;padding:10px;font-family:Courier New,monospace;font-size:.9rem;color:#666;text-align:center}.net-expected-value{margin-top:15px;padding:12px 20px;border-radius:8px;text-align:center;font-size:1.1rem;font-weight:600}.net-expected-value.beneficial{background:#d4edda;border:2px solid #28a745;color:#155724}.possible-questions{background:#fff;padding:15px;border-radius:8px;border:1px solid #e1e5e9}.questions-list{display:flex;flex-direction:column;gap:8px}.possible-question{display:flex;align-items:center;gap:10px;padding:8px;border-radius:5px;font-size:.9rem}.possible-question.unique{background:#e8f5e8;border:1px solid #28a745}.possible-question.not-unique{background:#fff3cd;border:1px solid #ffc107}.question-id{background:#6f42c1;color:#fff;padding:2px 6px;border-radius:3px;font-weight:600;font-size:.8rem;min-width:30px;text-align:center}.question-text{flex:1;color:#495057}.uniqueness-indicator{font-weight:600;font-size:.8rem}.possible-question.unique .uniqueness-indicator{color:#28a745}.possible-question.not-unique .uniqueness-indicator{color:#ffc107}.no-analysis{padding:15px;background:#e9ecef;border-radius:5px;text-align:center;color:#6c757d;font-style:italic}.strategic-analysis{background:#fff;padding:15px;border-radius:8px;border:1px solid #e1e5e9;margin-bottom:20px}.strategic-analysis h5{color:#dc3545;margin-bottom:15px;font-size:1rem}.penalty-breakdown{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:10px;margin-bottom:20px}.penalty-item{padding:10px;background:#f8f9fa;border-radius:5px;border:1px solid #e1e5e9;font-size:.9rem}.expected-value{background:#f8f9fa;padding:15px;border-radius:8px;margin-bottom:20px}.expected-value h6{color:#495057;margin-bottom:10px;font-size:.9rem}.ev-breakdown{display:flex;flex-direction:column;gap:8px}.ev-item{padding:8px;background:#fff;border-radius:5px;font-size:.9rem}.net-expected-value{font-weight:600;font-size:1rem}.net-expected-value.beneficial{background:#e8f5e8;border:2px solid #28a745;color:#155724}.net-expected-value.not-beneficial{background:#f8d7da;border:2px solid #dc3545;color:#721c24}.strategic-recommendation{padding:15px;border-radius:8px;border:2px solid}.strategic-recommendation.beneficial{background:#e8f5e8;border-color:#28a745}.strategic-recommendation.not-beneficial{background:#f8d7da;border-color:#dc3545}.strategic-recommendation h6{margin-bottom:10px;font-size:.9rem}.recommendation-content{font-size:.9rem}.recommendation-content .beneficial{color:#155724}.recommendation-content .not-beneficial{color:#721c24}.recommendation-content strong{font-size:1rem;display:block;margin-bottom:5px}.recommendation-content p{margin:5px 0}@media (max-width: 768px){.header h1{font-size:2rem}.filters{flex-direction:column;gap:20px}.filter-group{min-width:auto}.checkbox-group{flex-direction:row;flex-wrap:wrap}.question-header{flex-direction:column;align-items:flex-end;gap:8px}}.branch-analysis{margin-top:20px;padding:15px;background-color:#f8f9fa;border-radius:8px;border:1px solid #dee2e6;display:none}.branch-analysis h5{margin:0 0 15px;color:#495057;font-size:1.1em;cursor:pointer;-webkit-user-select:none;user-select:none;padding:10px;background:#e9ecef;border-radius:5px;transition:background-color .2s ease}.branch-analysis h5:hover{background:#dee2e6}.branch-analysis h5:after{content:"";float:right;transition:transform .2s ease}.branch-analysis.collapsed h5:after{transform:rotate(-90deg)}.branch-analysis.collapsed .branches-list{display:none}.branches-list{display:flex;flex-direction:column;gap:12px}.branch-item{background-color:#fff;border-radius:6px;border:1px solid #dee2e6;overflow:hidden}.branch-item.unique-branch{border-left:4px solid #28a745}.branch-item.non-unique-branch{border-left:4px solid #ffc107}.branch-header{display:flex;justify-content:space-between;align-items:center;padding:12px 15px;background-color:#f8f9fa;border-bottom:1px solid #dee2e6}.next-word{font-weight:700;color:#495057;font-size:1.1em}.branch-probability{color:#6c757d;font-size:.9em}.branch-status{font-weight:700;font-size:.9em}.unique-branch .branch-status{color:#28a745}.non-unique-branch .branch-status{color:#ffc107}.branch-details{padding:15px}.branch-success-rate{font-weight:700;color:#495057;margin-bottom:10px}.branch-questions{display:flex;flex-direction:column;gap:8px}.branch-question{padding:8px 12px;background-color:#f8f9fa;border-radius:4px;font-size:.9em;color:#495057;border-left:3px solid #dee2e6}.quizzer-config{margin-bottom:20px}.quizzer-config h3{color:#495057;margin-bottom:15px;font-size:1.2em}.config-section{display:grid;grid-template-columns:1fr 1fr;gap:20px}.config-group{background:#fff;padding:15px;border-radius:6px;border:1px solid #dee2e6}.config-group label{font-weight:600;color:#495057;margin-bottom:10px;display:block}.match-info{display:flex;flex-direction:column;gap:5px;font-size:.9em;color:#6c757d}.match-info div{padding:2px 0}.visualization-section{margin-top:20px}.charts-container{display:flex;gap:30px;justify-content:center;flex-wrap:wrap}.donut-chart{background:#fff;padding:20px;border-radius:8px;border:1px solid #dee2e6;text-align:center;min-width:300px}.donut-chart h4{color:#495057;margin-bottom:15px;font-size:1.1em}.chart-container{position:relative;display:inline-block;margin-bottom:15px}.chart-center{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);text-align:center}.chart-total{font-size:1.5em;font-weight:700;color:#495057}.chart-label{font-size:.9em;color:#6c757d}.chart-legend{display:flex;flex-direction:column;gap:8px;text-align:left}.legend-item{display:flex;align-items:center;gap:8px;font-size:.9em}.legend-color{width:12px;height:12px;border-radius:2px;flex-shrink:0}.legend-label{flex:1;color:#495057}.legend-percentage{font-weight:700;color:#6c757d;min-width:40px;text-align:right}.match-strategy{background:#fff;padding:15px;border-radius:8px;border:1px solid #e1e5e9;margin-bottom:20px;display:none}.match-strategy h5{color:#6f42c1;margin-bottom:15px;font-size:1rem}.strategy-details{display:flex;flex-direction:column;gap:15px}.strategy-status{display:flex;flex-direction:column;gap:10px}.preparation-status{padding:10px;border-radius:6px;font-weight:600}.preparation-status.prepared{background:#e8f5e8;color:#155724;border:1px solid #28a745}.preparation-status.not-prepared{background:#f8d7da;color:#721c24;border:1px solid #dc3545}.strategy-metrics{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:10px}.metric-item{padding:8px;background:#f8f9fa;border-radius:4px;font-size:.9em}.strategy-recommendation{padding:12px;border-radius:6px;font-weight:600;text-align:center}.strategy-recommendation.high-priority{background:#d4edda;color:#155724;border:2px solid #28a745}.strategy-recommendation.medium-priority{background:#fff3cd;color:#856404;border:2px solid #ffc107}.strategy-recommendation.wait{background:#e8e4f3;color:#2a1f50;border:2px solid #41337a}.strategy-recommendation.avoid{background:#f8d7da;color:#721c24;border:2px solid #dc3545}@media (max-width: 768px){.config-section{grid-template-columns:1fr}.charts-container{flex-direction:column;align-items:center}.strategy-metrics{grid-template-columns:1fr}}.strategic-value-charts{margin-bottom:30px}.strategic-value-charts h3{color:#495057;margin-bottom:20px;text-align:center;font-size:1.3em}.charts-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:20px;justify-items:center}.point-value-chart{background:#fff;padding:20px;border-radius:8px;border:1px solid #dee2e6;text-align:center;min-width:300px}.chart-header{margin-bottom:15px;padding-bottom:10px;border-bottom:1px solid #dee2e6}.chart-header h4{color:#495057;margin:0 0 8px;font-size:1.1em}.chart-stats{display:flex;justify-content:space-between;font-size:.9em}.total-questions{color:#6c757d}.prepared-questions{font-weight:600}.prepared-questions.prepared{color:#28a745}.prepared-questions.not-prepared{color:#dc3545}.overall-distribution{margin-top:30px;text-align:center}.overall-distribution h3{color:#495057;margin-bottom:20px;font-size:1.3em}.preparation-indicator{font-weight:700;margin-left:8px;font-size:.9em}.legend-item{display:flex;align-items:center;gap:8px;font-size:.9em;padding:2px 0}@media (max-width: 768px){.charts-grid{grid-template-columns:1fr}.chart-stats{flex-direction:column;gap:4px}}.display-settings{background:#f8f9fa;padding:20px;border-radius:8px;margin-bottom:20px;border:1px solid #dee2e6}.display-settings h3{margin:0 0 15px;color:#333;font-size:1.2rem}.settings-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:15px}.setting-group{display:flex;align-items:flex-start}.setting-group .checkbox-label{display:flex;align-items:center;gap:8px;font-weight:500;color:#555;cursor:pointer}.setting-group .checkbox-label input[type=checkbox]{width:18px;height:18px;cursor:pointer}.header-buttons{display:flex;gap:15px;justify-content:center;flex-wrap:wrap;margin-top:15px}.flashcard-btn,.strategic-analysis-btn,.speed-test-btn{border:none;color:#fff;padding:12px 24px;border-radius:25px;font-size:1.1rem;font-weight:600;cursor:pointer;transition:all .3s ease;text-decoration:none;display:inline-block;box-shadow:0 4px 15px #0003}.flashcard-btn{background:#41337a;color:#fff;position:relative}.flashcard-btn:hover:not(:disabled){background:#352a63;transform:translateY(-2px);box-shadow:0 6px 20px #41337a66}.flashcard-btn:disabled{background:#ccc;cursor:not-allowed;box-shadow:none}.strategic-analysis-btn{background:linear-gradient(45deg,#41337a,#352a63)}.strategic-analysis-btn:hover{transform:translateY(-2px);box-shadow:0 6px 20px #41337a66}.speed-test-btn{background:linear-gradient(45deg,#ffc107,#fd7e14)}.speed-test-btn:hover{transform:translateY(-2px);box-shadow:0 6px 20px #ffc10766}.flashcard-modal-overlay{position:fixed;inset:0;background:#000c;display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px}.flashcard-modal{background:#fff;border-radius:15px;box-shadow:0 20px 40px #0000004d;max-width:600px;width:100%;max-height:80vh;overflow:hidden;animation:slideIn .3s ease-out}@keyframes slideIn{0%{opacity:0;transform:translateY(-50px) scale(.9)}to{opacity:1;transform:translateY(0) scale(1)}}.flashcard-header{display:flex;justify-content:space-between;align-items:center;padding:20px;border-bottom:1px solid #eee;background:#f8f9fa}.flashcard-header h3{margin:0;color:#2c3e50}.flashcard-progress{color:#7f8c8d;font-weight:500}.close-btn{background:none;border:none;font-size:24px;cursor:pointer;color:#7f8c8d;padding:0;width:30px;height:30px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:all .2s ease}.close-btn:hover{background:#e74c3c;color:#fff}.flashcard-controls-header{display:flex;gap:.5rem;align-items:center}.start-fresh-btn{background:#41337a;color:#fff;border:none;padding:6px 12px;font-size:.8rem;border-radius:4px;cursor:pointer;transition:all .2s;display:flex;align-items:center;gap:4px}.start-fresh-btn:hover{background:#352a63}.refresh-icon{width:12px;height:12px;border:2px solid currentColor;border-radius:50%;border-top-color:transparent;display:inline-block;position:relative}.refresh-icon:before{content:"";position:absolute;top:-1px;right:-1px;width:0;height:0;border-left:4px solid transparent;border-right:4px solid transparent;border-bottom:4px solid currentColor;transform:rotate(45deg)}.flashcard{height:300px;perspective:1000px;margin:20px}.flashcard-inner{position:relative;width:100%;height:100%;text-align:center;transition:transform .6s;transform-style:preserve-3d;left:-3px}.flashcard.flipped .flashcard-inner{transform:rotateY(180deg)}.flashcard-front,.flashcard-back{position:absolute;width:100%;height:100%;backface-visibility:hidden;border-radius:10px;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 8px #0000001a}.flashcard-front{background:#fefefe;color:#2c3e50;border:1px solid #e9ecef;z-index:1}.flashcard-back{background:#fefefe;color:#2c3e50;border:1px solid #e9ecef;transform:rotateY(180deg);z-index:2}.flashcard-answer{padding:30px 30px 70px;overflow:scroll}.flashcard-content{width:100%;position:relative;height:100%;display:flex;flex-direction:column}.question-meta{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;flex-wrap:wrap;gap:10px}.question-id,.point-value{background:#0006;padding:5px 12px;border-radius:15px;font-size:.9rem;font-weight:600}.quotation-badge{background:#ffffff4d;padding:4px 10px;border-radius:12px;font-size:.8rem;font-weight:500}.question-text{font-size:1.3rem;line-height:1.5;text-align:left;font-weight:500;color:#2c3e50}.question-text strong{display:inline}.hide-branching-points .quotation-prefix{display:none}.quotation-prefix{font-weight:700;color:#41337a;font-size:.9em;margin-bottom:.5rem;text-transform:uppercase;letter-spacing:.5px}.filter-change-modal{background:#fff;border-radius:12px;padding:0;max-width:500px;width:90%;max-height:80vh;overflow-y:auto;box-shadow:0 20px 60px #0000004d}.filter-change-modal .modal-header{background:#41337a;color:#fff;padding:1.5rem;border-radius:12px 12px 0 0;text-align:center}.filter-change-modal .modal-header h3{margin:0;font-size:1.3rem;font-weight:600;color:#fff}.filter-change-modal .modal-content{padding:2rem;box-shadow:none;border-radius:0;width:auto}.filter-change-modal .modal-content p{margin:0 0 1.5rem;color:#333;font-size:1rem;line-height:1.5}.choice-group{display:flex;flex-direction:column;gap:1rem}.radio-choice{display:flex;align-items:flex-start;gap:.75rem;padding:1rem;border:2px solid #e9ecef;border-radius:8px;cursor:pointer;transition:all .2s ease}.radio-choice:hover{border-color:#41337a;background-color:#f8f9ff}.radio-choice input[type=radio]{margin:0;width:18px;height:18px;accent-color:#41337a;cursor:pointer}.radio-choice span{flex:1;color:#333;font-size:1rem;line-height:1.4}.radio-choice input[type=radio]:checked+span{color:#41337a;font-weight:500}.filter-change-modal .modal-actions{padding:1.5rem 2rem;border-top:1px solid #e9ecef;display:flex;gap:1rem;justify-content:flex-end}.filter-change-modal .cancel-btn{background:#6c757d;color:#fff;border:none;padding:.75rem 1.5rem;border-radius:6px;cursor:pointer;font-size:1rem;font-weight:500;transition:background .2s ease}.filter-change-modal .cancel-btn:hover{background:#5a6268}.filter-change-modal .continue-btn{background:#41337a;color:#fff;border:none;padding:.75rem 1.5rem;border-radius:6px;cursor:pointer;font-size:1rem;font-weight:500;transition:background .2s ease}.filter-change-modal .continue-btn:hover{background:#352a63}.completion-modal{background:#fff;border-radius:16px;padding:0;max-width:450px;width:90%;box-shadow:0 25px 80px #0000004d;overflow:hidden}.completion-header{background:linear-gradient(135deg,#28a745,#20c997);color:#fff;padding:2rem;text-align:center}.completion-header h2{margin:0 0 .5rem;font-size:1.8rem;font-weight:600}.completion-header p{margin:0;font-size:1.1rem;opacity:.9}.completion-content{padding:2rem}.completion-stats{display:flex;justify-content:space-around;margin-bottom:1.5rem;padding:1rem;background:#f8f9fa;border-radius:8px}.stat-item{text-align:center;display:flex;flex-direction:column;gap:.25rem}.stat-label{font-size:.9rem;color:#6c757d;font-weight:500}.stat-value{font-size:1.5rem;font-weight:700;color:#28a745}.completion-message{text-align:center;margin-top:1rem}.completion-message p{margin:0;font-size:1.1rem;color:#333;line-height:1.5}.completion-actions{padding:1.5rem 2rem;border-top:1px solid #e9ecef;text-align:center}.completion-btn{background:#28a745;color:#fff;border:none;padding:.75rem 2rem;border-radius:8px;cursor:pointer;font-size:1rem;font-weight:600;transition:all .2s ease;min-width:120px}.completion-btn:hover{background:#218838;transform:translateY(-1px)}.branching-point{background-color:#fff;border:1px solid #e9ecef;border-radius:3px;padding:1px 3px;margin:0 1px;position:relative;cursor:help;transition:all .2s ease}.branching-point:hover{background-color:#f8f9fa;border-color:#dee2e6;transform:scale(1.05)}.branching-point.optimal,.branching-point.optimal-safe,.branching-point.optimal-medium,.branching-point.optimal-risky{font-weight:700}.border-next-unique-safe{border-right:4px solid #28a745!important}.border-next-unique-medium{border-right:4px solid #ffc107!important}.border-next-unique-risky{border-right:4px solid #fd7e14!important}.border-next-unique-none{border-right:4px solid #dc3545!important}.branching-point[data-is-unique=true]{border-right:4px solid #28a745!important}.branching-point.optimal-safe:not(:first-child){border-right:4px solid #28a745!important}.branching-point.border-next-unique-safe+.branching-point.optimal-safe{border-right:1px solid #e9ecef!important}.branching-point.non-unique{background-color:#f8d7da;border-color:#f5c6cb}.branching-point.non-unique:hover{background-color:#f5c6cb;border-color:#f1b0b7}.branching-point:after{position:absolute;bottom:100%;left:50%;transform:translate(-50%);background-color:#333;color:#fff;padding:5px 8px;border-radius:4px;font-size:.8rem;white-space:nowrap;opacity:0;pointer-events:none;transition:opacity .2s ease;z-index:1000}.branching-point:hover:after{opacity:1}.branching-point[data-word-count="1"].optimal-safe{padding:1px 0 1px 5px}.branching-point[data-word-count="1"]{padding:1px 5px 1px 0}.branching-point[data-word-count="2"]{padding:1px 2px}.branching-point[data-word-count="3"]{padding:3px 9px}.branching-point[data-word-count="4"]{padding:4px 12px}.branching-point[data-word-count="5"]{padding:5px 15px}.branching-point[data-word-count]{border-right:3px solid transparent}.answer-label{font-size:1.1rem;font-weight:600;margin-bottom:15px;color:#495057;opacity:.9}.answer-text{font-size:1.3rem;line-height:1.6;text-align:left;font-weight:500;color:#2c3e50}.answer-text span{margin-bottom:4px}.flashcard-controls{display:flex;justify-content:space-between;align-items:center;padding:20px;background:#f8f9fa;border-top:1px solid #eee}.flashcard-stats{display:flex;flex-direction:column;align-items:center;gap:5px}.success-rate{font-size:.9rem;color:#666;font-weight:600}.answer-controls{display:flex;gap:10px}.correct-btn{background:linear-gradient(135deg,#28a745,#20c997);color:#fff;border:none;padding:12px 20px;border-radius:8px;font-weight:600;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;gap:5px}.correct-btn:hover{background:linear-gradient(135deg,#218838,#1e7e34);transform:translateY(-2px);box-shadow:0 4px 12px #28a7454d}.incorrect-btn{background:linear-gradient(135deg,#dc3545,#c82333);color:#fff;border:none;padding:12px 20px;border-radius:8px;font-weight:600;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;gap:5px}.incorrect-btn:hover{background:linear-gradient(135deg,#c82333,#bd2130);transform:translateY(-2px);box-shadow:0 4px 12px #dc35454d}.flashcard-header-badges{position:relative;height:20px;margin:12px}.flashcard-header-badges .question-number{position:absolute;top:-15px;left:-15px;z-index:10}.point-value-badge{position:absolute;top:-15px;right:-15px;background:#777;color:#fff;padding:8px;border-radius:4px;font-weight:600;font-size:.9rem;z-index:10}.flashcard-show-answer,.flashcard-show-question{position:absolute;bottom:15px;left:15px}.show-answer-btn,.show-question-btn{background:#41337a;color:#fff;border:none;padding:8px 16px;border-radius:6px;font-size:.9rem;font-weight:600;cursor:pointer;transition:all .2s ease;box-shadow:0 2px 4px #41337a33}.show-answer-btn:hover,.show-question-btn:hover{background:#352a63;transform:translateY(-1px);box-shadow:0 4px 8px #41337a4d}.clickable-stat{cursor:pointer;padding:4px 8px;border-radius:4px;transition:all .2s ease;-webkit-user-select:none;user-select:none}.clickable-stat:hover{background:#ffffff1a;transform:translateY(-1px)}.question-list-modal{max-width:600px;max-height:70vh;width:90vw}.question-list-modal h3{padding:15px 0 0;text-align:center}.question-list-modal .question-list-item{border-bottom:none}.question-list{max-height:400px;overflow-y:auto;margin:12px 8px}.question-list-item{display:flex;align-items:center;gap:12px;padding:12px 16px;border:1px solid #eee;border-radius:8px;margin-bottom:5px;cursor:pointer;transition:all .2s ease;background:#efefef}.question-list-item:last-child{border-bottom:none}.question-list-item:hover{background:#f8f9fa}.question-list-item.current{background:#e3f2fd;border-left:4px solid #2196f3}.question-list-item.correct{background:#f1f8e9;border-left:4px solid #4caf50}.question-list-item.incorrect{background:#fff3e0;border-left:4px solid #ff9800}.question-list-item .question-number{display:none}.question-list-modal .modal-actions{padding:15px;display:flex;justify-content:space-around}.question-list-modal .cancel-btn{background:#dc3545;color:#fff;border:none;padding:8px 16px;border-radius:6px;font-size:.9rem;font-weight:600;cursor:pointer;transition:all .2s ease;box-shadow:0 2px 4px #dc354533}.question-number{font-weight:700;color:#666;min-width:40px}.point-value{background:#e9ecef;color:#495057;padding:2px 6px;border-radius:12px;font-size:.8rem;font-weight:600;min-width:45px;text-align:center}.question-preview{flex:1;color:#333;line-height:1.4}.current-indicator{color:#2196f3;font-weight:700;font-size:.9rem}.status-indicator{font-weight:700;font-size:1.1rem}.status-indicator.correct{color:#4caf50}.status-indicator.incorrect{color:#ff9800}.empty-list{text-align:center;color:#666;padding:40px 20px;font-style:italic}.nav-btn{background:#6c757d;color:#fff;border:none;padding:10px 20px;border-radius:25px;cursor:pointer;font-weight:500;transition:all .3s ease;min-width:100px}.nav-btn:hover:not(:disabled){background:#5a6268;transform:translateY(-1px)}.nav-btn:disabled{background:#dee2e6;color:#6c757d;cursor:not-allowed;transform:none}.flip-btn{background:linear-gradient(45deg,#ff6b6b,#ee5a24);color:#fff;border:none;padding:12px 30px;border-radius:25px;cursor:pointer;font-weight:600;font-size:1.1rem;transition:all .3s ease;box-shadow:0 4px 15px #ff6b6b4d}.flip-btn:hover{transform:translateY(-2px);box-shadow:0 6px 20px #ff6b6b66}.flashcard-modal .branching-point{background-color:transparent!important;border-left:none!important;border-top:none!important;border-bottom:none!important;border-radius:0!important;padding:0;margin:0!important;box-shadow:none!important}mark[data-is-part2=true]{background-color:transparent}.branching-point[data-is-part2=true].optimal-safe:not(:first-child){background:transparent!important;border:none!important;padding:0!important;margin:0 0 0 -8px;box-shadow:none!important;color:inherit!important;font-weight:400!important;border-right:4px solid transparent!important}.flashcard-modal .branching-point[data-is-part2=true].optimal-safe:not(:first-child){background:transparent!important;border:none!important;padding:0!important;margin:0 0 0 -8px!important;box-shadow:none!important;color:inherit!important;font-weight:400!important;border-right:4px solid transparent!important}.flashcard-modal .branching-point:hover{background-color:transparent!important;transform:none!important}.flashcard-modal .branching-point.optimal-safe:not(:first-child){border-right:4px solid #28a745!important}.flashcard-modal .branching-point.border-next-unique-safe+.branching-point.optimal-safe{border-right:1px solid transparent!important}.flashcard-modal .branching-point[data-is-unique=true]{border-right:4px solid #28a745!important}.flashcard-modal .border-next-unique-medium,.flashcard-modal .border-next-unique-risky,.flashcard-modal .border-next-unique-none{border-right:1px solid transparent!important}.flashcard-controls-header{display:flex;align-items:center;gap:15px}.quiz-mode-toggle{background:#6c757d;color:#fff;border:none;padding:8px 16px;border-radius:20px;font-size:.9rem;font-weight:500;cursor:pointer;transition:all .3s ease}.quiz-mode-toggle:hover{background:#5a6268;transform:translateY(-1px)}.quiz-mode-toggle.active{background:#28a745}.quiz-mode-toggle.active:hover{background:#218838}.quiz-mode-content{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;text-align:center}.ready-screen{display:flex;flex-direction:column;align-items:center;gap:30px}.ready-btn{background:linear-gradient(135deg,#41337a,#352a63);color:#fff;border:none;padding:15px 30px;border-radius:10px;font-size:1.5rem;font-weight:600;cursor:pointer;transition:all .3s ease;margin:40px auto 20px;box-shadow:0 4px 15px #41337a4d;display:flex;justify-content:space-around;align-items:center;gap:15px;text-transform:uppercase}.ready-btn:hover{transform:translateY(-3px);box-shadow:0 12px 35px #41337a66;background:linear-gradient(135deg,#352a63,#6a6670)}.quiz-instructions{color:#7f7b82;font-size:1rem;font-style:italic;background:#7f7b821a;padding:1rem;border-radius:8px;margin:1rem 0}.question-display{width:100%}.reading-controls{margin-top:30px;display:flex;flex-direction:column;align-items:center;gap:15px}.buzz-in-btn{background:linear-gradient(135deg,#28a745,#20c997);color:#fff;border:none;padding:1rem 2.5rem;border-radius:25px;font-size:1.2rem;font-weight:600;cursor:pointer;transition:all .3s ease;box-shadow:0 6px 20px #28a7454d;text-transform:uppercase;letter-spacing:.5px}.buzz-in-btn:hover{transform:translateY(-2px);box-shadow:0 8px 25px #28a74566;background:linear-gradient(135deg,#218838,#1e7e34)}.buzz-in-btn.buzzing{background:linear-gradient(135deg,#7f7b82,#6a6670);cursor:not-allowed;transform:none;box-shadow:0 4px 15px #7f7b824d}.buzz-in-btn.buzzing:hover{transform:none;box-shadow:0 4px 15px #6c757d4d}.reading-instructions{color:#7f7b82;font-size:.9rem;font-style:italic;background:#7f7b821a;padding:.75rem;border-radius:8px;margin:1rem 0}.reading-screen,.reading-status{display:flex;flex-direction:column;align-items:center;gap:30px}.reading-indicator{font-size:1.5rem;color:#41337a;font-weight:600;background:#41337a1a;padding:1rem 2rem;border-radius:12px;border:2px solid rgba(65,51,122,.2);margin:0 20px 20px}@keyframes pulse{0%{opacity:1}50%{opacity:.6}to{opacity:1}}.last-mark-data{margin-top:30px;padding:20px;background:linear-gradient(135deg,#f7f5fb,#fff);border-radius:12px;border-left:4px solid #41337a;box-shadow:0 2px 8px #41337a1a}.last-mark-data h4{margin:0 0 15px;color:#41337a;font-size:1.1rem;font-weight:600}.mark-info{display:flex;flex-direction:column;gap:15px}.mark-text{font-size:1.2rem;font-weight:600;color:#495057;background:#fff;padding:10px 15px;border-radius:8px;border:2px solid #e9ecef}.mark-stats{display:flex;flex-wrap:wrap;gap:15px;align-items:center}.stat{background:#fff;padding:8px 12px;border-radius:6px;border:1px solid #dee2e6;font-size:.9rem;color:#495057}.stat.optimal{background:#d4edda;color:#155724;border-color:#c3e6cb;font-weight:600}.stat.unique{background:#d1ecf1;color:#0c5460;border-color:#bee5eb;font-weight:600}.stat.part2{background:#fff3cd;color:#856404;border-color:#ffeaa7;font-weight:600}.stat.timing{background:#f8d7da;color:#721c24;border-color:#f5c6cb;font-weight:600}.stat strong{color:#41337a}.mark-progress{margin:15px 0;padding:10px;background:#0000000d;border-radius:6px}.progress-bar{width:100%;height:6px;background:#e9ecef;border-radius:3px;overflow:hidden;margin-bottom:8px}.progress-fill{height:100%;background:linear-gradient(90deg,#28a745,#20c997);border-radius:3px;transition:width .3s ease;width:0%;animation:progressPulse 2s ease-in-out infinite}@keyframes progressPulse{0%,to{opacity:.8}50%{opacity:1}}.current-mark-info{display:flex;justify-content:space-between;align-items:center;font-size:14px}.mark-badges{display:flex;gap:8px;align-items:center}.current-mark-info .mark-text{font-weight:600;color:#41337a;font-style:italic;background:none;padding:0;border:none;font-size:14px}.total-score{font-size:1.4rem;font-weight:700;color:#41337a;padding:.75rem 2rem;border-radius:12px;margin:1rem 0}.score-display{display:flex;flex-direction:column;gap:1rem;margin:0 20px 20px}.current-score{font-size:1.2rem;font-weight:600;color:#41337a;background:#41337a1a;padding:.75rem 1.5rem;border-radius:8px;display:flex;align-items:center;justify-content:center;gap:.5rem}.score-label{color:#7f7b82;font-weight:500}.score-value{color:#41337a;font-weight:700;font-size:1.4rem}.score-description{text-align:center;font-size:1rem;font-weight:600;padding:.75rem 1rem;border-radius:8px;margin:.5rem 0}.score-description.perfect{background:linear-gradient(135deg,#d4edda,#c3e6cb);color:#155724;border:1px solid #c3e6cb}.score-description.good{background:linear-gradient(135deg,#d1ecf1,#bee5eb);color:#0c5460;border:1px solid #bee5eb}.score-description.late{background:linear-gradient(135deg,#fff3cd,#ffeaa7);color:#856404;border:1px solid #ffeaa7}.score-description.early{background:linear-gradient(135deg,#f8d7da,#f5c6cb);color:#721c24;border:1px solid #f5c6cb}.timing-display{display:grid;grid-template-columns:1fr 1fr;gap:1rem;margin:1rem 0}.timing-item{background:#f7f5fb;padding:.75rem;border-radius:8px;border:1px solid rgba(65,51,122,.2)}.timing-label{font-size:.8rem;color:#7f7b82;font-weight:500;text-transform:uppercase;letter-spacing:.5px;margin-bottom:.25rem}.timing-value{font-size:1rem;color:#41337a;font-weight:600;font-family:monospace}.game-question-card{background:#fff;border-radius:16px;padding:2rem;margin:0 20px 20px;box-shadow:0 4px 20px #41337a1a;border:1px solid rgba(65,51,122,.1);position:relative}.game-question-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:1.5rem}.game-question-number{background:#41337a;color:#fff;width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:1.1rem}.game-point-badge{padding:.5rem 1rem;border-radius:20px;font-weight:600;font-size:.9rem;color:#fff}.game-point-badge.points-10{background:#ffe350;color:#333}.game-point-badge.points-20{background:#b0d235;color:#333}.game-point-badge.points-30{background:#00adb9}.game-question-text{font-size:1.3rem;line-height:1.6;color:#333;text-align:left;margin:1.5rem 0}.game-question-text strong{color:#41337a;font-weight:700}.game-answer-text{font-size:1.1rem;color:#7f7b82;background:#7f7b821a;padding:1rem;border-radius:8px;margin-top:1rem;font-style:italic;line-height:1.6}.game-answer-text span{margin-bottom:3px}.game-controls{display:flex;justify-content:center;margin-top:2rem}.next-question-btn{background:linear-gradient(135deg,#41337a,#7f7b82);color:#fff;border:none;padding:1rem 2.5rem;border-radius:25px;font-size:1.1rem;font-weight:600;cursor:pointer;transition:all .3s ease;box-shadow:0 6px 20px #41337a4d;text-transform:uppercase;letter-spacing:.5px;display:flex;align-items:center;gap:.5rem}.next-question-btn:hover{transform:translateY(-2px);box-shadow:0 8px 25px #41337a66;background:linear-gradient(135deg,#352a63,#6a6670)}.keyboard-hint{background:#fff3;padding:.25rem .5rem;border-radius:4px;font-size:.8rem;font-weight:500}.mark-odds{padding:4px 8px;background:#41337a;color:#fff;border-radius:12px;font-weight:600;font-size:12px}.part2-badge{padding:4px 8px;background:#ffc107;color:#856404;border-radius:12px;font-weight:600;font-size:11px}.timing-badge{padding:4px 8px;background:#dc3545;color:#fff;border-radius:12px;font-weight:600;font-size:11px}@media (max-width: 768px){.flashcard-modal{margin:10px;max-height:90vh}.flashcard{max-height:300px;margin:15px}.flashcard-answer{padding:20px 20px 60px;height:100%;overflow:scroll}.question-text,.answer-text{font-size:.75rem}.flashcard-controls{flex-direction:column;gap:15px}.nav-btn{width:100%;max-width:200px}.question-meta{justify-content:center}}.timing-config{background:#fff;border-radius:15px;padding:30px;box-shadow:0 10px 30px #0003}.timing-config h2{margin:0 0 25px;color:#333;font-size:1.8rem}.config-section{margin-bottom:25px}.config-section label{display:block;margin-bottom:8px;font-weight:600;color:#555}.config-section select,.config-section input[type=number]{width:100%;padding:12px;border:2px solid #e1e5e9;border-radius:8px;font-size:16px;transition:border-color .3s ease}.config-section select:focus,.config-section input[type=number]:focus{outline:none;border-color:#667eea}.config-section input[type=range]{width:100%;margin:10px 0}.capture-btn{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;padding:15px 30px;border-radius:25px;font-size:16px;font-weight:600;cursor:pointer;transition:transform .2s ease,box-shadow .2s ease;width:100%;margin-bottom:20px}.capture-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 5px 15px #667eea66}.capture-btn:disabled{opacity:.6;cursor:not-allowed}.progress{margin:20px 0}.progress-bar{width:100%;height:8px;background:#e1e5e9;border-radius:4px;overflow:hidden;margin-bottom:10px}.progress-fill{height:100%;background:linear-gradient(90deg,#667eea,#764ba2);transition:width .3s ease}.progress-text{text-align:center;color:#666;font-weight:500}.results{background:#f8f9fa;border:2px solid #e9ecef;border-radius:10px;padding:20px;text-align:center}.results h3{margin:0 0 10px;color:#28a745}.results p{margin:0 0 15px;color:#666}.download-btn{background:#28a745;color:#fff;border:none;padding:12px 24px;border-radius:20px;font-size:14px;font-weight:600;cursor:pointer;transition:background .3s ease}.download-btn:hover{background:#218838}.branches-tree{margin-top:10px}.branches-tree .question-text{font-style:normal;font-weight:500;text-align:left;color:#444}.branch-node{margin-bottom:8px;border:1px solid #e1e5e9;border-radius:6px;background:#f8f9fa}.branch-header{display:flex;align-items:center;padding:8px 12px;cursor:pointer;transition:background-color .2s ease;border-radius:6px}.branch-header:hover{background-color:#e9ecef}.branch-header.expanded{background-color:#e3f2fd;border-bottom:1px solid #e1e5e9}.branch-toggle{margin-right:8px;font-size:12px;color:#666;width:16px;text-align:center}.next-word{font-weight:600;color:#333;margin-right:8px}.branch-count{color:#666;font-size:.9em;margin-right:12px}.branch-header .uniqueness-indicator{margin-left:auto;font-size:.85em;padding:2px 6px;border-radius:3px}.branch-header .uniqueness-indicator.unique{background-color:#d4edda;color:#155724}.branch-header .uniqueness-indicator.not-unique{background-color:#f8d7da;color:#721c24}.branch-questions{padding:8px 12px 12px 24px;background:#fff;border-radius:0 0 6px 6px}.branch-questions .possible-question{margin-bottom:4px;padding:4px 8px;border-radius:4px;background:#f8f9fa;border-left:3px solid #dee2e6}.branch-questions .possible-question.unique{border-left-color:#28a745;background:#f8fff9}.branch-questions .possible-question.not-unique{border-left-color:#dc3545;background:#fff8f8}.branch-questions .question-id{font-weight:600;color:#495057;margin-right:8px}.branch-questions .question-text{color:#333}.unique-branch{margin-bottom:8px}.unique-branch .possible-question{margin-bottom:4px;padding:4px 8px;border-radius:4px;background:#f8fff9;border-left:3px solid #28a745}.anticipation-meter{margin-top:20px;text-align:center}.meter-label{font-weight:600;font-size:1.2rem;color:#333;margin-bottom:20px}.gauge-container{display:flex;justify-content:center;margin-top:20px}.anticipation-meter .gauge-container{margin:0 auto;max-width:300px}.anticipation-meter svg{filter:drop-shadow(0 4px 8px rgba(0,0,0,.1))}.anticipation-meter .gauge-tooltip{background:#000c!important;color:#fff!important;border-radius:4px!important;padding:8px 12px!important;font-size:12px!important;font-weight:500!important}.odds-table-container{margin-top:20px;padding:15px;background:#f8f9fa;border-radius:8px;border:1px solid #dee2e6}.odds-table-container h6{margin:0 0 15px;font-size:1rem;font-weight:600;color:#495057}.odds-table{width:100%;border-collapse:collapse;font-size:.9rem}.odds-table th{background:#343a40;color:#fff;padding:12px 8px;text-align:left;font-weight:600;border-bottom:2px solid #495057}.odds-table td{padding:10px 8px;border-bottom:1px solid #dee2e6;vertical-align:middle}.odds-table .unique-row{background:#d4edda;border-left:4px solid #28a745}.odds-table .non-unique-row{background:#fff3cd;border-left:4px solid #ffc107}.odds-table .total-row{background:#e2e3e5;border-left:4px solid #6c757d;border-top:2px solid #495057;font-weight:600}.odds-table .unique-row td:nth-child(2),.odds-table .unique-row td:nth-child(4){color:#28a745;font-weight:600}.odds-table .non-unique-row td:nth-child(2),.odds-table .non-unique-row td:nth-child(4){color:#856404;font-weight:600}.odds-table .total-row td:nth-child(4),.odds-table .total-row td:nth-child(5){color:#495057;font-weight:700}@media (max-width: 768px){.gauge-container{margin-top:15px}.meter-label{font-size:1.1rem}.odds-table{font-size:.8rem}.odds-table th,.odds-table td{padding:8px 6px}}.strategic-value-page{max-width:1200px;margin:0 auto;padding:20px}.strategic-overview h2{color:#333;margin-bottom:20px}.distribution-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:20px;margin-bottom:30px}.distribution-card{border:3px solid;border-radius:12px;overflow:hidden;box-shadow:0 4px 6px #0000001a;transition:transform .2s ease}.distribution-card:hover{transform:translateY(-2px)}.distribution-header{color:#fff;padding:15px;text-align:center}.distribution-header h3{margin:0;font-size:1.2rem;font-weight:700}.distribution-content{padding:20px;text-align:center;background:#fff}.distribution-count{font-size:2.5rem;font-weight:700;color:#333;margin-bottom:5px}.distribution-percentage{font-size:1.2rem;color:#666;margin-bottom:5px}.distribution-label{font-size:.9rem;color:#888;text-transform:uppercase;letter-spacing:1px}.strategic-details{margin-bottom:40px}.strategic-details h2{color:#333;margin-bottom:20px}.point-value-analysis{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:20px}.point-analysis-card{background:#f8f9fa;border-radius:8px;padding:20px;border:1px solid #dee2e6}.point-analysis-card h3{color:#333;margin-bottom:15px;text-align:center}.point-distribution{display:flex;flex-direction:column;gap:10px}.point-category{display:flex;align-items:center;gap:8px;padding:8px;background:#fff;border-radius:4px;border:1px solid #e9ecef}.category-dot{width:12px;height:12px;border-radius:50%;flex-shrink:0}.category-label{font-weight:600;min-width:50px}.category-count{font-weight:700;color:#333}.category-percentage{color:#666;font-size:.9rem}.strategic-legend{background:#efefef;padding:16px}.strategic-legend h3{color:#333;margin-bottom:8px;font-size:1.5rem;text-align:center}.legend-intro{text-align:center;color:#666;margin-bottom:24px;font-size:1rem;line-height:1.6}.legend-items{display:flex;flex-direction:column;gap:16px;margin-bottom:24px}.legend-item{display:flex;align-items:flex-start;gap:12px}.legend-content{flex:1}.legend-content strong{display:block;color:#333;margin-bottom:6px;font-size:1.05rem}.legend-content p{margin:0;color:#666;line-height:1.5;font-size:.95rem}.legend-note{background:#e7f3ff;padding:16px;border-radius:8px;border-left:4px solid #007bff;color:#004085;font-size:.95rem;line-height:1.6}.safe-category-content{display:flex;flex-direction:column;gap:20px}.subsection{background:#f8f9fa;border-radius:8px;padding:16px;border-left:3px solid #007bff}.subsection-header{color:#333;font-size:1.05rem;font-weight:600;margin-bottom:12px;cursor:pointer;display:flex;align-items:center;justify-content:space-between;padding:8px;border-radius:6px;transition:background .2s ease}.subsection-header:hover{background:#007bff0d}.strategic-education-section{background:#ffffff26;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:12px;padding:40px;margin:0;border:1px solid rgba(255,255,255,.2);box-shadow:0 2px 10px #0000000d}.strategic-education-section h2{text-align:center;color:#2c3e50;margin-bottom:32px;font-size:1.8rem}.explanation-step{background:#ffffff40;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:12px;padding:12px 0;text-align:left}.explanation-step .step-icon{color:#007bff;padding-top:5px}.explanation-step .step-icon .material-icons{font-size:24px}.explanation-step .step-content{padding:0}.explanation-step .step-content h3{color:#2c3e50;margin-bottom:8px;font-size:1.2rem;display:flex;align-items:center}.explanation-step .step-content p{color:#34495e;line-height:1.6;margin:0;font-size:.95rem;text-align:left}.context-strategy-note{background:#ffffff40;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.3);color:#2c3e50;border-radius:12px;padding:24px;display:flex;align-items:center;gap:16px;box-shadow:0 2px 8px #00000014}.context-strategy-note .note-icon{background:#fff6;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);border:1px solid rgba(255,255,255,.4);border-radius:50%;width:50px;height:50px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.context-strategy-note .note-icon .material-icons{font-size:24px;color:#17a2b8}.context-strategy-note .note-content h4{margin:0 0 8px;font-size:1.2rem;font-weight:700;color:#2c3e50}.context-strategy-note .note-content p{margin:0;line-height:1.6;color:#34495e}@media (max-width: 768px){.strategic-education-section{padding:24px;margin:24px 0}.branching-explanation{grid-template-columns:1fr;gap:16px}.context-strategy-note{flex-direction:column;text-align:center;padding:20px}}.legend-dot{width:16px;height:16px;border-radius:50%;flex-shrink:0;margin-top:6px}.strategic-question-list h2{margin-bottom:20px}.speed-test-page{max-width:800px;margin:0 auto;padding:20px}.game-setup{background:#f8f9fa;border-radius:12px;padding:30px;margin-bottom:20px}.game-setup h2{color:#333;margin-bottom:20px;text-align:center}.settings-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:20px;margin-bottom:20px}.setting-group{display:flex;flex-direction:column;gap:8px}.setting-group label{font-weight:600;color:#495057}.setting-group select{border:2px solid #dee2e6;border-radius:6px;font-size:1rem;max-width:265px}.game-info{text-align:center;margin:20px 0;padding:15px;background:#e9ecef;border-radius:8px;color:#495057}.start-game-btn{display:block;margin:20px auto;background:linear-gradient(135deg,#28a745,#20c997);color:#fff;border:none;padding:15px 30px;border-radius:8px;font-size:1.2rem;font-weight:600;cursor:pointer;transition:all .3s ease}.start-game-btn:hover{background:linear-gradient(135deg,#218838,#1e7e34);transform:translateY(-2px);box-shadow:0 4px 12px #28a7454d}.start-game-btn:disabled{background:#6c757d;cursor:not-allowed;transform:none;box-shadow:none}.game-ready,.game-reading,.game-paused{text-align:center;padding-bottom:2rem;background:linear-gradient(135deg,#f7f5fb,#fff);border-radius:16px;margin-bottom:20px;border:1px solid rgba(65,51,122,.1);box-shadow:0 4px 20px #41337a14}.game-progress{font-size:1.2rem;color:#41337a;margin-bottom:1.5rem;font-weight:600;background:#41337a1a;padding:.75rem 1.5rem;border-radius:25px;display:inline-block}.total-score{font-size:1.5rem;font-weight:700;color:#28a745;margin-bottom:20px}.pulse-animation{font-size:2rem;animation:pulse 1.5s infinite}@keyframes pulse{0%,to{transform:scale(1);opacity:1}50%{transform:scale(1.1);opacity:.7}}.buzz-btn{background:linear-gradient(135deg,#28a745,#20c997);color:#fff;border:none;padding:20px 40px;border-radius:10px;font-size:1.5rem;font-weight:600;cursor:pointer;transition:all .3s ease;margin:20px 0;box-shadow:0 4px 15px #28a7454d}.buzz-btn:hover{background:linear-gradient(135deg,#218838,#1e7e34);transform:scale(1.05);box-shadow:0 6px 20px #28a74566}.current-score{display:flex;justify-content:center;align-items:center;gap:10px;margin-bottom:10px}.score-label{font-size:1.5rem;color:#495057}.score-value{font-size:3rem;font-weight:700;color:#28a745}.score-description{font-size:1.2rem;color:#6c757d;font-style:italic}.timing-details{margin-top:15px;padding:12px;background:#f8f9fa;border-radius:6px;border:1px solid #e9ecef}.timing-row{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.timing-row:last-child{margin-bottom:0}.timing-label{font-weight:500;color:#495057;font-size:.9rem}.timing-value{font-family:Courier New,monospace;font-size:.9rem;color:#212529;background:#fff;padding:2px 6px;border-radius:3px;border:1px solid #dee2e6}.timing-delay{border-top:1px solid #dee2e6;padding-top:8px;margin-top:8px;font-weight:600}.timing-delay .timing-value{background:#fff3cd;border-color:#ffeaa7;color:#856404}.keyboard-hint{font-size:.8em;opacity:.7;margin-left:5px;background:#fff3;border-radius:3px;font-family:monospace}.header-title{flex:1}.header-nav{display:flex;gap:10px}.nav-btn{padding:8px 16px;border:none;border-radius:6px;cursor:pointer;font-size:.9rem;transition:all .2s}.filter-btn{background:#41337a;color:#fff}.filter-btn:hover{background:#352a63}.questions-btn{background:#b0d235;color:#fff}.questions-btn:hover{background:#9bc42a}.quit-btn{background:#7f7b82;color:#fff}.quit-btn:hover{background:#6a6670}.modal-overlay{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000}.modal-content{background:#fff;border-radius:12px;width:90%;max-width:500px;max-height:80vh;overflow-y:auto;box-shadow:0 10px 30px #0000004d}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:20px 24px;border-bottom:1px solid #e9ecef}.modal-header h3{margin:0;color:#333}.modal-close{background:none;border:none;font-size:24px;cursor:pointer;color:#6c757d;width:30px;height:30px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:background-color .2s}.modal-close:hover{background:#f8f9fa}.modal-body{padding:24px}.filter-section{margin-bottom:24px}.filter-section:last-child{margin-bottom:0}.custom-filter-input{margin-top:10px}.custom-filter-text{width:100%;padding:8px 12px;border:1px solid #ddd;border-radius:4px;font-size:14px;margin-bottom:5px}.custom-filter-text:focus{outline:none;border-color:#007bff;box-shadow:0 0 0 2px #007bff40}.custom-filter-help{font-size:12px;color:#666;font-style:italic;width:200px}.checkbox-label.disabled{opacity:.5;cursor:not-allowed}.checkbox-label.disabled input[type=checkbox]{cursor:not-allowed}.checkbox-label.disabled:hover{background-color:transparent}.filter-group.disabled-group{opacity:.6}.filter-group.disabled-group label{color:#999}.game-mode-section{margin-bottom:30px;padding:20px;background:#fff;border:2px solid #e9ecef;border-radius:12px;box-shadow:0 2px 10px #0000001a}.game-mode-section .section-label{color:#41337a;font-weight:600;font-size:1.1rem;margin-bottom:1rem;display:block}.game-mode-select{width:100%;margin-bottom:8px}.game-mode-description{font-size:14px;color:#666;font-style:italic;margin-top:8px;line-height:1.4}.game-mode-info{margin:20px 0}.mode-description{background-color:#f8f9fa;border:1px solid #e9ecef;border-radius:8px;padding:20px;margin-bottom:20px}.mode-description h4{color:#41337a;margin:0 0 15px;font-size:1.2rem;font-weight:600}.mode-description p{margin:0 0 10px;line-height:1.5;color:#495057}.mode-description p:last-child{margin-bottom:0}.mode-description strong{color:#41337a;font-weight:600}.mode-filter-note{background-color:#e3f2fd;border:1px solid #bbdefb;border-radius:6px;padding:12px;margin-top:10px}.mode-filter-note p{margin:0 0 8px;color:#1565c0;font-size:14px}.mode-filter-note p:last-child{margin-bottom:0}.mode-scoring-info{background-color:#f3e5f5;border:1px solid #e1bee7;border-radius:6px;padding:12px;margin-bottom:20px}.mode-scoring-info p{margin:0;color:#7b1fa2;font-size:14px;font-style:italic}.score-level{font-weight:600;color:#7b1fa2;font-size:14px}.score-difficulty{font-weight:500;color:#666;font-size:12px;text-transform:uppercase;letter-spacing:.5px}.score-streak{font-weight:600;color:#ff6b6b;font-size:14px}.score-value{font-weight:600;color:#333;font-size:16px}.score-average{font-weight:500;color:#666;font-size:12px}.start-game-btn{font-size:1.1rem;font-weight:600;transition:all .3s ease}.start-game-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 4px 12px #00000026}.start-game-btn-minesweeper{background:linear-gradient(135deg,#ff6b6b,#ee5a24)!important;color:#fff!important}.start-game-btn-minesweeper:hover:not(:disabled){background:linear-gradient(135deg,#ee5a24,#d63031)!important}.start-game-btn-survival{background:linear-gradient(135deg,#ff9ff3,#f368e0)!important;color:#fff!important}.start-game-btn-survival:hover:not(:disabled){background:linear-gradient(135deg,#f368e0,#e84393)!important}.start-game-btn-ace-run{background:linear-gradient(135deg,#ffd93d,#ff6b6b)!important;color:#fff!important}.start-game-btn-ace-run:hover:not(:disabled){background:linear-gradient(135deg,#ff6b6b,#e17055)!important}.start-game-btn-speed-run{background:linear-gradient(135deg,#74b9ff,#0984e3)!important;color:#fff!important}.start-game-btn-speed-run:hover:not(:disabled){background:linear-gradient(135deg,#0984e3,#2d3436)!important}.game-mode-indicators{margin:15px 0;padding:0 20px}.mode-indicators{display:flex;flex-direction:row;align-items:center;justify-content:space-between;gap:12px;margin:10px 0;padding:10px 14px;background-color:#007bff1a;border-radius:6px;border:1px solid rgba(0,123,255,.2)}@media (max-width: 640px){.mode-indicators{flex-direction:column;align-items:flex-start;gap:8px}}.lives-indicator{font-size:18px;font-weight:700;color:#dc3545}.extra-life-notification{margin-top:10px;padding:12px 16px;background:linear-gradient(135deg,#28a745,#20c997);color:#fff;border-radius:8px;font-size:18px;font-weight:700;text-align:center;animation:pulse 2s ease-in-out;box-shadow:0 4px 12px #28a74566}@keyframes pulse{0%,to{transform:scale(1);opacity:1}50%{transform:scale(1.05);opacity:.9}}.bonus-breakdown{font-size:14px;color:#28a745;font-weight:600;margin-top:8px;padding:8px;background-color:#28a7451a;border-radius:4px;border:1px solid rgba(40,167,69,.3)}.level-complete-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#000000d9;display:flex;align-items:center;justify-content:center;z-index:2000;animation:fadeIn .3s ease-in}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.level-complete-content{text-align:center;color:#fff;padding:40px;background:linear-gradient(135deg,#4a5568,#2d3748);border-radius:20px;box-shadow:0 10px 40px #000000b3;max-width:500px;width:90%;animation:slideUp .4s ease-out;border:2px solid rgba(255,255,255,.2)}@keyframes slideUp{0%{transform:translateY(30px);opacity:0}to{transform:translateY(0);opacity:1}}.level-complete-icon{font-size:80px;margin-bottom:20px;animation:bounce .6s ease-in-out}@keyframes bounce{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}.level-complete-content h2{font-size:36px;margin:0 0 10px;color:#fff;text-shadow:2px 2px 6px rgba(0,0,0,.8);font-weight:700}.level-complete-message{font-size:18px;margin-bottom:30px;color:#e2e8f0;font-weight:500}.level-complete-stats{display:flex;justify-content:space-around;margin:30px 0;padding:20px;background-color:#0000004d;border-radius:12px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.15)}.stat-item{display:flex;flex-direction:column;gap:8px}.stat-label{font-size:14px;color:#cbd5e0;font-weight:500}.stat-value{font-size:24px;font-weight:700;color:#fbbf24;text-shadow:1px 1px 3px rgba(0,0,0,.5)}.bonus-info-note{font-size:14px;margin:15px 0;padding:10px;background-color:#fbbf2433;border-radius:8px;border:1px solid rgba(251,191,36,.4);color:#fbbf24;font-style:italic;font-weight:500}.next-level-info{margin:30px 0;padding:20px;background-color:#0006;border-radius:12px;border:2px solid rgba(255,255,255,.25)}.next-level-info h3{font-size:24px;margin:0 0 10px;color:#fbbf24;text-shadow:1px 1px 3px rgba(0,0,0,.5);font-weight:700}.next-level-info p{font-size:16px;margin:0;line-height:1.5;color:#e2e8f0}.next-level-info strong{font-size:20px;color:#fbbf24;text-shadow:1px 1px 3px rgba(0,0,0,.5);font-weight:700}.continue-btn{margin-top:30px;padding:15px 30px;font-size:18px;font-weight:700;background:linear-gradient(135deg,gold,#ffed4e);color:#333;border:none;border-radius:12px;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 15px #ffd70066;display:inline-flex;align-items:center;gap:8px}.continue-btn:hover{transform:translateY(-2px);box-shadow:0 6px 20px #ffd70099;background:linear-gradient(135deg,#ffed4e,gold)}.continue-btn:active{transform:translateY(0)}.level-indicator{font-size:14px;color:#495057;font-weight:500}@media (max-width: 640px){.level-complete-overlay{padding:12px}.level-complete-content{width:95%;max-width:95%;padding:20px;max-height:80vh;overflow-y:auto}.level-complete-icon{font-size:56px;margin-bottom:12px}.level-complete-content h2{font-size:24px;margin-bottom:8px}.level-complete-message{font-size:14px;margin-bottom:16px}.level-complete-stats{flex-direction:column;gap:12px;padding:12px}.stat-value{font-size:18px}.next-level-info{margin:16px 0;padding:12px}.next-level-info h3{font-size:18px}.next-level-info p,.bonus-info-note{font-size:13px}.next-level-info strong{font-size:18px}.continue-btn{padding:12px 20px;font-size:16px}}.life-lost-banner{display:inline-flex;align-items:center;gap:8px;padding:8px 12px;border-radius:6px;background:#dc35451f;color:#dc3545;border:1px solid rgba(220,53,69,.35);font-weight:600}.streak-indicator{font-size:16px;font-weight:700;color:#28a745}.streak-requirement{font-size:12px;color:#6c757d}.speed-indicator{font-size:16px;font-weight:700;color:#ffc107}.speed-progress,.threshold-indicator{font-size:12px;color:#6c757d}.mine-hit-display{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#000000e6;display:flex;align-items:center;justify-content:center;z-index:1000}.mine-hit-content{text-align:center;color:#fff;padding:40px;background-color:#dc3545;border-radius:20px;box-shadow:0 10px 30px #00000080;max-width:400px;width:90%}.mine-hit-icon{font-size:80px;margin-bottom:20px;animation:explode .5s ease-in-out}@keyframes explode{0%{transform:scale(.5);opacity:0}50%{transform:scale(1.2);opacity:1}to{transform:scale(1);opacity:1}}.mine-hit-content h2{font-size:36px;margin:0 0 10px;text-shadow:2px 2px 4px rgba(0,0,0,.5)}.mine-hit-content p{font-size:24px;margin:0 0 30px;font-weight:700}.mine-hit-stats{background-color:#0000004d;padding:20px;border-radius:10px;margin:20px 0}.mine-hit-stats div{font-size:18px;margin:10px 0;font-weight:500}.mine-hit-btn{background-color:#fff;color:#dc3545;border:none;padding:15px 30px;font-size:18px;font-weight:700;border-radius:10px;cursor:pointer;transition:all .3s ease;margin-top:20px}.mine-hit-btn:hover{background-color:#f8f9fa;transform:translateY(-2px);box-shadow:0 5px 15px #0000004d}@media (max-width: 768px){.game-mode-section{padding:15px;margin-bottom:20px}.game-mode-section .section-label{font-size:1rem}.game-mode-description{font-size:13px}}.filter-section h4{margin:0 0 12px;color:#495057;font-size:1rem}.filter-checkboxes{display:flex;flex-direction:column;gap:8px}.filter-checkbox{display:flex;align-items:center;gap:8px;cursor:pointer;padding:4px 0}.filter-checkbox input[type=checkbox]{margin:0;cursor:pointer}.modal-footer{display:flex;justify-content:flex-end;gap:12px;padding:20px 24px;border-top:1px solid #e9ecef}.modal-btn{padding:10px 20px;border:none;border-radius:6px;cursor:pointer;font-size:.9rem;transition:all .2s}.cancel-btn{background:#0a090c;color:#fff}.cancel-btn:hover{background:#1a1a1a}.apply-btn{background:#41337a;color:#fff}.apply-btn:hover{background:#352a63}.madimi-one-regular{font-family:Madimi One,sans-serif;font-weight:400;font-style:normal}body{margin:0;padding:0}.app.global-layout{min-height:100vh;display:flex;flex-direction:column}.app{min-height:100vh}.main-content{flex:1}.global-header{background:#41337a;color:#fff;padding:1rem 0;box-shadow:0 2px 10px #0000001a;width:100%;position:relative;top:0;left:0}.header-container{max-width:1200px;margin:0 auto;padding:0 2rem;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:1rem}.site-branding{flex:1;min-width:250px;display:flex;align-items:center;gap:1rem}.site-logo{height:50px;width:auto;transition:opacity .2s}.site-link{color:#fff;text-decoration:none;transition:opacity .2s;display:flex;align-items:center}.site-link:hover{opacity:.9;text-decoration:none}.site-link:hover .site-logo{opacity:.9}.main-navigation{display:flex;gap:1rem;align-items:center}.nav-link{color:#fff;text-decoration:none;font-weight:500;padding:.75rem 1.25rem;border-radius:8px;transition:all .3s ease;border:2px solid transparent;background:#ffffff1a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);position:relative;overflow:hidden}.nav-link:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .5s}.nav-link:hover:before{left:100%}.nav-link:hover{background:#fff3;border-color:#ffffff4d;text-decoration:none;color:#fff;box-shadow:0 4px 12px #00000026;transform:translateY(-1px)}.nav-link.active{background:#ffffff40;border-color:#fff6;box-shadow:0 4px 12px #0003;color:#fff}.global-footer{background:#41337a;color:#f7f5fb;padding:1.5rem 0;margin-top:2rem;border-top:1px solid #7f7b82}.footer-container{max-width:1200px;margin:0 auto;padding:0 2rem;text-align:center}.footer-links{display:flex;justify-content:center;gap:2rem;margin-bottom:1rem}.footer-link{color:#f7f5fb;text-decoration:none;font-size:.9rem;padding:.5rem 1rem;border-radius:6px;transition:all .2s;border:1px solid transparent}.footer-link:hover{background:#7f7b82;border-color:#7f7b82;text-decoration:none;color:#fff}.footer-container p{margin:0;font-size:.9rem;opacity:.8}.update-check-btn{background:none;border:1px solid rgba(247,245,251,.3);cursor:pointer;font-family:inherit}.update-check-btn:hover{background:#7f7b82;border-color:#7f7b82}.update-check-btn:disabled{opacity:.5;cursor:not-allowed}.update-check-btn:disabled:hover{background:none;border-color:#f7f5fb4d}.footer-info{display:flex;flex-direction:column;align-items:center;gap:.25rem}.version-info{font-size:.8rem;opacity:.6;font-style:italic}@media (max-width: 768px){.footer-links{flex-direction:column;gap:.5rem;align-items:center}.footer-link{display:inline-block}}@media (max-width: 768px){.header-container{flex-direction:column;text-align:center}.site-branding{min-width:auto}.main-navigation{gap:1rem;flex-wrap:wrap;justify-content:center}.nav-link{padding:.4rem .8rem;font-size:.9rem}}.page-header{text-align:center;margin-bottom:2rem;padding:2rem}.page-header h1{margin:0 0 .5rem;font-size:2.5rem;font-weight:600}.page-header p{margin:0;font-size:1.1rem;opacity:.9;font-weight:400}.page-controls{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem;padding:1.5rem 2rem;border-radius:12px}.page-title h1{margin:0 0 .5rem;color:#333;font-size:2rem}.page-title p{margin:0;color:#6c757d;font-size:1.1rem}.page-actions{display:flex;gap:1rem}.questions-page{padding:2rem;max-width:1200px;margin:0 auto;display:block}.questions-container{width:100%;margin-top:1rem}.questions-content{width:100%}.filters-section,.display-settings-section,.search-section{margin-bottom:2rem;border:1px solid #e9ecef;border-radius:8px;overflow:hidden}.strategic-main .search-section{margin-bottom:0}.section-header{background:#f7f5fb;padding:1rem 1.5rem;cursor:pointer;transition:background-color .2s;border-bottom:1px solid #e9ecef;display:flex;align-items:center;justify-content:space-between}.section-header:hover{background:#ebe8f0}.section-header-content{display:flex;align-items:center;justify-content:space-between;width:100%}.section-header h3{margin:0;display:flex;align-items:center;color:#41337a;font-size:1.2rem}.section-header .filter-count{font-weight:400;margin-left:.5rem;color:#6c757d}.section-header .flashcard-btn{flex-shrink:0;margin-left:1rem}.toggle-filters-btn,.clear-filters-btn{background:#007bff;color:#fff;border:none;padding:.5rem 1rem;border-radius:6px;font-size:.85rem;font-weight:600;cursor:pointer;transition:all .2s ease;text-transform:uppercase;letter-spacing:.5px}.toggle-filters-btn:hover,.clear-filters-btn:hover{background:#0056b3;transform:translateY(-1px);box-shadow:0 2px 4px #007bff4d}.toggle-filters-btn:focus,.clear-filters-btn:focus{outline:3px solid #ffc107;outline-offset:2px}.section-header .toggle-icon{margin-right:.5rem;font-size:.9rem;color:#7f7b82}.filters,.display-settings{padding:1.5rem;background:#fff}.search-header{background:#f7f5fb;padding:1rem 1.5rem;border-bottom:1px solid #e9ecef}.search-header h3{margin:0;color:#41337a;font-size:1.2rem}.search-controls{padding:1.5rem;background:#fff}.search-input-group{display:flex;align-items:center;gap:1rem;margin-bottom:1rem}.search-input{flex:1;padding:.75rem 1rem;border:2px solid #e9ecef;border-radius:6px;font-size:1rem;transition:border-color .2s ease}.search-input:focus{outline:none;border-color:#41337a;box-shadow:0 0 0 3px #41337a1a}.search-mode-toggle-group{display:flex;border:2px solid #e9ecef;border-radius:6px;overflow:hidden;background:#f8f9fa}.search-mode-option{padding:.75rem 1rem;background:transparent;border:none;font-size:.9rem;font-weight:500;color:#7f7b82;cursor:pointer;transition:all .2s ease;white-space:nowrap;flex:1;position:relative}.search-mode-option:not(:last-child):after{content:"";position:absolute;right:0;top:50%;transform:translateY(-50%);width:1px;height:60%;background:#e9ecef}.search-mode-option:hover:not(.active){background:#41337a0d;color:#41337a}.search-mode-option.active{background:#41337a;color:#fff;font-weight:600}.search-mode-option.active:not(:last-child):after{background:transparent}.search-info{display:flex;align-items:center;justify-content:space-between;padding:.5rem 1rem;background:#f8f9fa;border-radius:6px;border:1px solid #e9ecef}.search-results-count{font-size:.9rem;color:#7f7b82;font-weight:500}.clear-search-btn{background:none;border:none;color:#dc3545;font-size:1.2rem;cursor:pointer;padding:.25rem .5rem;border-radius:4px;transition:background-color .2s ease}.clear-search-btn:hover{background:#dc35451a}.tab-navigation{display:flex;border-bottom:2px solid #f7f5fb;margin-bottom:1rem;background:#f7f5fb;border-radius:8px 8px 0 0}.tab-button{flex:1;padding:1rem 1.5rem;border:none;background:#f7f5fb;color:#7f7b82;font-weight:500;cursor:pointer;transition:all .2s;border-bottom:3px solid transparent}.tab-button:hover{background:#e9ecef;color:#41337a}.tab-button.active{background:#fff;color:#41337a;border-bottom-color:#41337a;font-weight:600}.tab-content{background:#fff;border-radius:0 0 8px 8px;box-shadow:0 2px 10px #0000000d}.tab-panel{padding:2rem;min-height:300px}.tab-panel h3{margin:0 0 1rem;color:#41337a;font-size:1.5rem}.tab-panel p{color:#7f7b82;margin-bottom:1rem}.leaderboard-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem;flex-wrap:wrap;gap:1rem}.leaderboard-header h3{margin:0;color:#41337a;font-size:1.5rem}.leaderboard-tabs{display:flex;background:#f7f5fb;border-radius:8px;padding:4px;gap:4px}.leaderboard-tab{display:flex;align-items:center;gap:.5rem;padding:.75rem 1rem;border:none;background:transparent;color:#7f7b82;border-radius:6px;cursor:pointer;transition:all .2s ease;font-size:.9rem;font-weight:500;white-space:nowrap}.leaderboard-tab:hover{background:#e9ecef;color:#41337a}.leaderboard-tab.active{background:#fff;color:#41337a;font-weight:600;box-shadow:0 2px 4px #0000001a}.leaderboard-tab .material-icons{font-size:1.1rem}.time-period-tabs{display:flex;margin-bottom:1.5rem;align-self:flex-start}.time-period-tab{display:flex;align-items:center;gap:.4rem;padding:.6rem 1rem;border:none;background:#f7f5fb;color:#7f7b82;font-weight:500;cursor:pointer;transition:all .2s;border-bottom:3px solid transparent;font-size:.85rem;white-space:nowrap}.time-period-tab:hover{background:#e9ecef;color:#41337a}.time-period-tab.active{background:#fff;color:#41337a;border-bottom-color:#41337a;font-weight:600}.time-period-tab .material-icons{font-size:1rem}.view-more-container{display:flex;justify-content:center;margin-top:1rem;padding-top:1rem;border-top:1px solid #f0f0f0}.view-more-btn{display:flex;align-items:center;gap:.5rem;padding:.75rem 1.5rem;background:#f8f9fa;border:1px solid #dee2e6;border-radius:6px;color:#495057;font-size:.9rem;font-weight:500;cursor:pointer;transition:all .2s ease;margin-bottom:15px}.view-more-btn:hover{background:#e9ecef;border-color:#adb5bd;color:#343a40}.view-more-btn .material-icons{font-size:1.1rem}.filter-actions{margin-top:1rem;padding-top:0rem;border-top:1px solid #f7f5fb;display:flex;justify-content:space-between;align-items:center;flex-direction:column}.apply-filters-btn{background:#41337a;color:#fff;border:none;padding:12px 24px;border-radius:6px;cursor:pointer;font-weight:500;transition:all .2s}.apply-filters-btn:hover{background:#352a63}.filter-note{font-style:italic;color:#7f7b82;font-size:.9rem}.question-count-section{margin-bottom:2rem}.section-label{display:block;font-weight:600;color:#41337a;margin-bottom:1rem;font-size:1.1rem}.button-bar{display:flex;gap:.5rem;background:#f7f5fb;padding:.5rem;border-radius:8px;border:1px solid #e9ecef}.count-btn{flex:1;padding:.75rem 1rem;border:none;border-radius:6px;background:#fff;color:#7f7b82;font-weight:600;cursor:pointer;transition:all .2s;border:1px solid transparent;font-size:16px}.count-btn:hover{background:#f7f5fb;color:#41337a}.count-btn.active{background:#41337a;color:#fff;border-color:#41337a}.settings-row{display:flex;justify-content:space-between;gap:.6rem;margin-bottom:2rem}.setting-group{display:flex;flex-direction:column;gap:.5rem}.setting-group label{font-weight:600;color:#41337a;font-size:.95rem}.modern-select{padding:.75rem 2.75rem .75rem 1rem;border:2px solid #e9ecef;border-radius:8px;background:#fff;color:#333;font-size:.95rem;cursor:pointer;transition:all .2s;appearance:none;background-image:url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2341337a' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3e%3cpolyline points='6,9 12,15 18,9'%3e%3c/polyline%3e%3c/svg%3e");background-position:right 1rem center;background-repeat:no-repeat;background-size:1rem}.modern-select:focus{outline:none;border-color:#41337a;box-shadow:0 0 0 3px #41337a1a}.modern-select:hover{border-color:#41337a}@media (max-width: 768px){.settings-row{flex-direction:column;gap:1rem}.setting-group{width:100%}.modern-select{width:100%;max-width:none}.button-bar{flex-wrap:wrap}}@media (max-width: 768px){.page-controls{flex-direction:column;text-align:center;gap:1rem}.questions-page{padding:1rem}}.question-display{background:#fff;border-radius:8px;padding:20px;margin:20px 0;border:1px solid #dee2e6;position:relative}.answer-section{margin-top:20px;padding-top:15px;border-top:2px solid #e9ecef}.answer-label{font-size:1.1rem;font-weight:600;color:#495057;margin-bottom:8px}.answer-text{font-size:1rem;color:#333;line-height:1.5}.next-question-btn{background:linear-gradient(135deg,#41337a,#352a63);color:#fff;border:none;padding:15px 30px;border-radius:8px;font-size:1.1rem;font-weight:600;cursor:pointer;transition:all .3s ease;margin-top:20px;box-shadow:0 2px 8px #41337a33}.next-question-btn:hover{background:linear-gradient(135deg,#352a63,#2a1f50);transform:translateY(-2px);box-shadow:0 4px 12px #41337a4d}.game-finished{text-align:center;padding:40px;background:#f8f9fa;border-radius:12px}.final-score{margin:30px 0}.total-score-display{display:flex;justify-content:center;align-items:center;gap:15px;margin-bottom:10px}.total-score-display .score-label{font-size:2rem;color:#495057}.total-score-display .score-value{font-size:4rem;font-weight:700;color:#28a745}.average-score{font-size:1.2rem;color:#6c757d}.results-list{display:grid;gap:10px;margin:20px 0}.level-result-group{margin-bottom:25px;padding:20px;background-color:#ffffff0d;border-radius:12px;border:1px solid rgba(255,255,255,.1)}.level-result-header{display:flex;align-items:center;gap:15px;margin-bottom:15px;padding-bottom:15px;border-bottom:2px solid rgba(255,255,255,.2)}.level-result-header h4{margin:0;font-size:1.5rem;color:#667eea;font-weight:600}.level-total-score{font-size:1.1rem;font-weight:600;color:gold;margin-left:auto}.level-threshold{font-size:.9rem;color:#ffffffb3;font-style:italic}.level-questions-list{display:grid;gap:8px}.result-item{display:grid;grid-template-columns:1fr 1fr 2fr auto;gap:15px;padding:10px;background:#fff;border-radius:6px;border:1px solid #dee2e6;align-items:center}.result-chevron{color:#6c757d;justify-self:end}.result-question{font-weight:600;color:#495057}.result-score{font-size:1.2rem;font-weight:700;color:#28a745}.result-description{color:#6c757d;font-style:italic}.play-again-btn{background:linear-gradient(135deg,#28a745,#20c997);color:#fff;border:none;padding:15px 30px;border-radius:8px;font-size:1.2rem;font-weight:600;cursor:pointer;transition:all .3s ease;margin-top:20px}.play-again-btn:hover{background:linear-gradient(135deg,#218838,#1e7e34);transform:translateY(-2px);box-shadow:0 4px 12px #28a7454d}.high-scores{margin-top:40px;padding:20px;background:#fff;border-radius:8px;border:1px solid #dee2e6}.high-scores h3{color:#333;margin-bottom:20px;text-align:center}.score-category{margin-bottom:24px;background:#fff;border-radius:8px;border:1px solid #e9ecef;overflow:hidden}.score-category h4{color:#41337a;margin:0;padding:16px 20px;background:#f7f5fb;border-bottom:1px solid #e9ecef;font-size:1.1rem;font-weight:600;text-align:center}.category-header-with-info{display:flex;justify-content:space-between;align-items:center;padding:16px 20px;background:#f7f5fb;border-bottom:1px solid #e9ecef}.category-header-with-info h4{margin:0;color:#41337a;font-size:1.1rem;font-weight:600}.total-players{color:#6c757d;font-size:.85rem;font-style:italic}.score-list{display:flex;flex-direction:column;gap:1px}.score-item{display:flex;justify-content:space-between;align-items:center;padding:16px 20px;background:#fff;border-bottom:1px solid #f8f9fa;transition:background-color .2s ease}.score-item:hover{background:#f8f9fa}.score-item:last-child{border-bottom:none}.score-left-group{display:flex;align-items:center;gap:12px;flex:1}.score-right-group{display:flex;flex-direction:row;align-items:center;gap:12px;min-width:140px}.score-rank{font-weight:700;color:#41337a;font-size:1.1rem;min-width:40px}.score-initials{font-weight:600;color:#495057;font-size:1rem;min-width:50px}.score-value{font-size:1.3rem;font-weight:700;color:#28a745;min-width:60px;text-align:center}.score-average{color:#6c757d;font-size:.9rem;font-weight:500}.score-date{color:#6c757d;font-size:.85rem}.score-settings{display:flex;gap:6px;justify-content:flex-end;flex-wrap:wrap}.setting-voice,.setting-speed,.setting-delay{background:#e9ecef;color:#444;padding:2px 8px;border-radius:8px;font-size:.75rem;font-weight:500;border:1px solid #dcdcdc}.setting-voice{background:#e9ecef;color:#444;max-width:80px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.setting-speed,.setting-delay{background:#e9ecef;color:#444}.score-item.medal-1{background:linear-gradient(135deg,gold,#fff8dc);border-left:4px solid #ffd700}.score-item.medal-2{background:linear-gradient(135deg,silver,#f8f8f8);border-left:4px solid #c0c0c0}.score-item.medal-3{background:linear-gradient(135deg,#cd7f32,linen);border-left:4px solid #cd7f32}.score-item.medal-1:hover,.score-item.medal-2:hover,.score-item.medal-3:hover{background:inherit;opacity:.95}.loading-scores,.error-scores{padding:40px 20px;text-align:center;color:#6c757d}.loading-spinner{width:24px;height:24px;border:2px solid #e9ecef;border-top:2px solid #41337a;border-radius:50%;animation:spin 1s linear infinite;margin:0 auto 16px}.error-message{color:#dc3545;margin-bottom:16px}.retry-btn{background:#41337a;color:#fff;border:none;padding:8px 16px;border-radius:4px;cursor:pointer;font-size:.9rem}.retry-btn:hover{background:#352a63}.cutoff-info{padding:12px 20px;background:#f8f9fa;border-top:1px solid #e9ecef;color:#6c757d;font-size:.85rem;text-align:center}.no-scores{padding:40px 20px;text-align:center;color:#6c757d;font-style:italic}.high-score-modal{background:#fff;border-radius:16px;max-width:500px;width:90%;max-height:80vh;overflow-y:auto;box-shadow:0 20px 40px #41337a4d;animation:slideIn .3s ease-out}@keyframes slideIn{0%{opacity:0;transform:translateY(-30px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.high-score-header{text-align:center;padding:2rem 2rem 1rem;background:linear-gradient(135deg,#41337a,#7f7b82);color:#fff;border-radius:16px 16px 0 0}.high-score-header h2{margin:0 0 .5rem;font-size:2rem;font-weight:700}.high-score-header p{margin:0;font-size:1.1rem;opacity:.9}.high-score-details{padding:2rem}.score-achievement{text-align:center;margin-bottom:2rem;padding:1.5rem;background:linear-gradient(135deg,#f7f5fb,#e9ecef);border-radius:12px;border:2px solid #41337a}.achievement-rank{font-size:3rem;font-weight:900;color:#41337a;margin-bottom:.5rem}.achievement-score{font-size:2rem;font-weight:700;color:#333;margin-bottom:.25rem}.achievement-average{font-size:1rem;color:#7f7b82}.game-settings-summary{margin-bottom:2rem}.game-settings-summary h4{margin:0 0 1rem;color:#41337a;font-size:1.1rem}.settings-display{display:grid;grid-template-columns:1fr 1fr;gap:.5rem}.setting-item{background:#f8f9fa;padding:.5rem;border-radius:6px;font-size:.9rem}.setting-item strong{color:#41337a}.initials-input{text-align:center}.initials-input label{display:block;margin-bottom:1rem;color:#41337a;font-weight:500;font-size:1.1rem}.initials-field{width:100px;padding:1rem;border:3px solid #41337a;border-radius:8px;text-align:center;font-size:1.5rem;font-weight:700;font-family:monospace;text-transform:uppercase;background:#f7f5fb}.initials-field:focus{outline:none;box-shadow:0 0 0 4px #41337a33}.high-score-actions{display:flex;gap:1rem;padding:1.5rem 2rem 2rem;justify-content:center}.save-score-btn{background:#41337a;color:#fff;border:none;padding:1rem 2rem;border-radius:8px;font-size:1.1rem;font-weight:600;cursor:pointer;transition:all .2s}.save-score-btn:hover{background:#352a63;transform:translateY(-2px)}.skip-save-btn{background:#7f7b82;color:#fff;border:none;padding:1rem 2rem;border-radius:8px;font-size:1.1rem;cursor:pointer;transition:all .2s}.skip-save-btn:hover{background:#6a6670}.score-item .score-value{font-size:1.2rem;font-weight:700;color:#28a745}.score-average{color:#6c757d;font-size:.9rem}.score-date{color:#6c757d;font-size:.8rem}.no-scores{text-align:center;color:#6c757d;font-style:italic;margin:10px 0}@media (max-width: 768px){.speed-test-page{padding:15px}.settings-grid{grid-template-columns:1fr;gap:15px}.result-item{grid-template-columns:1fr;gap:5px;text-align:center}.score-item{flex-direction:column;align-items:flex-start;padding:12px 16px;gap:8px}.score-left-group{width:100%;justify-content:center}.score-right-group{width:100%;align-items:center;justify-content:center;min-width:auto}.score-settings{justify-content:flex-start}}.game-card-header{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-bottom:20px;padding:1.5rem;position:relative;background:#efefef;border-bottom:1px solid #dee2e6}.game-card-header .game-progress{font-size:16px;font-weight:600;color:#41337a;margin:0;justify-self:left}.game-card-header .total-score{font-size:18px;font-weight:700;color:#41337a;justify-self:center;margin:0}.end-game-btn{background:#dc3545;color:#fff;border:none;padding:8px 16px;border-radius:6px;font-size:14px;font-weight:500;cursor:pointer;transition:background-color .2s ease;flex-shrink:0;justify-self:right}.end-game-btn:hover{background:#c82333}.end-game-btn:active{transform:translateY(1px)}.game-reading p{margin:0rem}@media (max-width: 768px){.game-question-card{padding:1rem}.game-question-card .game-question-text{font-size:1rem}.game-question-card .game-answer-text{font-size:.9rem}.current-question-score .score-description{padding:.5rem;margin:0}.timing-display{margin:0}.timing-label{font-size:.75rem}.next-question-btn{margin:0}.game-card-header{display:grid;grid-template-columns:1fr 1fr;grid-template-rows:auto auto;gap:1rem;grid-template-areas:"score end-btn" "progress progress"}.game-card-header .total-score{grid-area:score;justify-self:start;padding:0}.game-card-header .end-game-btn{grid-area:end-btn;justify-self:end}.game-card-header .game-progress{grid-area:progress;justify-self:center;width:100%;text-align:center}.flashcard-header{display:grid;grid-template-columns:1fr 1fr;grid-template-rows:auto auto;gap:1rem;grid-template-areas:"title controls" "stats stats";padding:15px}.flashcard-header h3{grid-area:title;text-align:left;margin:0}.flashcard-header .flashcard-controls-header{grid-area:controls;justify-self:end}.flashcard-header .flashcard-stats{grid-area:stats;text-align:center}.flashcard-stats .flashcard-progress,.flashcard-stats .success-rate{display:block;margin:.25rem 0}.page-header h1{font-size:2rem}.page-header p{font-size:1rem}.site-title{font-size:1.8rem}.flashcard-header h3{font-size:1.1rem}.point-header{font-size:1.3rem}.quotation-header{font-size:1.1rem}.question-text,.answer-text{font-size:.85rem}.page-header{padding:.5rem;margin-bottom:.5rem}.page-controls{padding:1rem;margin-bottom:1.5rem}.filters-section h3,.display-settings-section h3,.search-section h3{font-size:1rem}.filters-section,.display-settings-section,.search-section{margin-bottom:.5rem}.search-input-group{flex-direction:column;align-items:stretch;gap:.75rem}.search-mode-toggle-group{align-self:center;min-width:240px}.search-mode-option{padding:.65rem .75rem;font-size:.85rem}.section-header{padding:.5rem}.section-header-content{flex-direction:row;align-items:center;gap:.5rem}.toggle-filters-btn,.clear-filters-btn{padding:.4rem .75rem;font-size:.75rem;white-space:nowrap}.point-group{margin-bottom:1rem}.point-header{padding:1rem}.quotation-header{padding:.75rem 1rem}.question-card{margin-bottom:1rem}.flashcard-modal{margin:10px;max-height:calc(100vh - 20px)}.modal-overlay .completion-modal,.modal-overlay .filter-change-modal{margin:15px;max-height:calc(100vh - 30px)}.completion-content,.filter-change-modal .modal-content{padding:1.5rem}}.current-question-score{text-align:center;margin:0 20px 20px;padding:15px;background:#41337a0d;border-radius:8px;border:2px solid rgba(65,51,122,.1)}.current-question-score .current-score{margin-bottom:8px}.current-question-score .score-label{font-size:16px;font-weight:600;color:#41337a;margin-right:8px}.current-question-score .score-value{font-size:24px;font-weight:700;color:#41337a}.current-question-score .score-description{font-size:14px;font-weight:500;margin-top:5px}@media (max-width: 768px){.strategic-value-page{padding:15px}.distribution-grid,.point-value-analysis{grid-template-columns:1fr;gap:15px}.legend-items{gap:8px}.tab-panel{padding:1rem;margin:.5rem 0}.game-setup{padding:.5rem;margin-bottom:.5rem}.game-info{padding:.5rem}.high-scores{padding:.5rem;margin-bottom:.5rem}.leaderboard-header{flex-direction:column;align-items:flex-start;gap:.75rem}.leaderboard-tabs{width:100%;justify-content:stretch}.leaderboard-tab{flex:1;justify-content:center;padding:.75rem .5rem;font-size:.85rem}.leaderboard-tab .material-icons{font-size:1rem}.time-period-tabs{width:100%;justify-content:stretch}.time-period-tab{flex:1;justify-content:center;padding:.5rem .75rem;font-size:.8rem}.time-period-tab .material-icons{font-size:.9rem}.view-more-btn{padding:.6rem 1.2rem;font-size:.85rem}.view-more-btn .material-icons{font-size:1rem}}.pull-to-refresh-indicator{position:fixed;top:0;left:0;right:0;z-index:1000;display:flex;justify-content:center;align-items:center;background:linear-gradient(135deg,#41337a,#6c5ce7);color:#fff;padding:20px;box-shadow:0 2px 10px #0003;transition:all .3s ease}.pull-indicator-content{display:flex;flex-direction:column;align-items:center;gap:8px}.pull-icon{display:flex;align-items:center;justify-content:center;width:40px;height:40px;background:#fff3;border-radius:50%;transition:transform .3s ease}.pull-icon .material-icons{font-size:24px}.pull-text{font-size:14px;font-weight:500;text-align:center}.home-page{width:100%;max-width:none}.secondary-nav{position:sticky;top:0;z-index:100;background:#fffffff2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid rgba(0,0,0,.1);box-shadow:0 2px 20px #0000001a}.nav-container{max-width:1200px;margin:0 auto;padding:0 20px}.nav-links{display:flex;justify-content:center;align-items:center;gap:.5rem;overflow-x:auto;scrollbar-width:none;-ms-overflow-style:none;padding:1rem 0}.nav-links::-webkit-scrollbar{display:none}.secondary-nav .nav-link{display:flex;align-items:center;padding:.75rem 1.25rem;color:#41337a;text-decoration:none;font-weight:500;font-size:.9rem;white-space:nowrap;position:relative;transition:all .3s ease;border-radius:8px;border:2px solid transparent;background:#41337a0d;overflow:hidden}.secondary-nav .nav-link:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(65,51,122,.1),transparent);transition:left .5s}.secondary-nav .nav-link:hover:before{left:100%}.secondary-nav .nav-link:hover{color:#41337a;background:#41337a1a;border-color:#41337a33;box-shadow:0 4px 12px #41337a26;transform:translateY(-1px)}.secondary-nav .nav-link.active{color:#fff;background:#41337a;border-color:#352a63;box-shadow:0 4px 12px #41337a4d}html{scroll-behavior:smooth}section[id]{scroll-margin-top:70px}@media (max-width: 768px){.nav-links{justify-content:flex-start;padding:.75rem 10px;gap:.25rem}.secondary-nav .nav-link{padding:.5rem .75rem;font-size:.85rem}.main-navigation{gap:.5rem}.main-navigation .nav-link{padding:.5rem .75rem;font-size:.85rem}section[id]{scroll-margin-top:60px}}@media (max-width: 480px){.secondary-nav .nav-link,.main-navigation .nav-link{padding:.4rem .6rem;font-size:.8rem}}@media (max-width: 465px){.section-header{flex-direction:column;align-items:flex-start;gap:.75rem}.section-header .flashcard-btn{align-self:center;margin:10px}}.hero-section{background-color:#fc4d2d;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100%25' height='100%25' viewBox='0 0 100 60'%3E%3Cg %3E%3Crect fill='%23FC4D2D' width='11' height='11'/%3E%3Crect fill='%23fd502c' x='10' width='11' height='11'/%3E%3Crect fill='%23fd542b' y='10' width='11' height='11'/%3E%3Crect fill='%23fe572b' x='20' width='11' height='11'/%3E%3Crect fill='%23fe5a2a' x='10' y='10' width='11' height='11'/%3E%3Crect fill='%23ff5d29' y='20' width='11' height='11'/%3E%3Crect fill='%23ff6028' x='30' width='11' height='11'/%3E%3Crect fill='%23ff6328' x='20' y='10' width='11' height='11'/%3E%3Crect fill='%23ff6627' x='10' y='20' width='11' height='11'/%3E%3Crect fill='%23ff6926' y='30' width='11' height='11'/%3E%3Crect fill='%23ff6c26' x='40' width='11' height='11'/%3E%3Crect fill='%23ff6e25' x='30' y='10' width='11' height='11'/%3E%3Crect fill='%23ff7125' x='20' y='20' width='11' height='11'/%3E%3Crect fill='%23ff7424' x='10' y='30' width='11' height='11'/%3E%3Crect fill='%23ff7724' y='40' width='11' height='11'/%3E%3Crect fill='%23ff7923' x='50' width='11' height='11'/%3E%3Crect fill='%23ff7c23' x='40' y='10' width='11' height='11'/%3E%3Crect fill='%23ff7f22' x='30' y='20' width='11' height='11'/%3E%3Crect fill='%23ff8122' x='20' y='30' width='11' height='11'/%3E%3Crect fill='%23ff8422' x='10' y='40' width='11' height='11'/%3E%3Crect fill='%23ff8722' y='50' width='11' height='11'/%3E%3Crect fill='%23ff8921' x='60' width='11' height='11'/%3E%3Crect fill='%23ff8c21' x='50' y='10' width='11' height='11'/%3E%3Crect fill='%23ff8e21' x='40' y='20' width='11' height='11'/%3E%3Crect fill='%23ff9122' x='30' y='30' width='11' height='11'/%3E%3Crect fill='%23ff9322' x='20' y='40' width='11' height='11'/%3E%3Crect fill='%23ff9622' x='10' y='50' width='11' height='11'/%3E%3Crect fill='%23ff9822' x='70' width='11' height='11'/%3E%3Crect fill='%23ff9b23' x='60' y='10' width='11' height='11'/%3E%3Crect fill='%23ff9d23' x='50' y='20' width='11' height='11'/%3E%3Crect fill='%23ffa024' x='40' y='30' width='11' height='11'/%3E%3Crect fill='%23ffa224' x='30' y='40' width='11' height='11'/%3E%3Crect fill='%23ffa525' x='20' y='50' width='11' height='11'/%3E%3Crect fill='%23ffa726' x='80' width='11' height='11'/%3E%3Crect fill='%23ffa927' x='70' y='10' width='11' height='11'/%3E%3Crect fill='%23ffac27' x='60' y='20' width='11' height='11'/%3E%3Crect fill='%23ffae29' x='50' y='30' width='11' height='11'/%3E%3Crect fill='%23ffb12a' x='40' y='40' width='11' height='11'/%3E%3Crect fill='%23ffb32b' x='30' y='50' width='11' height='11'/%3E%3Crect fill='%23ffb52c' x='90' width='11' height='11'/%3E%3Crect fill='%23ffb82d' x='80' y='10' width='11' height='11'/%3E%3Crect fill='%23ffba2f' x='70' y='20' width='11' height='11'/%3E%3Crect fill='%23ffbc30' x='60' y='30' width='11' height='11'/%3E%3Crect fill='%23ffbf32' x='50' y='40' width='11' height='11'/%3E%3Crect fill='%23ffc133' x='40' y='50' width='11' height='11'/%3E%3Crect fill='%23ffc335' x='90' y='10' width='11' height='11'/%3E%3Crect fill='%23ffc636' x='80' y='20' width='11' height='11'/%3E%3Crect fill='%23ffc838' x='70' y='30' width='11' height='11'/%3E%3Crect fill='%23ffca3a' x='60' y='40' width='11' height='11'/%3E%3Crect fill='%23ffcd3c' x='50' y='50' width='11' height='11'/%3E%3Crect fill='%23ffcf3d' x='90' y='20' width='11' height='11'/%3E%3Crect fill='%23ffd13f' x='80' y='30' width='11' height='11'/%3E%3Crect fill='%23ffd341' x='70' y='40' width='11' height='11'/%3E%3Crect fill='%23ffd643' x='60' y='50' width='11' height='11'/%3E%3Crect fill='%23ffd845' x='90' y='30' width='11' height='11'/%3E%3Crect fill='%23ffda47' x='80' y='40' width='11' height='11'/%3E%3Crect fill='%23ffdc49' x='70' y='50' width='11' height='11'/%3E%3Crect fill='%23ffdf4c' x='90' y='40' width='11' height='11'/%3E%3Crect fill='%23ffe14e' x='80' y='50' width='11' height='11'/%3E%3Crect fill='%23FFE350' x='90' y='50' width='11' height='11'/%3E%3C/g%3E%3C/svg%3E");background-attachment:fixed;background-size:cover;color:#fff;text-align:center;padding:80px 20px;margin-bottom:0;position:relative}.hero-section:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,#fc4d2db3,#ffe35080);z-index:1}.hero-content{position:relative;z-index:2;max-width:1200px;margin:0 auto;display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center}.hero-main{text-align:left}.hero-features{display:grid;grid-template-columns:1fr 1fr;gap:20px}.hero-feature-card{background:#ffffff26;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:25px;border-radius:12px;border:1px solid rgba(255,255,255,.2);text-align:center;transition:transform .3s ease,background .3s ease}.hero-feature-card:hover{transform:translateY(-5px);background:#fff3}.hero-feature-icon{font-size:2.5rem;margin-bottom:15px}.hero-feature-icon .material-icons{font-size:2.5rem}.hero-feature-card h3{font-size:1.2rem;font-weight:600;margin-bottom:12px;color:#fff;text-shadow:1px 1px 2px rgba(0,0,0,.3)}.hero-feature-card p{color:#ffffffe6;line-height:1.5;margin-bottom:15px;font-size:.9rem}.hero-feature-link{display:inline-block;color:#fff;font-weight:600;text-decoration:none;font-size:.9rem;padding:8px 16px;border:1px solid rgba(255,255,255,.3);border-radius:6px;transition:all .3s ease}.hero-feature-link:after{content:" →";font-size:1.2rem;font-weight:700;margin-left:8px;transition:transform .3s ease}.hero-feature-link:hover:after{transform:translate(4px)}.hero-feature-link:hover{background:#fff3;color:#fff;text-decoration:none;border-color:#ffffff80}.hero-logo{width:120px;height:auto;margin-bottom:30px;filter:brightness(0) invert(1)}.hero-section h1{font-size:3.5rem;font-weight:700;margin-bottom:20px;text-shadow:2px 2px 4px rgba(0,0,0,.3)}.hero-subtitle{font-size:1.3rem;opacity:.9;line-height:1.6}@media (max-width: 1024px){.hero-content{grid-template-columns:1fr;gap:40px;text-align:center}.hero-main{text-align:center}.hero-features{grid-template-columns:1fr 1fr}}@media (max-width: 768px){.hero-section{padding:60px 20px}.hero-section h1{font-size:2.5rem}.hero-subtitle{font-size:1.1rem}.hero-features{grid-template-columns:1fr;gap:15px}.hero-feature-card{padding:20px}.hero-feature-card h3{font-size:1.1rem}.hero-feature-card p{font-size:.85rem}}.container{max-width:1200px;margin:0 auto;padding:0 20px}.interruption-analysis-section{padding:80px 0;background-color:#41337a;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100%25' height='100%25' viewBox='0 0 1600 800'%3E%3Cg %3E%3Cpath fill='%23b4d441' d='M486 705.8c-109.3-21.8-223.4-32.2-335.3-19.4C99.5 692.1 49 703 0 719.8V800h843.8c-115.9-33.2-230.8-68.1-347.6-92.2C492.8 707.1 489.4 706.5 486 705.8z'/%3E%3Cpath fill='%23b8d64c' d='M1600 0H0v719.8c49-16.8 99.5-27.8 150.7-33.5c111.9-12.7 226-2.4 335.3 19.4c3.4 0.7 6.8 1.4 10.2 2c116.8 24 231.7 59 347.6 92.2H1600V0z'/%3E%3Cpath fill='%23bcd858' d='M478.4 581c3.2 0.8 6.4 1.7 9.5 2.5c196.2 52.5 388.7 133.5 593.5 176.6c174.2 36.6 349.5 29.2 518.6-10.2V0H0v574.9c52.3-17.6 106.5-27.7 161.1-30.9C268.4 537.4 375.7 554.2 478.4 581z'/%3E%3Cpath fill='%23c1db63' d='M0 0v429.4c55.6-18.4 113.5-27.3 171.4-27.7c102.8-0.8 203.2 22.7 299.3 54.5c3 1 5.9 2 8.9 3c183.6 62 365.7 146.1 562.4 192.1c186.7 43.7 376.3 34.4 557.9-12.6V0H0z'/%3E%3Cpath fill='%23C5DD6F' d='M181.8 259.4c98.2 6 191.9 35.2 281.3 72.1c2.8 1.1 5.5 2.3 8.3 3.4c171 71.6 342.7 158.5 531.3 207.7c198.8 51.8 403.4 40.8 597.3-14.8V0H0v283.2C59 263.6 120.6 255.7 181.8 259.4z'/%3E%3Cpath fill='%23d0e56c' d='M1600 0H0v136.3c62.3-20.9 127.7-27.5 192.2-19.2c93.6 12.1 180.5 47.7 263.3 89.6c2.6 1.3 5.1 2.6 7.7 3.9c158.4 81.1 319.7 170.9 500.3 223.2c210.5 61 430.8 49 636.6-16.6V0z'/%3E%3Cpath fill='%23dbec6a' d='M454.9 86.3C600.7 177 751.6 269.3 924.1 325c208.6 67.4 431.3 60.8 637.9-5.3c12.8-4.1 25.4-8.4 38.1-12.9V0H288.1c56 21.3 108.7 50.6 159.7 82C450.2 83.4 452.5 84.9 454.9 86.3z'/%3E%3Cpath fill='%23e6f368' d='M1600 0H498c118.1 85.8 243.5 164.5 386.8 216.2c191.8 69.2 400 74.7 595 21.1c40.8-11.2 81.1-25.2 120.3-41.7V0z'/%3E%3Cpath fill='%23f3f967' d='M1397.5 154.8c47.2-10.6 93.6-25.3 138.6-43.8c21.7-8.9 43-18.8 63.9-29.5V0H643.4c62.9 41.7 129.7 78.2 202.1 107.4C1020.4 178.1 1214.2 196.1 1397.5 154.8z'/%3E%3Cpath fill='%23ffff66' d='M1315.3 72.4c75.3-12.6 148.9-37.1 216.8-72.4h-723C966.8 71 1144.7 101 1315.3 72.4z'/%3E%3C/g%3E%3C/svg%3E");background-attachment:fixed;background-size:cover;position:relative}.interruption-analysis-section:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,#b0d2351a,#ffff661a);z-index:1}.interruption-analysis-section .container{position:relative;z-index:2}.interruption-analysis-section h2{text-align:center;font-size:2.5rem;font-weight:700;margin-bottom:20px;color:#2c3e50;text-shadow:1px 1px 2px rgba(255,255,255,.5)}.interruption-analysis-section .section-subtitle,.mastery-steps-section .section-subtitle{text-align:center;font-size:1.2rem;color:#34495e;margin-bottom:60px;max-width:800px;margin-left:auto;margin-right:auto}.mastery-steps-section .section-subtitle{text-align:left}.mastery-steps-section h3.sub-heading{color:#fff;margin-bottom:30px;text-align:center}.analysis-overview{margin-bottom:60px}.analysis-text h3{font-size:1.8rem;font-weight:600;margin-bottom:20px;color:#2c3e50}.analysis-text h4{font-size:1.3rem;font-weight:600;margin:30px 0 20px;color:#2c3e50}.analysis-text p{color:#34495e;line-height:1.7;margin-bottom:20px}.branching-steps{display:flex;flex-direction:column;gap:20px}.step-item{display:flex;align-items:flex-start;gap:15px;padding:20px;background:#ffffff26;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:12px;border-left:4px solid rgba(255,255,255,.5)}.step-item .step-text{color:#2c3e50}.step-item strong{color:#1a252f}.step-icon{font-size:1.5rem;flex-shrink:0;width:40px;text-align:center}.step-icon .material-icons{font-size:1.5rem}.step-text{flex:1}.step-text strong{color:#fff;display:block;margin-bottom:5px}.step-text{color:#ffffffe6}.analysis-visual{margin-top:30px}.sample-analysis{display:flex;flex-direction:row;gap:30px}.sample-analysis h4{font-size:1.3rem;font-weight:600;margin-bottom:20px;color:#2c3e50}.question-sample{background:#ffffff1a;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);padding:20px;border-radius:8px;margin-bottom:20px;border:1px solid rgba(255,255,255,.1);width:33%}.question-text{font-size:1rem;line-height:1.6;color:#2c3e50;margin-bottom:15px}.question-parts{margin-bottom:20px}.part-breakdown{background:#ffffff0d;padding:15px;border-radius:6px;border:1px solid rgba(255,255,255,.1);font-size:.9rem;line-height:1.5;color:#fffc}.scenario{margin-bottom:20px;background:#ffffff0d;border-radius:8px;overflow:hidden;border:1px solid rgba(255,255,255,.1)}.scenario-header{padding:12px 15px;display:flex;align-items:center;gap:10px;font-size:.95rem}.scenario.early .scenario-header{background:#dc35454d}.scenario.moderate .scenario-header{background:#ffc1074d}.scenario.optimal .scenario-header{background:#28a7454d}.scenario-header .material-icons{font-size:1.2rem}.scenario-content{padding:15px}.scenario-content p{color:#34495e;margin-bottom:10px;font-size:.9rem}.branches{margin-bottom:12px}.branch-item{background:#ffffff0d;padding:8px 12px;border-radius:4px;margin-bottom:6px;font-size:.85rem;color:#2c3e50;border-left:3px solid rgba(255,255,255,.3)}.branch-item.unique{border-left-color:#28a745cc;background:#28a7451a}.result{padding:10px 12px;border-radius:6px;font-size:.9rem;font-weight:600;text-align:center}.result.poor{background:#dc354533;color:#fff;border:1px solid rgba(220,53,69,.5)}.result.maybe{background:#ffc10733;color:#fff;border:1px solid rgba(255,193,7,.5)}.result.yes{background:#28a74533;color:#fff;border:1px solid rgba(40,167,69,.5)}.question-sample{margin-bottom:25px;background:#ffffff14;border-radius:10px;overflow:hidden;border:1px solid rgba(255,255,255,.15)}.question-header{padding:15px 20px;display:flex;align-items:center;gap:12px;border-bottom:1px solid rgba(255,255,255,.1)}.question-header .material-icons{font-size:1.3rem}.question-header h5{color:#fff;font-size:1.1rem;font-weight:600;margin:0}.scenario-summary{padding:15px 20px;border-radius:6px;margin-top:15px;font-size:.9rem;line-height:1.5}.scenario-summary.optimal{background:#28a74533;border:1px solid rgba(40,167,69,.5);color:#fff}.scenario-summary.immediate{background:#2196f333;border:1px solid rgba(33,150,243,.5);color:#fff}.scenario-summary.unsafe{background:#dc354533;border:1px solid rgba(220,53,69,.5);color:#fff}.examples-summary{margin-top:30px;padding:20px;background:#ffffff1a;border-radius:8px;border:1px solid rgba(255,255,255,.2)}.examples-summary h5{color:#fff;font-size:1.1rem;font-weight:600;margin-bottom:12px;text-align:center}.examples-summary p{color:#ffffffe6;line-height:1.6;margin:0;text-align:center}.strategic-insight{margin-top:30px;padding:20px;background:#ffc10726;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:8px;border:1px solid rgba(255,193,7,.3)}.strategic-insight h5{color:#fff;font-size:1.1rem;font-weight:600;margin-bottom:12px;display:flex;align-items:center;gap:8px}.strategic-insight h5 .material-icons{font-size:1.2rem;color:#ffc107}.strategic-insight p{color:#ffffffe6;line-height:1.6;margin:0}.interruption-scenarios{margin:25px 0}.interruption-scenarios h5{color:#fff;font-size:1.1rem;font-weight:600;margin-bottom:20px;text-align:center}.scenario{margin-bottom:20px;padding:15px;border-radius:8px;border-left:4px solid}.scenario.early{background:#ff572226;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-left-color:#ff5722}.scenario.moderate{background:#ff980026;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-left-color:#ff9800}.scenario.good{background:#4caf5026;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-left-color:#4caf50}.scenario.optimal{background:#4caf5033;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-left-color:#4caf50}.scenario.immediate{background:#2196f326;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-left-color:#2196f3}.scenario.continued{background:#9c27b026;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-left-color:#9c27b0}.scenario.dangerous{background:#f4433633;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-left-color:#f44336}.scenario.risky{background:#ff572226;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-left-color:#ff5722}.scenario.improving{background:#ffc10726;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-left-color:#ffc107}.scenario.safe{background:#4caf5033;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-left-color:#4caf50}.scenario-header{display:flex;align-items:center;gap:10px;margin-bottom:12px}.scenario-header .material-icons{font-size:1.3rem}.scenario-header strong{color:#2c3e50;font-size:1rem;font-weight:600}.scenario-content p{color:#34495e;margin-bottom:10px;font-size:.95rem}.branches{margin:10px 0}.branch-item{color:#2c3e50;font-size:.9rem;margin:5px 0;padding-left:15px;position:relative}.branch-item:before{content:"→";position:absolute;left:0;color:#fff9}.branch-item.unique{color:#4caf50;font-weight:500}.result{margin-top:12px;padding:8px 12px;border-radius:6px;font-weight:600;text-align:center;font-size:.95rem}.result.terrible{background:#f4433633;color:#f44336;border:1px solid rgba(244,67,54,.3)}.result.poor{background:#ff572233;color:#ff5722;border:1px solid rgba(255,87,34,.3)}.result.maybe{background:#ffc10733;color:#ffc107;border:1px solid rgba(255,193,7,.3)}.result.yes{background:#4caf5033;color:#4caf50;border:1px solid rgba(76,175,80,.3)}.result.breakeven{background:#6c757d33;color:#6c757d;border:1px solid rgba(108,117,125,.3)}.scenario.good{background:#28a7451a;border:2px solid rgba(40,167,69,.3)}.interruption-point{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;padding:2px 6px;border-radius:4px;font-weight:600}.analysis-results{border-top:2px solid rgba(255,255,255,.2);padding-top:15px}.branch-info{display:flex;flex-direction:column;gap:10px}.branch{display:flex;justify-content:space-between;align-items:center;padding:10px 15px;background:#ffffff1a;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);border-radius:6px;border-left:4px solid #28a745}.branch.unique .branch-status{color:#28a745;font-weight:600}.overall-score{padding:15px;border-radius:8px;text-align:center;margin-top:10px}.overall-score.yes{background:linear-gradient(135deg,#28a745,#20c997);color:#fff}.expected-value{font-size:.9rem;opacity:.9;margin-top:5px}.gauge-explanation{background:#ffffff26;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:30px;border-radius:12px;border:1px solid rgba(255,255,255,.2)}.gauge-explanation h4{font-size:1.3rem;font-weight:600;margin-bottom:20px;color:#fff}.gauge-zones{display:flex;flex-direction:column;gap:15px}.zone{display:flex;align-items:center;gap:15px}.zone-color{width:20px;height:20px;border-radius:50%;flex-shrink:0}.no-zone .zone-color{background:#fd7e14}.maybe-zone .zone-color{background:#ffc107}.yes-zone .zone-color{background:#28a745}.zone-info strong{display:block;color:#fff;margin-bottom:5px}.zone-info p{color:#fffc;margin:0;font-size:.9rem}.analysis-benefits{margin-bottom:60px}.analysis-benefits h3{text-align:center;font-size:2rem;font-weight:600;margin-bottom:40px;color:#2c3e50}.benefits-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:30px}.benefit-item{background:#ffffff26;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:30px;border-radius:12px;border:1px solid rgba(255,255,255,.2);text-align:center;transition:transform .3s ease,background .3s ease}.benefit-item:hover{transform:translateY(-5px);background:#fff3}.benefit-icon{font-size:2.5rem;margin-bottom:20px}.benefit-item h4{font-size:1.3rem;font-weight:600;margin-bottom:15px;color:#2c3e50}.benefit-item p{color:#34495e;line-height:1.6}.cta-section{text-align:center;padding:40px;background:#ffffff1a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:12px;border:1px solid rgba(255,255,255,.2)}.cta-section p{font-size:1.2rem;color:#34495e;margin-bottom:25px}.cta-button{display:inline-block;background:#fff3;color:#fff;padding:15px 30px;border-radius:8px;text-decoration:none;font-weight:600;font-size:1.1rem;border:2px solid rgba(255,255,255,.3);transition:transform .3s ease,background .3s ease}.cta-button:after{content:" →";font-size:1.3rem;font-weight:700;margin-left:10px;transition:transform .3s ease}.cta-button:hover:after{transform:translate(6px)}.cta-button:hover{transform:translateY(-2px);background:#ffffff4d;text-decoration:none;color:#fff}@media (max-width: 768px){.benefits-grid{grid-template-columns:1fr}.interruption-analysis-section h2{font-size:2rem}.step-item{padding:15px}.sample-analysis,.gauge-explanation{padding:20px}}.strategic-system-overview{background:#ffffff26;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:12px;padding:40px;margin:40px 0;border:1px solid rgba(255,255,255,.2);box-shadow:0 4px 20px #0000001a}.strategic-categories{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:24px;margin:32px 0}.strategy-category{background:#ffffff40;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:12px;padding:24px;border:1px solid rgba(255,255,255,.3);box-shadow:0 2px 10px #0000001a;border-left:4px solid}.strategy-category.avoid-category{border-left-color:#fd7e14}.strategy-category.risky-category{border-left-color:#ffc107}.strategy-category.safe-category{border-left-color:#28a745}.category-header{display:flex;align-items:center;gap:12px;margin-bottom:16px}.category-badge{color:#fff;padding:6px 12px;border-radius:20px;font-weight:700;font-size:.9rem;text-transform:uppercase}.category-header h4{margin:0;color:#2c3e50;font-size:1.2rem}.category-content p{margin:8px 0;line-height:1.6;color:#34495e}.category-example{background:#fff6;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);padding:12px;border-radius:8px;font-style:italic;margin-top:12px;border:1px solid rgba(255,255,255,.4);border-left:3px solid rgba(0,0,0,.1);color:#555}.nev-calculation{background:#ffffff40;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:12px;padding:32px;margin:32px 0;border:1px solid rgba(255,255,255,.3)}.nev-calculation h4{color:#2c3e50;margin-bottom:20px;text-align:center}.formula-box{background:#007bff26;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);border:1px solid rgba(0,123,255,.4);color:#004085;padding:20px;border-radius:8px;text-align:center;font-size:1.1rem;margin-bottom:24px}.calculation-breakdown{display:grid;gap:12px;margin-bottom:20px}.calc-component{padding:12px;background:#fff6;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);border-radius:6px;border:1px solid rgba(255,255,255,.4);border-left:4px solid #007bff}.breakeven-note{background:#28a74533;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);border:1px solid rgba(40,167,69,.4);color:#1e7e34;padding:16px;border-radius:8px;text-align:center;font-weight:700}.sample-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;flex-wrap:wrap;gap:12px}.strategic-category-tag{display:flex;align-items:center;gap:8px;color:#fff;padding:8px 16px;border-radius:20px;font-weight:700;font-size:.9rem}.strategic-category-tag .material-icons{font-size:18px}.immediately-unique-tag{background-color:#6f42c1!important}.dynamic-tag{background-color:#17a2b8!important}.strategic-key-insight{background:#fff3;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.3);color:#2c3e50;border-radius:12px;padding:24px;margin:32px 0;display:flex;align-items:center;gap:16px;box-shadow:0 4px 16px #0000001a}.insight-icon{background:#fff6;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);border-radius:50%;width:50px;height:50px;display:flex;align-items:center;justify-content:center;flex-shrink:0;border:1px solid rgba(255,255,255,.4)}.insight-icon .material-icons{font-size:24px;color:#17a2b8}.insight-content h4{margin:0 0 8px;font-size:1.2rem;font-weight:700;color:#2c3e50}.insight-content p{margin:0;line-height:1.6;color:#34495e}.nev-explanation-simple{background:#fff;border-radius:12px;padding:32px;margin:0;border:2px solid #e9ecef;box-shadow:0 2px 10px #0000001a}.nev-explanation-simple h4{color:#2c3e50;margin-bottom:16px;text-align:center;font-size:1.3rem}.nev-definition{text-align:center;font-size:1.1rem;color:#2c3e50;margin-bottom:24px;padding:16px;background:#f8f9fa;border-radius:8px}.nev-examples{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px;margin-bottom:24px}.nev-example{display:flex;flex-direction:column;align-items:center;padding:16px;border-radius:8px;text-align:center}.nev-example.positive{background:#28a7451a;border:2px solid rgba(40,167,69,.3)}.nev-example.neutral{background:#6c757d1a;border:2px solid rgba(108,117,125,.3)}.nev-example.negative{background:#dc35451a;border:2px solid rgba(220,53,69,.3)}.nev-value{font-size:1.2rem;font-weight:700;margin-bottom:8px}.nev-example.positive .nev-value{color:#28a745}.nev-example.neutral .nev-value{color:#6c757d}.nev-example.negative .nev-value{color:#dc3545}.nev-meaning{font-size:.9rem;color:#666;line-height:1.4}.nev-calculation-simple{text-align:center;color:#555;font-size:1rem;margin:0;padding:16px;background:#e9ecef;border-radius:8px}.dynamic-nev-note{background:linear-gradient(135deg,#17a2b8,#138496);color:#fff;border-radius:12px;padding:24px;margin:32px 0;display:flex;align-items:center;gap:16px;box-shadow:0 4px 16px #17a2b84d}.note-icon{background:#fff3;border-radius:50%;width:50px;height:50px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.note-icon .material-icons{font-size:24px}.note-content h4{margin:0 0 8px;font-size:1.2rem;font-weight:700}.note-content p{margin:0;line-height:1.6;opacity:.95}.analysis-examples{margin:40px 0}.analysis-examples h3{text-align:center;color:#333;margin-bottom:32px;font-size:1.8rem}.examples-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(400px,1fr));gap:32px}.question-sample-compact{background:#fff;border-radius:12px;padding:24px;box-shadow:0 4px 16px #0000001a;border-left:4px solid;transition:all .3s ease}.question-sample-compact:nth-child(1){border-left-color:#28a745}.question-sample-compact:nth-child(2){border-left-color:#fd7e14}.question-sample-compact:hover{transform:translateY(-2px);box-shadow:0 6px 24px #00000026}.sample-header-compact{display:flex;align-items:center;gap:12px;margin-bottom:16px}.sample-header-compact h4{margin:0;color:#333;font-size:1.1rem;flex:1}.example-analysis{background:#f8f9fa;border-radius:8px;padding:16px;margin-top:16px;display:flex;flex-direction:column;gap:10px}.analysis-point{padding:8px 12px;background:#fff;border-radius:6px;color:#555;font-size:.95rem}.analysis-nev{padding:12px;background:linear-gradient(135deg,#28a745,#20c997);color:#fff;border-radius:6px;text-align:center;font-size:1.1rem}.analysis-nev.danger{background:linear-gradient(135deg,#fd7e14,#dc6a02)}.analysis-strategy{padding:12px;background:#fff;border-left:3px solid #007bff;border-radius:6px;color:#555;font-size:.95rem;line-height:1.5}.strategic-cta-section{background:#fff3;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.3);border-radius:12px;padding:40px;margin:48px 0 0;text-align:center}.strategic-cta-section h3{color:#2c3e50;margin-bottom:12px;font-size:1.8rem}.strategic-cta-section p{color:#34495e;margin-bottom:24px;font-size:1.1rem}.strategic-cta-buttons{display:flex;justify-content:center;gap:16px;flex-wrap:wrap}.strategic-cta-btn{display:flex;align-items:center;gap:8px;padding:16px 32px;border-radius:8px;text-decoration:none;font-weight:700;font-size:1.1rem;transition:all .3s ease;text-transform:uppercase;letter-spacing:.5px}.strategic-cta-btn.primary{background:linear-gradient(135deg,#007bff,#0056b3);color:#fff}.strategic-cta-btn.primary:hover{background:linear-gradient(135deg,#0056b3,#004085);transform:translateY(-2px);box-shadow:0 6px 20px #007bff66}.strategic-cta-btn.secondary{background:#fff;color:#007bff;border:2px solid #007bff}.strategic-cta-btn.secondary:hover{background:#007bff;color:#fff;transform:translateY(-2px);box-shadow:0 6px 20px #007bff4d}.strategic-cta-btn .material-icons{font-size:20px}.strategic-analysis{background:#f8f9fa;border-radius:8px;padding:20px;margin:20px 0;border-left:4px solid #007bff}.nev-calculation-example h5{color:#333;margin-bottom:16px}.calc-steps{display:flex;flex-direction:column;gap:8px}.calc-step{padding:10px;background:#fff;border-radius:6px;border-left:3px solid #28a745}.calc-step.danger{border-left-color:#fd7e14}.calc-result{background:linear-gradient(135deg,#007bff,#0056b3);color:#fff;padding:16px;border-radius:8px;text-align:center;font-size:1.1rem;margin-top:12px}.calc-result.danger{background:linear-gradient(135deg,#fd7e14,#dc6a02)}.calc-note{background:#e7f3ff;padding:12px;border-radius:6px;margin-top:12px;text-align:center;color:#0056b3;border:1px solid #b3d9ff}.try-it-callout{background:linear-gradient(135deg,#28a745,#20c997);border-radius:12px;padding:32px;margin:40px 0;box-shadow:0 4px 20px #28a7454d}.callout-content{display:flex;align-items:center;gap:20px;color:#fff}.callout-icon{background:#fff3;border-radius:50%;width:60px;height:60px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.callout-icon .material-icons{font-size:28px}.callout-text h4{margin:0 0 8px;font-size:1.3rem}.callout-text p{margin:0;opacity:.95;line-height:1.6}.strategic-tools-links{margin:40px 0}.tools-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:24px}.tool-link{display:flex;align-items:center;gap:16px;background:#fff;border-radius:12px;padding:24px;text-decoration:none;color:inherit;box-shadow:0 2px 10px #0000001a;transition:all .3s ease;border-left:4px solid}.tool-link:hover{transform:translateY(-2px);box-shadow:0 4px 20px #00000026}.strategic-link{border-left-color:#fd7e14}.questions-link{border-left-color:#007bff}.tool-link .material-icons{font-size:32px;color:#007bff;flex-shrink:0}.strategic-link .material-icons{color:#fd7e14}.tool-content h4{margin:0 0 8px;color:#333;font-size:1.2rem}.tool-content p{margin:0;color:#666;line-height:1.5;font-size:.95rem}.strategic-study-recommendations{background:#fff;border-radius:12px;padding:32px;margin:32px 0;box-shadow:0 2px 10px #0000001a;border:2px solid #e9ecef}.strategic-study-recommendations h4{text-align:center;color:#333;margin-bottom:24px;font-size:1.3rem}.study-sets-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:20px}.study-set{background:#f8f9fa;border-radius:8px;padding:20px;border-left:4px solid}.study-set:nth-child(1){border-left-color:#28a745}.study-set:nth-child(2){border-left-color:#ffc107}.study-set:nth-child(3){border-left-color:#fd7e14}.study-set-header{display:flex;align-items:center;gap:12px;margin-bottom:16px}.strategic-badge{color:#fff;padding:4px 12px;border-radius:16px;font-weight:700;font-size:.8rem;text-transform:uppercase}.study-set-header h5{margin:0;color:#333;font-size:1.1rem}.study-set-content p{margin:0 0 12px;color:#555;line-height:1.5}.point-breakdown{display:flex;flex-direction:column;gap:6px;margin-bottom:16px}.point-stat{background:#fff;padding:8px 12px;border-radius:6px;font-size:.9rem;color:#666;border-left:3px solid #007bff}.study-link{display:flex;align-items:center;gap:8px;background:#007bff;color:#fff;padding:12px 16px;border-radius:6px;text-decoration:none;font-weight:700;transition:all .3s ease;justify-content:center}.study-link:hover{background:#0056b3;transform:translateY(-1px);box-shadow:0 2px 8px #007bff4d}.study-link .material-icons{font-size:18px}@media (max-width: 768px){.strategic-system-overview{padding:24px;margin:24px 0}.strategic-categories{grid-template-columns:1fr;gap:16px}.sample-header{flex-direction:column;align-items:flex-start}.callout-content{flex-direction:column;text-align:center;gap:16px}.tools-grid{grid-template-columns:1fr;gap:16px}.tool-link{flex-direction:column;text-align:center;gap:12px}.strategic-study-recommendations{padding:20px;margin:20px 0}.study-sets-grid{grid-template-columns:1fr;gap:16px}.nev-explanation-simple{padding:24px;margin:24px 0}.nev-examples{grid-template-columns:1fr;gap:12px}.dynamic-nev-note{flex-direction:column;text-align:center;gap:12px;padding:20px}.examples-grid{grid-template-columns:1fr;gap:24px}.strategic-cta-section{padding:32px 20px;margin:32px 0 0}.strategic-cta-section h3{font-size:1.5rem}.strategic-cta-buttons{flex-direction:column;gap:12px}.strategic-cta-btn{padding:14px 24px;font-size:1rem}}.feature-walkthroughs-section{background:linear-gradient(135deg,#f8f9fa,#e9ecef);padding:80px 0;position:relative}.feature-walkthroughs-section h2{text-align:center;color:#333;margin-bottom:16px;font-size:2.5rem}.feature-walkthroughs-section .section-subtitle{text-align:center;color:#666;margin-bottom:60px;max-width:600px;margin-left:auto;margin-right:auto}.walkthroughs-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(400px,1fr));gap:32px;margin-top:40px}.walkthrough-card{background:#fff;border-radius:16px;box-shadow:0 4px 20px #0000001a;overflow:hidden;transition:all .3s ease}.walkthrough-card:hover{transform:translateY(-4px);box-shadow:0 8px 32px #00000026}.walkthrough-header{background:linear-gradient(135deg,#007bff,#0056b3);color:#fff;padding:32px;text-align:center;position:relative}.walkthrough-icon{background:#fff3;border-radius:50%;width:80px;height:80px;display:flex;align-items:center;justify-content:center;margin:0 auto 16px}.walkthrough-icon .material-icons{font-size:36px}.walkthrough-header h3{margin:0 0 8px;font-size:1.5rem;font-weight:700}.walkthrough-subtitle{margin:0;opacity:.9;font-size:1rem}.walkthrough-content{padding:32px}.feature-section{margin-bottom:28px}.feature-section:last-of-type{margin-bottom:32px}.feature-section h4{display:flex;align-items:center;gap:8px;color:#333;margin-bottom:12px;font-size:1.1rem;font-weight:700}.feature-section h4 .material-icons{color:#007bff;font-size:20px}.feature-section ul{margin:0;padding-left:0;list-style:none}.feature-section li{margin-bottom:8px;padding-left:20px;position:relative;line-height:1.6;color:#555}.feature-section li:before{content:"→";color:#007bff;font-weight:700;position:absolute;left:0}.feature-section strong{color:#333}.walkthrough-cta{display:flex;align-items:center;justify-content:center;gap:8px;background:linear-gradient(135deg,#28a745,#20c997);color:#fff;padding:16px 24px;border-radius:8px;text-decoration:none;font-weight:700;font-size:1.1rem;transition:all .3s ease;text-transform:uppercase;letter-spacing:.5px}.walkthrough-cta:hover{background:linear-gradient(135deg,#20c997,#17a2b8);transform:translateY(-1px);box-shadow:0 4px 16px #28a7454d}.walkthrough-cta .material-icons{font-size:20px}@media (max-width: 768px){.feature-walkthroughs-section{padding:60px 0}.feature-walkthroughs-section h2{font-size:2rem}.walkthroughs-grid{grid-template-columns:1fr;gap:24px}.walkthrough-header{padding:24px}.walkthrough-icon{width:60px;height:60px}.walkthrough-icon .material-icons{font-size:28px}.walkthrough-content{padding:24px}.feature-section{margin-bottom:20px}}.game-explanation-section{padding:80px 0;background-color:#00adb9;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 2000 1500'%3E%3Cdefs%3E%3CradialGradient id='a' gradientUnits='objectBoundingBox'%3E%3Cstop offset='0' stop-color='%2362CAD1'/%3E%3Cstop offset='1' stop-color='%2300ADB9'/%3E%3C/radialGradient%3E%3ClinearGradient id='b' gradientUnits='userSpaceOnUse' x1='0' y1='750' x2='1550' y2='750'%3E%3Cstop offset='0' stop-color='%2331bcc5'/%3E%3Cstop offset='1' stop-color='%2300ADB9'/%3E%3C/linearGradient%3E%3Cpath id='s' fill='url(%23b)' d='M1549.2 51.6c-5.4 99.1-20.2 197.6-44.2 293.6c-24.1 96-57.4 189.4-99.3 278.6c-41.9 89.2-92.4 174.1-150.3 253.3c-58 79.2-123.4 152.6-195.1 219c-71.7 66.4-149.6 125.8-232.2 177.2c-82.7 51.4-170.1 94.7-260.7 129.1c-90.6 34.4-184.4 60-279.5 76.3C192.6 1495 96.1 1502 0 1500c96.1-2.1 191.8-13.3 285.4-33.6c93.6-20.2 185-49.5 272.5-87.2c87.6-37.7 171.3-83.8 249.6-137.3c78.4-53.5 151.5-114.5 217.9-181.7c66.5-67.2 126.4-140.7 178.6-218.9c52.3-78.3 96.9-161.4 133-247.9c36.1-86.5 63.8-176.2 82.6-267.6c18.8-91.4 28.6-184.4 29.6-277.4c0.3-27.6 23.2-48.7 50.8-48.4s49.5 21.8 49.2 49.5c0 0.7 0 1.3-0.1 2L1549.2 51.6z'/%3E%3Cg id='g'%3E%3Cuse href='%23s' transform='scale(0.12) rotate(60)'/%3E%3Cuse href='%23s' transform='scale(0.2) rotate(10)'/%3E%3Cuse href='%23s' transform='scale(0.25) rotate(40)'/%3E%3Cuse href='%23s' transform='scale(0.3) rotate(-20)'/%3E%3Cuse href='%23s' transform='scale(0.4) rotate(-30)'/%3E%3Cuse href='%23s' transform='scale(0.5) rotate(20)'/%3E%3Cuse href='%23s' transform='scale(0.6) rotate(60)'/%3E%3Cuse href='%23s' transform='scale(0.7) rotate(10)'/%3E%3Cuse href='%23s' transform='scale(0.835) rotate(-40)'/%3E%3Cuse href='%23s' transform='scale(0.9) rotate(40)'/%3E%3Cuse href='%23s' transform='scale(1.05) rotate(25)'/%3E%3Cuse href='%23s' transform='scale(1.2) rotate(8)'/%3E%3Cuse href='%23s' transform='scale(1.333) rotate(-60)'/%3E%3Cuse href='%23s' transform='scale(1.45) rotate(-30)'/%3E%3Cuse href='%23s' transform='scale(1.6) rotate(10)'/%3E%3C/g%3E%3C/defs%3E%3Cg transform='rotate(0 0 0)'%3E%3Cg transform='rotate(0 0 0)'%3E%3Ccircle fill='url(%23a)' r='3000'/%3E%3Cg opacity='0.5'%3E%3Ccircle fill='url(%23a)' r='2000'/%3E%3Ccircle fill='url(%23a)' r='1800'/%3E%3Ccircle fill='url(%23a)' r='1700'/%3E%3Ccircle fill='url(%23a)' r='1651'/%3E%3Ccircle fill='url(%23a)' r='1450'/%3E%3Ccircle fill='url(%23a)' r='1250'/%3E%3Ccircle fill='url(%23a)' r='1175'/%3E%3Ccircle fill='url(%23a)' r='900'/%3E%3Ccircle fill='url(%23a)' r='750'/%3E%3Ccircle fill='url(%23a)' r='500'/%3E%3Ccircle fill='url(%23a)' r='380'/%3E%3Ccircle fill='url(%23a)' r='250'/%3E%3C/g%3E%3Cg transform='rotate(0 0 0)'%3E%3Cuse href='%23g' transform='rotate(10)'/%3E%3Cuse href='%23g' transform='rotate(120)'/%3E%3Cuse href='%23g' transform='rotate(240)'/%3E%3C/g%3E%3Ccircle fill-opacity='0.1' fill='url(%23a)' r='3000'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");background-attachment:fixed;background-size:cover;position:relative}.game-explanation-section:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,#00adb9cc,#62cad199);z-index:1}.game-explanation-section .container{position:relative;z-index:2}.game-explanation-section h2{text-align:center;font-size:2.5rem;font-weight:700;margin-bottom:20px;color:#fff;text-shadow:2px 2px 4px rgba(0,0,0,.3)}.game-explanation-section .section-subtitle{color:#ffffffe6}.game-overview{margin-bottom:60px}.game-content{display:grid;grid-template-columns:2fr 1fr;gap:60px;align-items:start}.game-basics h3,.competition-format h3{font-size:1.8rem;font-weight:600;margin-bottom:20px;color:#fff}.game-basics p,.competition-format p{color:#ffffffe6;line-height:1.7;margin-bottom:30px}.game-mechanics,.scoring-system{margin-bottom:40px}.game-mechanics h4,.scoring-system h4{font-size:1.4rem;font-weight:600;margin-bottom:25px;color:#fff}.mechanics-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:20px;margin-bottom:30px}.mechanic-item{display:flex;align-items:flex-start;gap:15px;padding:20px;background:#ffffff26;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:10px;border-left:4px solid rgba(255,255,255,.5)}.mechanic-icon{font-size:1.5rem;flex-shrink:0;width:35px;text-align:center}.mechanic-content h5{font-size:1.1rem;font-weight:600;margin-bottom:8px;color:#fff}.mechanic-content p{color:#ffffffe6;font-size:.95rem;line-height:1.5;margin:0}.scoring-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-bottom:20px}.scoring-item{display:flex;align-items:center;gap:15px;padding:20px;border-radius:10px;border:2px solid transparent}.scoring-item.correct{background:#28a74533;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-color:#28a74580}.scoring-item.incorrect{background:#dc354533;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-color:#dc354580}.score-icon{font-size:1.5rem;flex-shrink:0}.score-info strong{display:block;color:#fff;margin-bottom:5px;font-size:1.1rem}.score-info p{color:#ffffffe6;margin:0;font-size:.95rem}.penalty-explanation{background:#ffc10733;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:20px;border-radius:10px;border-left:4px solid rgba(255,193,7,.7)}.penalty-explanation p{margin:0;color:#fff;line-height:1.6}.competition-format{background:#ffffff26;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:30px;border-radius:12px;border:2px solid rgba(255,255,255,.3)}.format-details{display:flex;flex-direction:column;gap:20px}.format-item h5{font-size:1.1rem;font-weight:600;margin-bottom:8px;color:#fff}.format-item p{color:#ffffffe6;margin:0;font-size:.95rem;line-height:1.5}.study-strategy{margin-bottom:60px}.study-strategy h3{text-align:center;font-size:2rem;font-weight:600;margin-bottom:40px;color:#fff}.strategy-steps{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:30px}.strategy-step{display:flex;align-items:flex-start;gap:20px;padding:30px;background:#ffffff26;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:12px;border:2px solid rgba(255,255,255,.3);transition:transform .3s ease,background .3s ease}.strategy-step:hover{transform:translateY(-3px);background:#fff3}.strategy-step .step-number{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.2rem;font-weight:700;flex-shrink:0}.strategy-step .step-content h4{font-size:1.3rem;font-weight:600;margin-bottom:10px;color:#fff}.strategy-step .step-content p{color:#ffffffe6;line-height:1.6;margin:0}.success-tips h3{text-align:center;font-size:2rem;font-weight:600;margin-bottom:40px;color:#fff}.tips-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:30px}.tip-item{background:#ffffff26;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:30px;border-radius:12px;border:1px solid rgba(255,255,255,.2);text-align:center;border-top:4px solid rgba(255,255,255,.6);transition:transform .3s ease,background .3s ease}.tip-item:hover{transform:translateY(-5px);background:#fff3}.tip-item:nth-child(2){border-top-color:#764ba2cc}.tip-item:nth-child(3){border-top-color:#fc4d2dcc}.tip-item:nth-child(4){border-top-color:#b0d235cc}.tip-icon{font-size:2.5rem;margin-bottom:20px}.tip-item h4{font-size:1.3rem;font-weight:600;margin-bottom:15px;color:#fff}.tip-item p{color:#ffffffe6;line-height:1.6;margin:0}@media (max-width: 768px){.game-content{grid-template-columns:1fr;gap:40px}.mechanics-grid,.scoring-grid,.strategy-steps,.tips-grid{grid-template-columns:1fr}.game-explanation-section h2{font-size:2rem}.mechanic-item,.strategy-step,.tip-item,.competition-format{padding:20px}}.speedmaster-section{padding:80px 0;background-color:#41337a;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='120' height='120' viewBox='0 0 120 120'%3E%3Cpolygon fill='%23000' fill-opacity='.1' points='120 0 120 60 90 30 60 0 0 0 0 0 60 60 0 120 60 120 90 90 120 60 120 0'/%3E%3C/svg%3E");background-attachment:fixed;background-size:150px 150px;color:#fff;position:relative}.speedmaster-section:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,#41337a1a,#764ba21a);z-index:1}.speedmaster-section .container{position:relative;z-index:2}.speedmaster-section h2{text-align:center;font-size:2.5rem;font-weight:700;margin-bottom:20px;text-shadow:2px 2px 4px rgba(0,0,0,.3)}.speedmaster-section .section-subtitle{color:#ffffffe6}.speedmaster-overview{margin-bottom:60px}.speedmaster-content{margin-top:30px}.game-description h3,.game-mechanics-detailed h3{font-size:1.8rem;font-weight:600;margin-bottom:20px;color:#fff}.game-description p,.game-mechanics-detailed p{color:#ffffffe6;line-height:1.7;margin-bottom:30px}.key-features h4{font-size:1.4rem;font-weight:600;margin-bottom:25px;color:#fff}.features-list{display:flex;flex-direction:column;gap:20px}.feature-point{display:flex;align-items:flex-start;gap:15px;padding:20px;background:#ffffff1a;border-radius:10px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.feature-point .feature-icon{font-size:1.5rem;flex-shrink:0;width:35px;text-align:center}.feature-text{flex:1}.feature-text strong{color:#fff;display:block;margin-bottom:5px}.feature-text{color:#ffffffe6;font-size:.95rem;line-height:1.5}.mechanics-flow{display:flex;flex-direction:column;gap:20px}.mechanic-step{display:flex;align-items:flex-start;gap:20px;padding:20px;background:#ffffff1a;border-radius:12px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:transform .3s ease,background .3s ease}.mechanic-step:hover{transform:translateY(-3px);background:#ffffff26}.mechanic-step .step-icon{font-size:2rem;flex-shrink:0;width:50px;text-align:center}.step-info h4{font-size:1.2rem;font-weight:600;margin-bottom:8px;color:#fff}.step-info p{color:#ffffffe6;margin:0;line-height:1.5}.scoring-system-detailed{margin-bottom:60px;background:#ffffff0d;padding:40px;border-radius:15px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.scoring-system-detailed h3{font-size:2rem;font-weight:600;margin-bottom:20px;color:#fff;text-align:center}.scoring-explanation p{color:#ffffffe6;line-height:1.7;margin-bottom:30px;text-align:center}.scoring-breakdown{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:20px}.score-range{padding:20px;border-radius:10px;text-align:center;border:2px solid transparent}.score-range.perfect{background:#28a74533;border-color:#28a74580}.score-range.excellent{background:#20c99733;border-color:#20c99780}.score-range.good{background:#ffc10733;border-color:#ffc10780}.score-range.fair{background:#fd7e1433;border-color:#fd7e1480}.score-range.poor{background:#dc354533;border-color:#dc354580}.score-value{font-size:1.5rem;font-weight:700;color:#fff}.score-description strong{display:block;color:#fff;margin-bottom:5px;font-size:1.1rem}.score-description p{color:#fffc;margin:0;font-size:.9rem}.mechanics-sections{display:grid;grid-template-columns:1fr 1fr;gap:40px;align-items:start}.customization-options{margin-bottom:0}.customization-options h3,.game-mechanics-detailed h3{text-align:center;font-size:1.8rem;font-weight:600;margin-bottom:30px;color:#fff}.options-grid{display:flex;flex-direction:column;gap:20px}.option-category{background:#ffffff1a;padding:20px;border-radius:12px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:transform .3s ease,background .3s ease}.option-category:hover{transform:translateY(-3px);background:#ffffff26}.option-category h4{font-size:1.3rem;font-weight:600;margin-bottom:12px;color:#fff}.option-category p{color:#ffffffe6;line-height:1.6;margin:0}.training-benefits{margin-bottom:60px}.training-benefits h3{text-align:center;font-size:2rem;font-weight:600;margin-bottom:40px;color:#fff}.benefits-comparison{display:grid;grid-template-columns:1fr auto 1fr;gap:30px;align-items:center}.benefit-column{background:#ffffff1a;padding:30px;border-radius:12px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.benefit-column h4{font-size:1.4rem;font-weight:600;margin-bottom:20px;color:#fff;text-align:center}.benefit-column ul{list-style:none;padding:0;margin:0}.benefit-column li{color:#ffffffe6;margin-bottom:12px;padding-left:25px;position:relative;line-height:1.5}.traditional li{color:#ffffffb3}.vs-divider{font-size:1.5rem;font-weight:700;color:#fff;text-align:center;padding:20px;background:#ffffff1a;border-radius:50%;width:60px;height:60px;display:flex;align-items:center;justify-content:center}.getting-started{text-align:center;background:#ffffff0d;padding:40px;border-radius:15px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.getting-started h3{font-size:2rem;font-weight:600;margin-bottom:20px;color:#fff}.getting-started p{color:#ffffffe6;line-height:1.7;margin-bottom:30px;max-width:600px;margin-left:auto;margin-right:auto}.cta-buttons{display:flex;gap:20px;justify-content:center;flex-wrap:wrap}.primary-cta-button,.secondary-cta-button{display:inline-block;padding:15px 30px;border-radius:8px;text-decoration:none;font-weight:600;font-size:1.1rem;transition:transform .3s ease,box-shadow .3s ease}.primary-cta-button:after,.secondary-cta-button:after{content:" →";font-size:1.3rem;font-weight:700;margin-left:10px;transition:transform .3s ease}.primary-cta-button:hover:after,.secondary-cta-button:hover:after{transform:translate(6px)}.primary-cta-button{background:#fff3;color:#fff;border:2px solid rgba(255,255,255,.3)}.primary-cta-button:hover{transform:translateY(-2px);background:#ffffff4d;color:#fff;text-decoration:none;box-shadow:0 8px 25px #0003}.secondary-cta-button{background:transparent;color:#ffffffe6;border:2px solid rgba(255,255,255,.5)}.secondary-cta-button:hover{transform:translateY(-2px);background:#ffffff1a;color:#fff;text-decoration:none;box-shadow:0 8px 25px #0003}@media (max-width: 768px){.speedmaster-content{grid-template-columns:1fr;gap:40px}.scoring-breakdown,.options-grid{grid-template-columns:1fr}.benefits-comparison{grid-template-columns:1fr;gap:20px}.vs-divider{width:50px;height:50px;font-size:1.2rem}.cta-buttons{flex-direction:column;align-items:center}.speedmaster-section h2{font-size:2rem}.feature-point,.mechanic-step,.option-category,.benefit-column{padding:15px}.mechanics-sections{grid-template-columns:1fr;gap:30px}.scoring-system-detailed,.getting-started{padding:25px}}.mastery-steps-section{padding:80px 0;background-color:#00363a;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100%25' height='100%25' viewBox='0 0 800 800'%3E%3Cg %3E%3Ccircle fill='%2300363A' cx='400' cy='400' r='600'/%3E%3Ccircle fill='%23004c51' cx='400' cy='400' r='500'/%3E%3Ccircle fill='%2300636a' cx='400' cy='400' r='400'/%3E%3Ccircle fill='%23007b83' cx='400' cy='400' r='300'/%3E%3Ccircle fill='%2300939e' cx='400' cy='400' r='200'/%3E%3Ccircle fill='%2300ADB9' cx='400' cy='400' r='100'/%3E%3C/g%3E%3C/svg%3E");background-attachment:fixed;background-size:cover;position:relative}.mastery-steps-section:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,#00363acc,#00adb999);z-index:1}.mastery-steps-section .container{position:relative;z-index:2}.mastery-steps-section h2{text-align:center;font-size:2.5rem;font-weight:700;margin-bottom:20px;color:#fff;text-shadow:2px 2px 4px rgba(0,0,0,.3)}.mastery-steps-section .section-subtitle{color:#ffffffe6}.mastery-philosophy{margin-bottom:60px}.philosophy-content h3{font-size:1.8rem;font-weight:600;margin-bottom:20px;color:#fff;text-align:center}.philosophy-content p{color:#ffffffe6;line-height:1.7;margin-bottom:40px;text-align:center;max-width:800px;margin-left:auto;margin-right:auto}.mastery-choice{display:grid;grid-template-columns:1fr 1fr;gap:30px}.choice-option{padding:30px;border-radius:12px;transition:transform .3s ease,box-shadow .3s ease}.choice-option.recommended{background:#28a74533;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:2px solid rgba(40,167,69,.5)}.choice-option.alternative{background:#ffffff26;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:2px solid rgba(255,255,255,.3)}.choice-option:hover{transform:translateY(-3px);box-shadow:0 8px 25px #0000001a}.choice-icon{font-size:2rem;margin-bottom:15px;text-align:center;color:#fff}.choice-icon .material-icons{font-size:2.5rem;color:#fff}.choice-content h4{font-size:1.3rem;font-weight:600;margin-bottom:15px;color:#fff}.choice-content p{color:#ffffffe6;line-height:1.6;margin:0}.mastery-steps{margin-bottom:60px}.mastery-steps h3{text-align:center;font-size:2rem;font-weight:600;margin-bottom:40px;color:#fff}.steps-grid{display:grid;grid-template-columns:1fr 1fr;gap:40px;max-width:800px;margin:0 auto}.mastery-step{background:#ffffff26;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:15px;overflow:hidden;border:1px solid rgba(255,255,255,.2);transition:transform .3s ease,background .3s ease;min-height:200px;display:flex;flex-direction:column;position:relative}.mastery-step:hover{transform:translateY(-5px);background:#fff3}.step-header{padding:25px;text-align:center;position:relative;background:#ffffff1a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid rgba(255,255,255,.2)}.step-number{position:absolute;left:50%;transform:translate(-50%);width:45px;height:45px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.3rem;font-weight:700;color:#fff;box-shadow:0 4px 15px #0003}.mastery-step.step-1 .step-number{background:#4caf50}.mastery-step.step-2 .step-number{background:#2196f3}.mastery-step.step-3 .step-number{background:#ff9800}.mastery-step.step-4 .step-number{background:#e91e63}.step-header h4{font-size:1.4rem;font-weight:600;margin:60px 0 0;color:#fff;text-shadow:1px 1px 2px rgba(0,0,0,.3)}.step-content{padding:35px 25px;flex:1;display:flex;flex-direction:column;justify-content:center;text-align:center}.step-description{color:#fff;line-height:1.6;margin-bottom:25px;text-shadow:1px 1px 2px rgba(0,0,0,.2);font-size:1rem}.step-tools{margin-bottom:25px}.step-tools h5{font-size:1.1rem;font-weight:600;margin-bottom:12px;color:#fff}.step-tools ul{list-style:none;padding:0;margin:0}.step-tools li{color:#fff;margin-bottom:8px;padding-left:25px;position:relative;text-shadow:1px 1px 2px rgba(0,0,0,.2)}.step-tools li:before{content:"→";color:#fff;font-weight:700;position:absolute;left:0;text-shadow:1px 1px 2px rgba(0,0,0,.3)}.step-goal{background:#ffffff26;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);padding:15px;border-radius:8px;border-left:4px solid white;color:#fff;text-shadow:1px 1px 2px rgba(0,0,0,.2)}.step-goal strong{color:#fff;font-weight:600;text-shadow:1px 1px 2px rgba(0,0,0,.3)}.mastery-progression{margin-bottom:60px}.mastery-progression h3{text-align:center;font-size:2rem;font-weight:600;margin-bottom:40px;color:#fff}.progression-flow{display:flex;align-items:center;justify-content:center;gap:20px;flex-wrap:wrap}.progression-step{display:flex;flex-direction:column;align-items:center;text-align:center;padding:25px;background:#ffffff26;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:12px;border:1px solid rgba(255,255,255,.2);min-width:200px;transition:transform .3s ease,background .3s ease}.progression-step:hover{transform:translateY(-3px);background:#fff3}.progression-icon{font-size:2.5rem;margin-bottom:15px}.progression-info h4{font-size:1.2rem;font-weight:600;margin-bottom:10px;color:#fff}.progression-info p{color:#fffc;font-size:.9rem;line-height:1.5;margin:0}.progression-arrow{font-size:2rem;color:#fffc;font-weight:700}.confidence-building{margin-bottom:60px}.confidence-building h3{text-align:center;font-size:2rem;font-weight:600;margin-bottom:40px;color:#fff}.confidence-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:30px}.confidence-benefit{background:#ffffff26;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:30px;border-radius:12px;border:1px solid rgba(255,255,255,.2);text-align:center;transition:transform .3s ease,background .3s ease}.confidence-benefit:hover{transform:translateY(-5px);background:#fff3}.confidence-benefit .benefit-icon{font-size:2.5rem;margin-bottom:20px}.confidence-benefit h4{font-size:1.3rem;font-weight:600;margin-bottom:15px;color:#fff}.confidence-benefit p{color:#ffffffe6;line-height:1.6;margin:0}.mastery-cta{text-align:center;background:#ffffff1a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:50px;border-radius:15px;border:2px solid rgba(255,255,255,.3)}.mastery-cta h3{font-size:2rem;font-weight:600;margin-bottom:20px;color:#fff}.mastery-cta p{color:#ffffffe6;line-height:1.7;margin-bottom:30px;max-width:600px;margin-left:auto;margin-right:auto}.mastery-buttons{display:flex;gap:20px;justify-content:center;flex-wrap:wrap}.mastery-primary-btn,.mastery-secondary-btn{display:inline-block;padding:15px 30px;border-radius:8px;text-decoration:none;font-weight:600;font-size:1.1rem;transition:transform .3s ease,box-shadow .3s ease}.mastery-primary-btn{background:#fff3;color:#fff;border:2px solid rgba(255,255,255,.3)}.mastery-primary-btn:hover{transform:translateY(-2px);background:#ffffff4d;text-decoration:none;color:#fff}.mastery-secondary-btn{background:transparent;color:#ffffffe6;border:2px solid rgba(255,255,255,.5)}.mastery-secondary-btn:hover{transform:translateY(-2px);background:#ffffff1a;color:#fff;text-decoration:none}@media (max-width: 768px){.mastery-choice{grid-template-columns:1fr}.steps-grid{grid-template-columns:1fr;gap:30px;max-width:400px}.mastery-step{min-height:180px}.step-content{padding:30px 20px}.progression-flow{flex-direction:column;gap:15px}.progression-arrow{transform:rotate(90deg)}.confidence-grid{grid-template-columns:1fr}.mastery-buttons{flex-direction:column;align-items:center}.mastery-steps-section h2{font-size:2rem}.choice-option,.mastery-step .step-content,.confidence-benefit{padding:20px}.mastery-cta{padding:30px}}@media (min-width: 1200px){.steps-grid{max-width:900px;gap:50px}.mastery-step{min-height:220px}.step-content{padding:40px 30px}.usage-steps{max-width:900px;gap:50px}.usage-step{min-height:220px;padding:35px 30px}.usage-step h3{margin-top:0}.tips-steps{max-width:900px;gap:50px}.tip-step{min-height:220px;padding:35px 30px}}.how-to-use-section{padding:80px 0;background:#fff}.how-to-use-section h2{text-align:center;font-size:2.5rem;font-weight:700;margin-bottom:60px;color:#333}.usage-steps{display:grid;grid-template-columns:1fr 1fr;gap:40px;max-width:800px;margin:0 auto}.usage-step{background:#fffffff2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:12px;padding:30px;border:1px solid rgba(0,0,0,.1);box-shadow:0 4px 20px #0000001a;transition:all .3s ease;position:relative;min-height:200px;display:flex;flex-direction:column;justify-content:center;text-align:center}.usage-step:hover{transform:translateY(-5px);box-shadow:0 8px 30px #00000026}.usage-step .step-number{position:absolute;top:-20px;left:50%;transform:translate(-50%);background:#2196f3;color:#fff;width:45px;height:45px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.3rem;font-weight:700;box-shadow:0 4px 15px #2196f34d}.usage-step h3{font-size:1.4rem;font-weight:600;margin:25px 0 15px;color:#333}.usage-step p{color:#555;line-height:1.6;font-size:1rem}.pro-tips-section{padding:80px 0;background:#fff}.pro-tips-section h2{text-align:center;font-size:2.5rem;font-weight:700;margin-bottom:20px;color:#333}.pro-tips-section .section-subtitle{text-align:center;font-size:1.1rem;color:#666;margin-bottom:60px;max-width:600px;margin-left:auto;margin-right:auto}.tips-steps{display:grid;grid-template-columns:1fr 1fr;gap:40px;max-width:800px;margin:0 auto}.tip-step{background:#fffffff2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:12px;padding:30px;border:1px solid rgba(0,0,0,.1);box-shadow:0 4px 20px #0000001a;transition:all .3s ease;position:relative;min-height:200px;display:flex;flex-direction:column;justify-content:center;text-align:center}.tip-step:hover{transform:translateY(-5px);box-shadow:0 8px 30px #00000026}.tip-step .step-number{position:absolute;top:-20px;left:50%;transform:translate(-50%);background:#4caf50;color:#fff;width:45px;height:45px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.3rem;font-weight:700;box-shadow:0 4px 15px #4caf504d}.tip-step h3{font-size:1.4rem;font-weight:600;margin:25px 0 15px;color:#333}.tip-step p{color:#555;line-height:1.6;font-size:1rem}.resources-section{padding:80px 0;background-color:#41337a;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='899' height='749.2' viewBox='0 0 1080 900'%3E%3Cg fill-opacity='0.06'%3E%3Cpolygon fill='%23444' points='90 150 0 300 180 300'/%3E%3Cpolygon points='90 150 180 0 0 0'/%3E%3Cpolygon fill='%23AAA' points='270 150 360 0 180 0'/%3E%3Cpolygon fill='%23DDD' points='450 150 360 300 540 300'/%3E%3Cpolygon fill='%23999' points='450 150 540 0 360 0'/%3E%3Cpolygon points='630 150 540 300 720 300'/%3E%3Cpolygon fill='%23DDD' points='630 150 720 0 540 0'/%3E%3Cpolygon fill='%23444' points='810 150 720 300 900 300'/%3E%3Cpolygon fill='%23FFF' points='810 150 900 0 720 0'/%3E%3Cpolygon fill='%23DDD' points='990 150 900 300 1080 300'/%3E%3Cpolygon fill='%23444' points='990 150 1080 0 900 0'/%3E%3Cpolygon fill='%23DDD' points='90 450 0 600 180 600'/%3E%3Cpolygon points='90 450 180 300 0 300'/%3E%3Cpolygon fill='%23666' points='270 450 180 600 360 600'/%3E%3Cpolygon fill='%23AAA' points='270 450 360 300 180 300'/%3E%3Cpolygon fill='%23DDD' points='450 450 360 600 540 600'/%3E%3Cpolygon fill='%23999' points='450 450 540 300 360 300'/%3E%3Cpolygon fill='%23999' points='630 450 540 600 720 600'/%3E%3Cpolygon fill='%23FFF' points='630 450 720 300 540 300'/%3E%3Cpolygon points='810 450 720 600 900 600'/%3E%3Cpolygon fill='%23DDD' points='810 450 900 300 720 300'/%3E%3Cpolygon fill='%23AAA' points='990 450 900 600 1080 600'/%3E%3Cpolygon fill='%23444' points='990 450 1080 300 900 300'/%3E%3Cpolygon fill='%23222' points='90 750 0 900 180 900'/%3E%3Cpolygon points='270 750 180 900 360 900'/%3E%3Cpolygon fill='%23DDD' points='270 750 360 600 180 600'/%3E%3Cpolygon points='450 750 540 600 360 600'/%3E%3Cpolygon points='630 750 540 900 720 900'/%3E%3Cpolygon fill='%23444' points='630 750 720 600 540 600'/%3E%3Cpolygon fill='%23AAA' points='810 750 720 900 900 900'/%3E%3Cpolygon fill='%23666' points='810 750 900 600 720 600'/%3E%3Cpolygon fill='%23999' points='990 750 900 900 1080 900'/%3E%3Cpolygon fill='%23999' points='180 0 90 150 270 150'/%3E%3Cpolygon fill='%23444' points='360 0 270 150 450 150'/%3E%3Cpolygon fill='%23FFF' points='540 0 450 150 630 150'/%3E%3Cpolygon points='900 0 810 150 990 150'/%3E%3Cpolygon fill='%23222' points='0 300 -90 450 90 450'/%3E%3Cpolygon fill='%23FFF' points='0 300 90 150 -90 150'/%3E%3Cpolygon fill='%23FFF' points='180 300 90 450 270 450'/%3E%3Cpolygon fill='%23666' points='180 300 270 150 90 150'/%3E%3Cpolygon fill='%23222' points='360 300 270 450 450 450'/%3E%3Cpolygon fill='%23FFF' points='360 300 450 150 270 150'/%3E%3Cpolygon fill='%23444' points='540 300 450 450 630 450'/%3E%3Cpolygon fill='%23222' points='540 300 630 150 450 150'/%3E%3Cpolygon fill='%23AAA' points='720 300 630 450 810 450'/%3E%3Cpolygon fill='%23666' points='720 300 810 150 630 150'/%3E%3Cpolygon fill='%23FFF' points='900 300 810 450 990 450'/%3E%3Cpolygon fill='%23999' points='900 300 990 150 810 150'/%3E%3Cpolygon points='0 600 -90 750 90 750'/%3E%3Cpolygon fill='%23666' points='0 600 90 450 -90 450'/%3E%3Cpolygon fill='%23AAA' points='180 600 90 750 270 750'/%3E%3Cpolygon fill='%23444' points='180 600 270 450 90 450'/%3E%3Cpolygon fill='%23444' points='360 600 270 750 450 750'/%3E%3Cpolygon fill='%23999' points='360 600 450 450 270 450'/%3E%3Cpolygon fill='%23666' points='540 600 630 450 450 450'/%3E%3Cpolygon fill='%23222' points='720 600 630 750 810 750'/%3E%3Cpolygon fill='%23FFF' points='900 600 810 750 990 750'/%3E%3Cpolygon fill='%23222' points='900 600 990 450 810 450'/%3E%3Cpolygon fill='%23DDD' points='0 900 90 750 -90 750'/%3E%3Cpolygon fill='%23444' points='180 900 270 750 90 750'/%3E%3Cpolygon fill='%23FFF' points='360 900 450 750 270 750'/%3E%3Cpolygon fill='%23AAA' points='540 900 630 750 450 750'/%3E%3Cpolygon fill='%23FFF' points='720 900 810 750 630 750'/%3E%3Cpolygon fill='%23222' points='900 900 990 750 810 750'/%3E%3Cpolygon fill='%23222' points='1080 300 990 450 1170 450'/%3E%3Cpolygon fill='%23FFF' points='1080 300 1170 150 990 150'/%3E%3Cpolygon points='1080 600 990 750 1170 750'/%3E%3Cpolygon fill='%23666' points='1080 600 1170 450 990 450'/%3E%3Cpolygon fill='%23DDD' points='1080 900 1170 750 990 750'/%3E%3C/g%3E%3C/svg%3E");background-attachment:fixed;background-size:cover;position:relative}.resources-section:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,#41337ab3,#764ba280);z-index:1}.resources-section .container{position:relative;z-index:2}.resources-section h2{text-align:center;font-size:2.5rem;font-weight:700;margin-bottom:60px;color:#fff;text-shadow:2px 2px 4px rgba(0,0,0,.3)}.resources-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:30px}.resource-category{background:#ffffff26;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:30px;border-radius:12px;border:1px solid rgba(255,255,255,.2);transition:transform .3s ease,background .3s ease}.resource-category:hover{transform:translateY(-3px);background:#fff3}.resource-category h3{font-size:1.4rem;font-weight:600;margin-bottom:20px;color:#fff;border-bottom:3px solid rgba(255,255,255,.5);padding-bottom:10px}.resource-list{list-style:none;padding:0}.resource-list li{margin-bottom:12px}.resource-list a{color:#ffffffe6;text-decoration:none;transition:color .3s ease;display:block;padding:8px 0}.resource-list a:hover{color:#fff;text-decoration:underline}.feedback-section{padding:80px 0;background:#fff;position:relative}.feedback-section:before{content:"";position:absolute;inset:0;background-image:radial-gradient(circle at 1px 1px,rgba(102,126,234,.05) 1px,transparent 0);background-size:20px 20px;z-index:1}.feedback-section .container{position:relative;z-index:2}.feedback-content{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:start}.feedback-info h2{font-size:2.5rem;font-weight:700;margin-bottom:20px;color:#333}.feedback-info p{color:#666;line-height:1.6;margin-bottom:30px}.feedback-benefits h4{font-size:1.2rem;font-weight:600;margin-bottom:15px;color:#333}.feedback-benefits ul{list-style:none;padding:0}.feedback-benefits li{color:#666;margin-bottom:8px;position:relative;padding-left:20px}.feedback-benefits li:before{content:"•";color:#667eea;font-weight:700;position:absolute;left:0}.feedback-form{background:#f8f9fa;padding:40px;border-radius:12px;box-shadow:0 4px 6px #0000001a}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-bottom:20px}.form-group{margin-bottom:20px}.form-group label{display:block;font-weight:600;margin-bottom:8px;color:#333}.form-group input,.form-group select,.form-group textarea{width:100%;padding:12px 16px;border:2px solid #e9ecef;border-radius:8px;font-size:1rem;transition:border-color .3s ease,box-shadow .3s ease}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}.form-group textarea{resize:vertical;min-height:120px}.submit-btn{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;padding:15px 30px;border-radius:8px;font-size:1.1rem;font-weight:600;cursor:pointer;transition:transform .3s ease,box-shadow .3s ease;width:100%}.submit-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 4px 15px #667eea66}.submit-btn:disabled{opacity:.6;cursor:not-allowed}.submit-message{margin-top:20px;padding:15px;border-radius:8px;font-weight:500}.submit-message.success{background:#d4edda;color:#155724;border:1px solid #c3e6cb}.submit-message.error{background:#f8d7da;color:#721c24;border:1px solid #f5c6cb}@media (max-width: 768px){.hero-section h1{font-size:2.5rem}.hero-subtitle{font-size:1.1rem}.usage-steps{grid-template-columns:1fr;gap:30px;max-width:400px}.usage-step{min-height:180px;padding:25px 20px}.usage-step .step-number{width:40px;height:40px;font-size:1.2rem;top:-15px}.usage-step h3{font-size:1.2rem;margin:20px 0 12px}.usage-step p{font-size:.95rem}.tips-steps{grid-template-columns:1fr;gap:30px;max-width:400px}.tip-step{min-height:180px;padding:25px 20px}.tip-step .step-number{width:40px;height:40px;font-size:1.2rem;top:-15px}.tip-step h3{font-size:1.2rem;margin:20px 0 12px}.tip-step p{font-size:.95rem}.resources-grid{grid-template-columns:1fr}.feedback-content{grid-template-columns:1fr;gap:40px}.form-row{grid-template-columns:1fr}.feature-card,.resource-category,.feedback-form{padding:25px}.container{padding:0 15px}}@media (max-width: 480px){.hero-section{padding:60px 15px}.hero-section h1{font-size:2rem}.how-to-use-section,.pro-tips-section,.resources-section,.feedback-section{padding:60px 0}.how-to-use-section h2,.pro-tips-section h2,.resources-section h2,.feedback-info h2{font-size:2rem}}.material-icons{font-family:Material Icons;font-weight:400;font-style:normal;font-size:24px;line-height:1;letter-spacing:normal;text-transform:none;display:inline-block;white-space:nowrap;word-wrap:normal;direction:ltr;-webkit-font-feature-settings:"liga";-webkit-font-smoothing:antialiased}.benefit-icon .material-icons,.tip-icon .material-icons,.progression-icon .material-icons,.choice-icon .material-icons{font-size:2.5rem}.mechanic-icon .material-icons,.score-icon .material-icons{font-size:1.5rem}.interruption-details{margin-top:40px;padding:30px;background:#ffffff1a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:12px;border:1px solid rgba(255,255,255,.2)}.interruption-details h4{color:#fff;font-size:1.4rem;font-weight:600;margin-bottom:25px;text-align:center}.interruption-info{display:grid;grid-template-columns:1fr 1fr;gap:30px}.interruption-rules h5,.interruption-strategy h5{color:#fff;font-size:1.1rem;font-weight:600;margin-bottom:15px;display:flex;align-items:center;gap:8px}.interruption-rules h5 .material-icons,.interruption-strategy h5 .material-icons{font-size:1.3rem;color:#4caf50}.interruption-rules ul{list-style:none;padding:0;margin:0}.interruption-rules li{color:#ffffffe6;margin-bottom:12px;padding-left:20px;position:relative;line-height:1.5}.interruption-rules li:before{content:"→";position:absolute;left:0;color:#4caf50;font-weight:700}.interruption-rules li strong{color:#4caf50}.strategy-points{display:flex;flex-direction:column;gap:15px}.strategy-point{display:flex;align-items:flex-start;gap:12px;padding:12px;background:#ffffff0d;border-radius:8px;border-left:3px solid #2196f3}.strategy-point .material-icons{font-size:1.2rem;color:#2196f3;flex-shrink:0;margin-top:2px}.strategy-point div{color:#ffffffe6;line-height:1.4}.strategy-point strong{color:#2196f3;display:block;margin-bottom:4px}@media (max-width: 768px){.interruption-info{grid-template-columns:1fr;gap:20px}.interruption-details{padding:20px}}.format-item h5 .material-icons,.option-category h4 .material-icons{font-size:1.2rem;margin-right:8px;vertical-align:middle}.category-header.clickable{cursor:pointer;-webkit-user-select:none;user-select:none;padding:10px;background:#e9ecef;border-radius:5px;transition:background-color .2s ease;display:flex;justify-content:space-between;align-items:center;margin:10px 0}.category-header.clickable:hover{background:#dee2e6}.questions-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:15px;margin:15px 0}.point-value-section{margin-bottom:30px}.category-section{margin-bottom:20px}.subsection{margin:15px 0;padding-left:20px}.subsection-header.clickable{cursor:pointer;-webkit-user-select:none;user-select:none;padding:8px;background:#f8f9fa;border-radius:4px;transition:background-color .2s ease;display:flex;justify-content:space-between;align-items:center;margin:10px 0;font-size:.95em;color:#495057}.subsection-header.clickable:hover{background:#e9ecef}.avoid-category-content{padding-left:10px}.strategy-bar{margin:10px 0;padding:8px;background:#f8f9fa;border-radius:4px;border:1px solid #e9ecef}.strategy-bar-label{font-size:.8em;font-weight:600;color:#495057;margin-bottom:4px}.strategy-bar-container{position:relative}.strategy-bar-track{position:relative;height:8px;background:#e9ecef;border-radius:4px;overflow:hidden}.strategy-bar-fill{height:100%;transition:width .3s ease;border-radius:4px}.strategy-bar-labels{display:flex;justify-content:space-between;margin-top:4px;font-size:.7em;font-weight:600}.strategy-label-no,.strategy-label-maybe,.strategy-label-yes{color:#6c757d}.strategy-bar-value{position:absolute;top:-20px;right:0;font-size:.8em;font-weight:600;color:#495057}.flashcard-options{display:flex;align-items:center;gap:15px}.flashcard-option{display:flex;align-items:center;gap:5px;font-size:.9rem;color:#495057;cursor:pointer}.flashcard-option input[type=checkbox]{margin:0;cursor:pointer}.flashcard-controls-header{display:flex;justify-content:space-between;align-items:center;gap:15px}.flashcard-actions{display:flex;align-items:center;gap:10px}.flashcard-show-answer,.flashcard-show-question{display:flex;gap:10px;align-items:center}.analysis-progress{text-align:center;margin-top:2rem}.loading-spinner{width:40px;height:40px;border:4px solid #f3f3f3;border-top:4px solid #41337a;border-radius:50%;animation:spin 1s linear infinite;margin:1rem auto}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.filter-status{display:flex;align-items:center;justify-content:space-between;padding:1rem 1.5rem;background:#f8f9fa;border:1px solid #e9ecef;border-radius:8px;margin-bottom:1.5rem}.filter-status-text{font-size:.95rem;color:#495057;font-weight:600}.quick-clear-btn{background:#6c757d;color:#fff;border:none;padding:.5rem 1rem;border-radius:6px;font-size:.85rem;font-weight:600;cursor:pointer;transition:all .2s ease;text-transform:uppercase;letter-spacing:.5px}.quick-clear-btn:hover{background:#5a6268;transform:translateY(-1px);box-shadow:0 2px 4px #6c757d4d}