body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:linear-gradient(135deg,#1e293b,#0f172a);color:#00f2fe;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.loading-choice{animation:shimmer 1.5s infinite;background:linear-gradient(90deg,#f3f4f6 25%,#e5e7eb 50%,#f3f4f6 75%);background-size:200% 100%}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.welcome-container{align-items:center;background:linear-gradient(135deg,#f5f7fa,#c3cfe2);display:flex;flex-direction:column;justify-content:center;min-height:100vh;padding:2rem;text-align:center}.welcome-content{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffffe6;border-radius:20px;box-shadow:0 10px 30px #0000001a;max-width:600px;padding:2rem;width:100%}.floating-brain{display:inline-block;font-size:5rem;margin-bottom:1.5rem}.welcome-title{background:linear-gradient(90deg,#4f46e5,#7c3aed);-webkit-background-clip:text;background-clip:text;color:#0000;font-size:3rem;font-weight:800;margin-bottom:1rem}.welcome-subtitle{color:#4b5563;font-size:1.25rem;margin-bottom:2rem}.start-button{align-items:center;background:linear-gradient(90deg,#4f46e5,#7c3aed);border:none;border-radius:12px;color:#fff;cursor:pointer;display:flex;font-size:1.1rem;font-weight:600;gap:.5rem;justify-content:center;margin:0 auto;max-width:300px;padding:1rem 2rem;transition:all .3s ease;width:100%}.start-button:disabled{cursor:not-allowed;opacity:.7}.feature-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-top:3rem;max-width:800px;width:100%}.feature-card{background:#fff;border-radius:12px;box-shadow:0 4px 6px #0000000d;cursor:default;font-weight:500;padding:1.5rem;transition:all .3s ease}.feature-card:hover{box-shadow:0 10px 15px #0000001a;transform:translateY(-5px)}.container{background-color:#fff;border-radius:.75rem;box-shadow:0 1px 3px #0000001a,0 1px 2px #0000000f;padding:1rem}.title{font-size:1.25rem;font-weight:600;margin-bottom:1rem}.wordHighlight{color:#1d4ed8}.choicesGrid{grid-gap:.75rem;display:grid;gap:.75rem}.choiceButton{border:1px solid #e5e7eb;border-radius:.375rem;cursor:pointer;padding:.5rem 1rem;text-align:left;transition:all .2s ease}.choiceButton:hover:not(.disabled){background-color:#dbeafe}.choiceButton.disabled{cursor:not-allowed}.correctChoice{background-color:#10b981;border-color:#10b981;color:#fff}.incorrectChoice{background-color:#ef4444;border-color:#ef4444;color:#fff}.neutralChoice{background-color:#f3f4f6}.restart-button{border-radius:.5rem;font-size:1rem}.streak-counter{font-family:inherit}.streak-badge{align-items:center;background-color:#ffedd5;border-radius:9999px;display:flex;padding:.5rem 1rem}.fire-icon{color:#f97316;height:1.5rem;width:1.5rem}.streak-extra{color:#9a3412;margin-left:.25rem}.streak-text{color:#9a3412;font-weight:500;margin-left:.5rem}.streak-reminder{color:#c2410c;font-size:.75rem;margin-top:.25rem;text-align:center}.mistake-analysis{background-color:#eff6ff;border-radius:.5rem;margin-top:1.5rem;padding:1rem}.analysis-title{font-size:1.125rem;font-weight:700;margin-bottom:.75rem}.analysis-section{margin-bottom:1rem}.section-heading{font-weight:600;margin-bottom:.5rem}.category-list{list-style-type:disc;padding-left:1.25rem}.category-item{color:#1e40af;margin-bottom:.25rem}.category-name{font-weight:500}.resource-grid{grid-gap:.5rem;gap:.5rem;grid-template-columns:1fr}.resource-card{background-color:#fff;border-radius:.25rem;box-shadow:0 1px 2px #0000000d;padding:.5rem}.pro-tip{color:#1d4ed8;font-size:.875rem;margin-top:1rem}.quiz-container{margin:0 auto}.mode-toggle{transition:all .2s}.solo-mode{composes:mode-toggle;background-color:#f5f3ff;color:#5b21b6}.solo-mode:hover{background-color:#ddd6fe}.battle-mode{composes:mode-toggle;background-color:#fee2e2;color:#b91c1c}.battle-mode:hover{background-color:#fecaca}.loading-message{font-size:1.125rem;margin-top:2.5rem;text-align:center}.learn-mode-button{border-radius:.5rem;font-size:1rem}.results-history{background-color:#f3f4f6;border-radius:.5rem;margin-top:1.5rem;padding:1rem}.history-title{font-weight:700;margin-bottom:.5rem}.history-list{border-top:1px solid #e5e7eb;list-style:none;margin:0;padding:0}.history-item{border-bottom:1px solid #e5e7eb;padding:.5rem 0}.history-item-content{display:flex;justify-content:space-between}.history-score.passed{color:#16a34a;font-weight:600}.history-score.failed{color:#dc2626;font-weight:600}.question-card{background-color:#fff;border-radius:.75rem;box-shadow:0 1px 3px #0000001a,0 1px 2px #0000000f;margin-bottom:1.5rem;padding:1rem}.question-title{font-size:1.25rem;margin-bottom:1rem}.word-highlight{color:#2563eb;font-weight:700}.choices-grid{grid-gap:.75rem;display:grid;gap:.75rem;margin-top:1.5rem}.choice-button{background-color:#fff;border:1px solid #e5e7eb;border-radius:.5rem;color:#1f2937;cursor:pointer;font-size:1rem;padding:.75rem 1rem;text-align:left;transition:all .2s ease}.choice-button:hover:not(:disabled){background-color:#f0f4ff;border-color:#93c5fd}.choice-button:disabled{cursor:not-allowed}.correct-choice{background-color:#d1fae5!important;border-color:#6ee7b7!important;color:#065f46!important}.incorrect-choice{background-color:#fee2e2!important;border-color:#fca5a5!important;color:#b91c1c!important}.neutral-choice{background-color:#f3f4f6;color:#6b7280}.choice-button{transform-origin:center}.quiz-container{margin-left:auto;margin-right:auto;max-width:56rem;padding:1rem}.quiz-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:1rem}.mode-toggle{border:none;border-radius:9999px;cursor:pointer;font-size:.875rem;font-weight:500;padding:.5rem 1rem;transition:background-color .2s}.mode-toggle.solo{background-color:#f5f3ff;color:#5b21b6}.mode-toggle.solo:hover{background-color:#ddd6fe}.mode-toggle.battle{background-color:#fee2e2;color:#b91c1c}.mode-toggle.battle:hover{background-color:#fecaca}.quiz-timer{color:#ef4444;font-weight:700}.question-counter,.quiz-timer{margin-bottom:.5rem;text-align:right}.question-counter{color:#4b5563;font-size:.875rem}.learn-mode-container{text-align:center}.learn-mode-title{font-size:1.25rem;font-weight:600;margin-bottom:1rem}.learn-mode-definition{font-size:1.125rem;margin-bottom:1.5rem}.learn-mode-button{background-color:#2563eb;border:none;border-radius:.75rem;color:#fff;cursor:pointer;font-size:1.125rem;padding:.75rem 1.5rem;transition:background-color .2s}.learn-mode-button:hover{background-color:#1d4ed8}.results-container{background-color:#f3f4f6;border-radius:.5rem;margin-top:1.5rem;padding:1rem}.results-title{font-weight:700;margin-bottom:.5rem}.results-list{border-top:1px solid #e5e7eb;list-style:none}.results-item{border-bottom:1px solid #e5e7eb;padding:.5rem 0}.results-item-content{display:flex;justify-content:space-between}.results-score.failed,.results-score.passed{font-weight:600}.definition-button{background:none;border:none;color:#2563eb;cursor:pointer;font-size:.875rem;margin-top:1rem;padding:0;transition:color .2s}.definition-button:hover{color:#1e40af}.result-container{border-radius:.75rem;box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;margin:2.5rem auto 0;max-width:28rem;overflow:hidden;padding:1.5rem;position:relative}.result-passed{background-color:#ecfdf5}.result-failed{background-color:#fef2f2}.result-content{margin-bottom:1.5rem}.result-title{font-size:1.875rem;margin-bottom:1rem}.result-score{font-size:1.25rem;margin-bottom:.5rem}.result-percentage{font-size:1.5rem;font-weight:600;margin-bottom:1rem}.text-passed{color:#059669}.text-failed{color:#dc2626}.result-message{font-size:1.125rem;margin-bottom:1.5rem}.restart-button{border-radius:.75rem;font-size:1.125rem;font-weight:600;padding:.75rem 2rem;transform-origin:center;transition:all .2s}.button-passed{background-color:#059669;color:#fff}.button-passed:hover{background-color:#047857}.button-failed{background-color:#dc2626;color:#fff}.button-failed:hover{background-color:#b91c1c}.result-container{transform-origin:center}.results-container{background-color:#1f2937;color:#fff}.results-title{color:#fff}.results-score.passed{color:#4ade80}.results-score.failed{color:#f87171}.results-list{list-style-type:none;margin:0;padding:0}.results-item{align-items:center;background-color:#f3f4f6;border:1px solid #d1d5db;border-radius:.75rem;display:flex;justify-content:space-between;margin-bottom:1rem;padding:1rem 1.25rem;transition:all .2s ease}.results-item:hover{background-color:#e5e7eb;transform:scale(1.01)}.results-item-content span{color:#1f2937;font-size:1rem}.results-score{font-size:1.1rem;font-weight:700}.results-score.passed{color:#16a34a}.results-score.failed{color:#dc2626}.question-card{background-color:#1f2937;border-radius:1rem;box-shadow:0 10px 25px #0003;color:#fff;padding:2rem}.question-title{color:#fff;font-size:1.75rem;font-weight:600;margin-bottom:1.5rem;text-align:center}.mistake-analysis{background-color:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a;margin-bottom:20px;padding:25px}.analysis-title{color:#fff;font-size:1.5em;margin-bottom:20px;text-align:center}.analysis-section{margin-bottom:25px}.section-heading{border-bottom:2px solid #ecf0f1;color:#5eb7f3;font-size:1.2em;margin-bottom:10px;padding-bottom:8px}.category-list{display:flex;flex-wrap:wrap;gap:10px;list-style:none;padding:0}.category-item{background-color:#e7f5ff;border-radius:20px;color:#3498db;font-size:.9em;padding:8px 15px}.category-name{font-weight:700}.resource-grid{grid-gap:15px;display:grid;gap:15px;grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}.resource-card{background-color:#f9f9f9;border:1px solid #eee;border-radius:6px;color:#555;font-size:.95em;padding:15px;text-align:center;transition:background-color .3s ease}.resource-card:hover{background-color:#e0f2f7;cursor:pointer}.pro-tip{background-color:#f0f8ff;border-left:5px solid #a7c957;border-radius:6px;color:#4361ee;font-size:.9em;padding:15px}.pro-tip p{margin:0}.result-container{background-color:#fff;border-radius:12px;box-shadow:0 4px 8px #00000026;margin:40px auto;max-width:400px;padding:30px;text-align:center;width:90%}.result-passed{border:2px solid #2ecc71}.result-failed{border:2px solid #e74c3c}.result-content{margin-bottom:25px}.result-title{color:#fff;font-size:2em;font-weight:700;margin-bottom:15px}.result-failed .result-title,.result-passed .result-title{color:#fff}.result-score{color:#fff;font-size:1.1em;margin-bottom:10px}.result-score-number{color:#3498db;font-weight:700}.result-percentage{color:#fff;font-size:1.5em;font-weight:700;margin-bottom:10px}.text-failed,.text-passed{color:#fff}.result-message{color:#777;font-size:.95em;margin-bottom:20px}.restart-button{background-color:#3498db;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:1em;padding:12px 25px;transition:background-color .3s ease}.restart-button:hover{background-color:#2980b9}.button-passed{background-color:#2ecc71}.button-passed:hover{background-color:#27ae60}.button-failed{background-color:#e74c3c}.button-failed:hover{background-color:#c0392b}canvas{left:0;pointer-events:none;position:fixed;top:0;z-index:10}@media (max-width:600px){.result-container{margin-top:20px;padding:20px}.result-title{font-size:1.7em;margin-bottom:10px}.result-score{font-size:1em;margin-bottom:8px}.result-percentage{font-size:1.3em;margin-bottom:8px}.restart-button{font-size:.9em;padding:10px 20px}}.category-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(2,1fr);margin:30px 0;max-width:800px;width:100%}.category-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border:1px solid #fff3;border-radius:15px;cursor:pointer;padding:20px;text-align:center;transition:all .3s ease}.category-card:hover{background:#4f46e533;transform:translateY(-5px)}.category-card.selected{background:#4f46e566;border-color:#4f46e5b3}.category-emoji{font-size:2.5rem;margin-bottom:10px}.category-card h3{color:#fff;font-size:1.2rem;margin:10px 0}.category-card p{color:#9f7878;font-size:.9rem;opacity:.8}@media (max-width:768px){.category-grid{grid-template-columns:1fr}}.difficulty-container{align-items:center;display:flex;flex-direction:column;justify-content:center;min-height:100vh;padding:2rem;text-align:center}.difficulty-content{max-width:800px;width:100%}.difficulty-title{font-size:2.5rem;margin-bottom:1rem}.difficulty-subtitle{color:#fffc;font-size:1.2rem;margin-bottom:2rem}.difficulty-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin-bottom:2rem}.difficulty-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border:1px solid #fff3;border-radius:15px;cursor:pointer;padding:1.5rem;transition:all .3s ease}.difficulty-card:hover{background:#fff3;transform:translateY(-5px)}.difficulty-emoji{font-size:2rem;margin-bottom:1rem}.back-button{background:#ffffff1a;border:1px solid #ffffff4d;border-radius:50px;margin-top:2rem;padding:.8rem 1.5rem}.back-button:hover{background:#fff3}@media (max-width:768px){.difficulty-grid{grid-template-columns:1fr}.difficulty-title{font-size:2rem}}.exit-button{background-color:#ef4444;border:none;border-radius:.5rem;box-shadow:0 2px 6px #00000026;color:#fff;cursor:pointer;font-size:1rem;font-weight:600;margin-top:2rem;padding:.75rem 2rem;transition:background-color .2s ease,transform .1s ease}.exit-button:hover{background-color:#dc2626}.exit-button:active{transform:scale(.97)}.exit-button:focus{box-shadow:0 0 0 3px #ef444466;outline:none}@media (max-width:600px){.analysis-title{font-size:1.3em;margin-bottom:15px}.category-item{font-size:.85em;padding:6px 12px}.resource-grid{grid-template-columns:1fr}.resource-card{font-size:.9em;padding:12px}}.home-container{display:flex;flex-direction:column;justify-content:center;margin:0 auto;max-width:1200px;min-height:100vh;padding:2rem;text-align:center}.game-grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));margin:2rem 0}.game-card{background:#fff;border-radius:16px;box-shadow:0 4px 6px #0000001a;cursor:pointer;padding:2rem;transition:all .3s ease}.game-card:hover{box-shadow:0 10px 20px #0000001a;transform:translateY(-5px)}.quiz-card{background:linear-gradient(135deg,#6e8efb,#a777e3);color:#fff}.tictactoe-card{background:linear-gradient(135deg,#4facfe,#00f2fe);color:#fff}.game-emoji{font-size:3rem;margin-bottom:1rem}.tictactoe-container{background:#f9f9f9;border-radius:16px;box-shadow:0 4px 20px #0000001a;margin:0 auto;max-width:800px;padding:2rem;position:relative;text-align:center}.game-header{align-items:center;display:flex;margin-bottom:2rem}.back-button{background:#4a6fa5;border-radius:12px;font-size:1rem;font-weight:600;margin-right:1.5rem;padding:.75rem 1.5rem;transition:all .3s ease}.back-button:hover{background:#3a5a80;transform:translateY(-2px)}.game-title{color:#333;font-size:2.5rem;margin:0;text-shadow:1px 1px 2px #0000001a}.player-profile-card{align-items:center;background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000000d;display:flex;margin-bottom:1.5rem;padding:1rem}.player-avatar{align-items:center;background:#f0f0f0;border-radius:50%;display:flex;font-size:2rem;height:60px;justify-content:center;margin-right:1rem;width:60px}.player-info{flex:1 1}.player-name{font-size:1.2rem;font-weight:600;margin-bottom:.25rem}.player-stats{display:flex;gap:1rem}.player-stats span{color:#666;font-size:.9rem}.game-controls{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(3,1fr);margin-bottom:1.5rem}.difficulty-selector,.game-mode-selector,.theme-selector{display:flex;flex-direction:column;gap:.5rem}.difficulty-selector label,.game-mode-selector label,.theme-selector label{color:#555;font-size:.9rem;font-weight:600}.difficulty-selector select,.game-mode-selector select,.theme-selector select{background:#fff;border:2px solid #ddd;border-radius:8px;cursor:pointer;font-size:.9rem;padding:.75rem;transition:all .3s}.difficulty-selector select:hover,.game-mode-selector select:hover,.theme-selector select:hover{border-color:#bbb}.tournament-info{background:#4a6fa5;border-radius:8px;color:#fff;margin-bottom:1.5rem;padding:.75rem 1rem;text-align:center}.tournament-round{font-weight:600;margin-bottom:.5rem}.tournament-progress{background:#fff3;border-radius:3px;height:6px;overflow:hidden}.progress-bar{background:#fff;height:100%;transition:width .3s ease}.game-info{background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000000d;margin-bottom:1.5rem;padding:1rem;text-align:center}.current-turn{color:#333;font-size:1.3rem;font-weight:700;margin-bottom:.75rem}.score-display{display:flex;font-size:1.1rem;gap:1.5rem;justify-content:center}.score-you{color:#4caf50;font-weight:700}.score-computer{color:#f44336;font-weight:700}.score-draw{color:#777;font-weight:700}.extended-stats{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(3,1fr);margin:1.5rem 0}.stat-item{background:#fff;border-radius:8px;box-shadow:0 2px 6px #0000000d;padding:1rem;text-align:center}.stat-label{color:#666;display:block;font-size:.9rem;margin-bottom:.25rem}.stat-value{color:#333;font-size:1.2rem;font-weight:700}.board{grid-gap:15px;display:grid;gap:15px;grid-template-columns:repeat(3,1fr);margin:2rem auto;max-width:500px}.square{align-items:center;aspect-ratio:1;background:#fff;border:2px solid #ddd;border-radius:12px;box-shadow:0 3px 6px #0000000d;cursor:pointer;display:flex;font-size:3rem;height:100px;justify-content:center;transition:all .3s}.square:hover:not(:disabled){background:#f5f5f5;border-color:#bbb;box-shadow:0 5px 10px #0000001a;transform:translateY(-3px)}.square:disabled{cursor:not-allowed;opacity:.8}.filled-x{color:#4caf50}.filled-o{color:#f44336}.game-actions{display:flex;gap:1rem;justify-content:center;margin-top:2rem}.action-button{border-radius:8px;font-size:.9rem;padding:.75rem 1.5rem;transition:all .3s}.reset-button{background:#4caf50;color:#fff}.reset-button:hover{background:#3d8b40;transform:translateY(-2px)}.stats-button{background:#2196f3;color:#fff}.stats-button:hover{background:#0b7dda;transform:translateY(-2px)}.tournament-button{background:#ff9800;color:#fff}.tournament-button:hover{background:#e68a00;transform:translateY(-2px)}.history-panel{background:linear-gradient(135deg,#1e293b,#0f172a);border-radius:12px;box-shadow:0 4px 12px #0000001a;margin-top:2rem;padding:1.5rem}.history-panel h3{color:#fff;margin-bottom:1rem;margin-top:0}.history-list{max-height:400px;overflow-y:auto}.history-item{align-items:center;border-bottom:1px solid #ffffff1a;color:#fff;display:flex;justify-content:space-between;padding:1rem;transition:background .3s}.history-info{display:flex;flex:1 1;flex-direction:column;gap:.5rem}.history-info span{font-size:.9rem}.result-X{color:#4caf50;font-weight:700}.result-O{color:#f44336;font-weight:700}.result-draw{color:#777;font-weight:700}.mini-board-preview{grid-gap:2px;display:grid;gap:2px;grid-template-columns:repeat(3,1fr);margin-top:.5rem;width:80px}.mini-cell{align-items:center;aspect-ratio:1;background:#ffffff1a;border-radius:4px;color:#fff;display:flex;font-size:.8rem;justify-content:center}.replay-button{background:#ffc107;border:none;border-radius:6px;color:#333;cursor:pointer;font-size:.8rem;font-weight:600;padding:.5rem 1rem;transition:all .3s}.replay-button:hover:not(:disabled){background:#e6ac00;transform:translateY(-2px)}.replay-button:disabled{cursor:not-allowed;opacity:.5}.tournament-result-modal{align-items:center;background-color:#000000b3;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.tournament-result-content{background-color:#fff;border-radius:10px;box-shadow:0 5px 15px #0000004d;max-width:500px;padding:30px;text-align:center;width:90%}.result-stats{display:flex;justify-content:space-around;margin:20px 0}.result-stat{align-items:center;display:flex;flex-direction:column}.stat-label{font-weight:700;margin-bottom:5px}.stat-value{font-size:24px}.win-text{color:#28a745}.lose-text{color:#dc3545}.draw-text{color:#6c757d}.close-result-button{background-color:#4a6fa5;border:none;border-radius:5px;box-shadow:0 2px 5px #0003;color:#fff;cursor:pointer;font-size:16px;font-weight:600;margin-top:20px;padding:10px 20px;transition:all .3s ease}.close-result-button:hover{background-color:#3a5a8f;box-shadow:0 4px 8px #0003;transform:translateY(-2px)}.close-result-button:active{background-color:#2a4a7f;box-shadow:0 2px 3px #0003;transform:translateY(0)}.close-result-button:focus{box-shadow:0 0 0 3px #4a6fa566;outline:none}.tournament-result-modal[data-state=entered] .close-result-button,.tournament-result-modal[data-state=entering] .close-result-button{animation:fadeInUp .5s ease forwards}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@media (max-width:768px){.tictactoe-container{padding:1rem}.game-controls{grid-template-columns:1fr}.board{gap:10px;max-width:100%}.square{font-size:2.5rem;height:80px}.game-actions{align-items:center;flex-direction:column}.action-button{max-width:300px;width:100%}}.ultimate-board{grid-gap:5px;display:grid;gap:5px;grid-template-columns:repeat(3,1fr);margin:1rem auto;max-width:600px}.small-board{grid-gap:2px;background:#0000000d;border-radius:8px;display:grid;gap:2px;grid-template-columns:repeat(3,1fr);padding:5px}.ultimate-board .square{font-size:1.2rem;height:40px;margin:1px}.five-in-row-board{grid-gap:2px;display:grid;gap:2px;grid-template-columns:repeat(15,1fr);margin:1rem auto;max-width:600px}.five-in-row-board .square{font-size:1rem;height:30px}.classic-board{grid-gap:15px;display:grid;gap:15px;grid-template-columns:repeat(3,1fr);margin:2rem auto;max-width:500px}.classic-board .square{font-size:3rem;height:100px}.badges-container{background:linear-gradient(to bottom right,#0f172a,#1e293b);color:#f1f5f9;font-family:sans-serif;min-height:100vh;padding:2rem}.back-button{align-items:center;background-color:#4f46e5;border:none;border-radius:.5rem;box-shadow:0 2px 6px #0000004d;color:#fff;cursor:pointer;display:inline-flex;font-size:.875rem;font-weight:500;margin-bottom:1.5rem;padding:.625rem 1.25rem;transition:background-color .2s ease-in-out}.back-button:hover{background-color:#4338ca}.badges-wrapper{margin:0 auto;max-width:640px;text-align:center}.badges-heading{-webkit-text-fill-color:#0000;background:linear-gradient(90deg,#fbbf24,#f97316);-webkit-background-clip:text;font-size:2rem;font-weight:700;margin-bottom:2rem}.badges-card{background-color:#1e293b;border-radius:1rem;box-shadow:0 6px 16px #0006;padding:2rem}.badges-description{color:#cbd5e1;font-size:1.25rem;margin-bottom:1.5rem}.badges-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));margin-top:2rem}.badge-item{background-color:#334155;border-radius:.75rem;box-shadow:0 4px 10px #0000004d;cursor:pointer;opacity:.6;padding:1rem;transition:opacity .3s ease}.badge-item:hover{opacity:1}.badge-icon{color:#64748b;font-size:2.5rem;margin-bottom:.5rem}.badge-name{color:#94a3b8;font-size:.875rem}.badge-status{color:#64748b;font-size:.75rem;margin-top:.25rem}.badges-footer{color:#64748b;font-size:.875rem;margin-top:2rem}.progress-container{background:linear-gradient(to bottom right,#0f172a,#1e293b);color:#f1f5f9;font-family:Segoe UI,sans-serif;min-height:100vh;padding:2rem}.progress-heading{-webkit-text-fill-color:#0000;background:linear-gradient(90deg,#d946ef,#8b5cf6);-webkit-background-clip:text;font-size:2rem;font-weight:700;margin-bottom:2rem;text-align:center}.dashboard-grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:1fr}@media (min-width:768px){.dashboard-grid{grid-template-columns:repeat(2,1fr)}}@media (min-width:1024px){.dashboard-grid{grid-template-columns:repeat(3,1fr)}}.dashboard-card{background-color:#1e293b;border-radius:1rem;box-shadow:0 4px 14px #0006;padding:1.5rem}.card-title{align-items:center;display:flex;font-size:1.25rem;font-weight:600;gap:.5rem;margin-bottom:1rem}.title-indigo{color:#818cf8}.title-purple{color:#c084fc}.title-cyan{color:#22d3ee}.performance-item{border-bottom:1px solid #334155;display:flex;font-size:.9rem;justify-content:space-between;margin:.5rem 0;padding-bottom:.3rem}.performance-item:last-child{border-bottom:none}.stat-red{color:#f87171}.empty-text{color:#94a3b8;font-size:.9rem;margin-top:.5rem;text-align:center}.badges-header-compact{background:#0f172a;border-bottom:1px solid #334155;padding:1rem;position:sticky;top:0;z-index:10}.header-content{align-items:center;display:flex;gap:1rem;margin:0 auto;max-width:1200px}.badges-header-compact .back-button{display:grid;min-height:40px;min-width:40px;padding:.5rem;place-items:center}.result-buttons{display:flex;flex-direction:column;gap:1rem;margin-top:2rem;max-width:300px;width:100%}.action-button{align-items:center;border:none;border-radius:12px;cursor:pointer;display:inline-flex;font-size:1rem;font-weight:600;gap:.75rem;justify-content:center;min-width:200px;overflow:hidden;padding:1rem 1.5rem;position:relative;transition:all .2s ease}.primary-button{color:#fff}.success-button{background:linear-gradient(135deg,#10b981,#34d399);box-shadow:0 2px 8px #10b98133}.retry-button{background:linear-gradient(135deg,#ef4444,#f87171);box-shadow:0 2px 8px #ef444433}.secondary-button{background:linear-gradient(135deg,#3b82f6,#60a5fa);box-shadow:0 2px 8px #3b82f633;color:#fff}.button-icon{font-size:1.2rem;transition:transform .2s ease}.button-text{position:relative;z-index:1}.action-button:hover .button-icon{transform:rotate(15deg)}.action-button:after{background:radial-gradient(circle,#ffffff4d 1%,#0000 0) 50%/15000%;content:"";height:100%;left:0;opacity:0;position:absolute;top:0;transition:opacity .5s,background-size .5s;width:100%}.action-button:active:after{background-size:100%;opacity:1;transition:background-size 0s}@media (max-width:480px){.result-buttons{max-width:100%}.action-button{font-size:.9rem;padding:.9rem 1.2rem}}@media (prefers-color-scheme:dark){.welcome-container{background:linear-gradient(135deg,#1e293b,#0f172a)}.welcome-content{background:#1e293bcc}.welcome-subtitle{color:#94a3b8}.feature-card{background:#1e293b;color:#f8fafc}.container,.start-button{box-shadow:0 4px 6px #0000004d}.container{background-color:#1e293b}.wordHighlight{color:#93c5fd}.choiceButton{background-color:#1e293b;border-color:#334155;color:#f8fafc}.choiceButton:hover:not(.disabled){background-color:#1e40af}.neutralChoice{background-color:#334155}.streak-badge{background-color:#431407}.fire-icon,.streak-extra,.streak-text{color:#fdba74}.streak-reminder{color:#fed7aa}.mistake-analysis{background-color:#1e3a8a}.category-item{color:#93c5fd}.resource-card{background-color:#1e293b;color:#f8fafc}.pro-tip{color:#60a5fa}.solo-mode{background-color:#3730a3;color:#c7d2fe}.solo-mode:hover{background-color:#4338ca}.battle-mode{background-color:#7f1d1d;color:#fecaca}.battle-mode:hover{background-color:#991b1b}.question-counter{color:#9ca3af}.learn-mode-button{background-color:#1d4ed8}.learn-mode-button:hover{background-color:#1e40af}.results-history{background-color:#1f2937}.history-item,.history-list{border-color:#374151}.definition-button{color:#60a5fa}.definition-button:hover{color:#3b82f6}.question-card{background-color:#1e293b;box-shadow:0 4px 6px #0000004d}.word-highlight{color:#93c5fd}.choice-button{background-color:#1e293b;border-color:#334155;color:#f8fafc}.choice-button:hover:not(:disabled){background-color:#1e3a8a;border-color:#3b82f6}.correct-choice{background-color:#064e3b!important;border-color:#059669!important;color:#6ee7b7!important}.incorrect-choice{background-color:#7f1d1d!important;border-color:#ef4444!important;color:#fecaca!important}.neutral-choice{background-color:#334155;color:#9ca3af}.mode-toggle.solo{background-color:#3730a3;color:#c7d2fe}.mode-toggle.solo:hover{background-color:#4338ca}.mode-toggle.battle{background-color:#7f1d1d;color:#fecaca}.mode-toggle.battle:hover{background-color:#991b1b}.question-counter{color:#9ca3af}.learn-mode-button{background-color:#1d4ed8}.learn-mode-button:hover{background-color:#1e40af}.results-container{background-color:#1f2937}.results-item,.results-list{border-color:#374151}.definition-button{color:#60a5fa}.definition-button:hover{color:#3b82f6}.result-passed{background-color:#064e3b}.result-failed{background-color:#7f1d1d}.button-passed{background-color:#10b981}.button-passed:hover{background-color:#059669}.button-failed{background-color:#ef4444}.button-failed:hover{background-color:#dc2626}}@media (min-width:768px){.resource-grid{grid-template-columns:repeat(2,1fr)}}
/*# sourceMappingURL=main.7184db32.css.map*/