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,.timing-capture-controls{margin-top:16px;padding-top:16px;border-top:1px solid #e1e5e9}.timing-capture-config{display:flex;flex-direction:column;gap:16px;margin-bottom:16px;padding:16px;background:#f0f8ff;border-radius:8px;border:1px solid #b3d9ff}.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 0 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}.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,.timing-capture-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}.timing-capture-btn{background:linear-gradient(45deg,#667eea,#764ba2)}.timing-capture-btn:hover{transform:translateY(-2px);box-shadow:0 6px 20px #667eea66}.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}.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{display:inline-block;margin-bottom:4px}.flashcard-controls{display:flex;justify-content:flex-end;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,#7f7b82);color:#fff;border:none;padding:1.25rem 3rem;border-radius:10px;font-size:1.5rem;font-weight:600;cursor:pointer;transition:all .3s ease;box-shadow:0 8px 25px #41337a4d;text-transform:uppercase;letter-spacing:1px}.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{display:inline-block;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-capture-page{min-height:100vh;background:linear-gradient(135deg,#667eea,#764ba2);padding:20px}.back-link{display:inline-block;color:#fff;text-decoration:none;margin-bottom:20px;padding:10px 20px;background:#ffffff1a;border-radius:25px;transition:background .3s ease}.back-link:hover{background:#fff3}.page-header h1{font-size:2.5rem;margin:0 0 10px}.timing-capture-content{max-width:800px;margin:0 auto}.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}.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{margin-bottom:40px}.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:#f8f9fa;border-radius:8px;padding:20px;border:1px solid #dee2e6}.strategic-legend h3{color:#333;margin-bottom:15px}.legend-items{display:flex;flex-direction:column;gap:10px}.legend-item{display:flex;align-items:center;gap:10px}.legend-dot{width:16px;height:16px;border-radius:50%;flex-shrink:0}.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}.ready-btn{background:linear-gradient(135deg,#41337a,#352a63);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 #41337a4d}.ready-btn:hover{background:linear-gradient(135deg,#352a63,#2a1f50);transform:scale(1.05);box-shadow:0 6px 20px #41337a66}.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:8px;padding:2px 6px;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}.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:2rem;align-items:center}.nav-link{color:#41337a;text-decoration:none;font-weight:500;padding:.5rem 1rem;border-radius:6px;transition:all .2s;border:1px solid rgba(255,255,255,.2);background:#ffffffe6}.nav-link:hover{background:#fff;border-color:#fff6;text-decoration:none;color:#41337a;box-shadow:0 2px 8px #0000001a}.nav-link.active{background:#fff;border-color:#fff6;box-shadow:0 2px 8px #0000001a}.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{margin-bottom:2rem;border:1px solid #e9ecef;border-radius:8px;overflow:hidden}.section-header{background:#f7f5fb;padding:1rem 1.5rem;cursor:pointer;transition:background-color .2s;border-bottom:1px solid #e9ecef}.section-header:hover{background:#ebe8f0}.section-header h3{margin:0;display:flex;align-items:center;color:#41337a;font-size:1.2rem}.section-header .toggle-icon{margin-right:.5rem;font-size:.9rem;color:#7f7b82}.filters,.display-settings{padding:1.5rem;background:#fff}.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}.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}.result-item{display:grid;grid-template-columns:1fr 1fr 2fr;gap:15px;padding:10px;background:#fff;border-radius:6px;border:1px solid #dee2e6;align-items:center}.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:20px}.score-category h4{color:#495057;margin-bottom:10px;text-align:center}.score-list{display:flex;flex-direction:column;gap:8px}.score-item{display:grid;grid-template-columns:auto auto 1fr auto auto auto;gap:.5rem;padding:8px 12px;background:#f8f9fa;border-radius:4px;align-items:center;font-size:.9rem}.score-rank{font-weight:600;color:#41337a;min-width:30px}.score-initials{font-weight:700;color:#41337a;font-family:monospace;background:#fff;padding:2px 6px;border-radius:3px;border:1px solid #e9ecef;min-width:40px;text-align:center}.score-settings{display:flex;gap:.25rem;font-size:.75rem}.setting-voice,.setting-speed,.setting-delay{background:#41337a;color:#fff;padding:1px 4px;border-radius:2px;font-family:monospace;font-size:.7rem}.setting-voice{background:#7f7b82;max-width:60px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.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{display:flex;flex-direction:column;gap:.5rem;text-align:center;padding:12px}.score-item .score-main-info{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:.5rem}.score-item .score-settings{justify-content:center;margin-top:.25rem}}.game-card-header{display:grid;grid-template-columns:1fr 1fr 1fr;justify-items:start;align-items:center;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{font-size:1rem}.filters-section,.display-settings-section{margin-bottom:.5rem}.section-header{padding:.5rem}.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}}