.App{text-align:center;font-family:Arial,sans-serif;max-width:800px;margin:0 auto;min-height:100vh;display:flex;flex-direction:column}.App,header{padding:20px}header{background-color:#282c34;color:#fff;margin-bottom:20px}header h1{margin:0;font-size:2.5em;font-weight:700}.highlight{color:#4caf50}header h2{margin:5px 0 0;font-size:1.2em;font-weight:400;color:#bbb}.author-info{position:absolute;top:10px;right:10px;text-align:right;font-size:.8em;opacity:.7}.author-info p{margin:0 0 2px}.author-info a{color:#4caf50;text-decoration:none}.author-info a:hover{text-decoration:underline}.tab-container{display:flex;justify-content:center;margin-bottom:20px}.tab{padding:10px 20px;font-size:1rem;cursor:pointer;border:none;background-color:#f0f0f0;color:#333;transition:background-color .3s}.tab.active{background-color:#4caf50;color:#fff}.info-section{background-color:#f0f0f0;padding:15px;margin-bottom:20px;text-align:left}.info-section h3{margin-top:0}.info-section li{margin-bottom:20px}.example-matrix{gap:20px;margin-top:10px;background-color:#f9f9f9;padding:20px;border-radius:5px;box-shadow:0 2px 4px #0000001a}.example-matrix .matrix{font-size:.8em;background-color:#fff;border-radius:3px;padding:5px;box-shadow:0 1px 3px #0000001a}.example-matrix .matrix td{padding:5px;width:25px;height:25px;border:1px solid #e0e0e0}.operation-arrow{gap:5px}.operation-text{font-size:.9em;color:#333;background-color:#e8f5e9;padding:3px 8px;border-radius:3px}.operation-arrow:after{content:"→";font-size:1.5em;color:#4caf50}.matrices{display:flex;justify-content:center;gap:2rem;margin-bottom:20px}.matrix-container{display:inline-block;padding:10px;border:2px solid #000;border-radius:5px}.matrix{border-collapse:collapse;margin:1rem auto}.matrix td{border:1px solid #ddd;padding:8px;text-align:center;width:40px;height:40px}.options{display:flex;flex-direction:column;align-items:center;gap:.5rem;margin-top:1rem}button{padding:.5rem 1rem;font-size:1rem;cursor:pointer;border:none;border-radius:4px;background-color:#4caf50;color:#fff;transition:background-color .3s}button:hover{background-color:#45a049}.feedback{font-weight:700;transition:all .3s ease}.feedback-animation-correct{animation:pulse-correct .5s ease-in-out}.feedback-animation-incorrect{animation:pulse-incorrect .5s ease-in-out}@keyframes pulse-correct{0%,to{transform:scale(1);background-color:#4caf5000}50%{transform:scale(1.02);background-color:#4caf5033}}@keyframes pulse-incorrect{0%,to{transform:scale(1);background-color:#f4433600}50%{transform:scale(1.02);background-color:#f4433633}}.game-area{transition:all .3s ease}.mute-button{position:absolute;top:10px;right:10px;padding:5px 10px;background-color:#f0f0f0;border:none;border-radius:5px;cursor:pointer}.mute-button:hover{background-color:#e0e0e0}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#00000080;display:flex;justify-content:center;align-items:center}.modal-content{background-color:#fff;padding:20px;border-radius:5px;max-width:500px;width:100%}.modal-content h2{margin-top:0}.modal-content button{margin-top:10px}footer{margin-top:auto;padding:10px 0;font-size:.9em;color:#666;border-top:1px solid #eee}.footer-content{display:flex;justify-content:center;align-items:center;gap:15px}.footer-content a{color:#4caf50;text-decoration:none}.footer-content a:hover{text-decoration:underline}.scoreboard{display:flex;justify-content:center;gap:20px;margin-bottom:20px;font-size:18px}.score-item{display:flex;align-items:center}.score-label{margin-right:5px}.score-value{font-weight:700;padding:5px 10px;border-radius:5px}.score-value.correct{background-color:#4caf50;color:#fff}.score-value.incorrect{background-color:#f44336;color:#fff}.challenge-info{display:flex;justify-content:space-between;padding:10px;background-color:#f0f0f0;margin-bottom:20px}.challenge-info span{font-weight:700}.modal-content select{margin:10px 0;padding:5px;font-size:16px}.game-controls{display:flex;justify-content:center;gap:10px;margin-bottom:20px}.challenge-mode-button,.new-challenge-button,.reset-button,.stop-challenge-button{padding:10px 20px;font-size:16px;cursor:pointer;border:none;border-radius:5px;color:#fff;transition:background-color .3s}.challenge-mode-button{background-color:#2196f3}.challenge-mode-button:hover{background-color:#1e87db}.new-challenge-button{background-color:#4caf50}.new-challenge-button:hover{background-color:#45a049}.stop-challenge-button{background-color:#f44336}.stop-challenge-button:hover{background-color:#d32f2f}.reset-button{background-color:#ff9800}.reset-button:hover{background-color:#f57c00}.info-section{max-width:800px;margin:0 auto;padding:20px;background-color:#f9f9f9;border-radius:5px;box-shadow:0 2px 5px #0000001a}.info-section h3{color:#333;margin-bottom:15px}.info-section ol{padding-left:20px}.info-section li{margin-bottom:30px}.example-matrix{display:flex;align-items:center;justify-content:center;margin-top:15px}.operation-arrow{display:flex;flex-direction:column;align-items:center;margin:0 20px}.operation-arrow:before{content:"→";font-size:24px;margin-bottom:5px}.operation-text{font-weight:700;text-align:center}script[src^="/_vercel/insights/script.js"]{display:none!important}