body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;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}.App{text-align:center}.menu-button{align-items:center;background-color:#fff;border:2px solid #333;border-radius:8px;cursor:pointer;display:flex;height:48px;justify-content:center;left:16px;padding:12px;position:fixed;top:16px;transition:background-color .2s;width:48px;z-index:1000}.menu-button:hover{background-color:#f0f0f0}.hamburger{display:flex;flex-direction:column;height:18px;justify-content:space-between;width:24px}.hamburger span{background-color:#333;border-radius:2px;display:block;height:3px;transition:all .3s}.menu-overlay{background-color:rgba(0,0,0,.5);bottom:0;left:0;position:fixed;right:0;top:0;z-index:998}.menu-section-header{border-bottom:1px solid #e0e0e0;color:#666;font-size:14px;font-weight:700;letter-spacing:.5px;margin-bottom:8px;padding:16px 24px 8px;text-transform:uppercase}.App-logo{height:40vmin;pointer-events:none}@media (prefers-reduced-motion:no-preference){.App-logo{-webkit-animation:App-logo-spin 20s linear infinite;animation:App-logo-spin 20s linear infinite}}.App-header{align-items:center;background-color:#282c34;color:#fff;display:flex;flex-direction:column;font-size:calc(10px + 2vmin);justify-content:center;min-height:100vh}.App-link{color:#61dafb}@-webkit-keyframes App-logo-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes App-logo-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}.profile-selector{margin:0 auto;max-width:600px;padding:20px}.profile-selector h1{color:#333;font-size:1.8rem;margin-bottom:20px}.profile-selector h2{color:#555;font-size:1.3rem;margin:20px 0 10px}.profile-section{background-color:#f5f5f5;border-radius:8px;margin-bottom:30px;padding:20px}.profile-section label{color:#333;display:block;font-weight:600;margin-bottom:8px}.profile-section select{background-color:#fff;border:2px solid #ccc;border-radius:4px;font-size:1.1rem;padding:10px;width:100%}.create-profile-section{background-color:#f0f8ff;border-radius:8px;margin-bottom:20px;padding:20px}.create-profile-section input{border:2px solid #ccc;border-radius:4px;font-size:1rem;margin-bottom:10px;padding:10px;width:100%}.create-profile-section button{background-color:#4caf50;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:1.1rem;font-weight:600;padding:12px;width:100%}.create-profile-section button:hover{background-color:#45a049}.profile-info{background-color:#fff9e6;border:2px solid gold;border-radius:8px;padding:20px}.profile-info p{color:#333;font-size:1.1rem;margin:8px 0}.share-link-section{border-top:1px solid #ddd;display:flex;flex-direction:column;gap:10px;margin-top:20px;padding-top:15px}.share-link-button{background-color:#007bff;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:1rem;font-weight:600;padding:10px;transition:background-color .2s;width:100%}.share-link-button:hover{background-color:#0056b3}.delete-profile-button{background-color:#dc3545;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:1rem;font-weight:600;padding:10px;transition:background-color .2s;width:100%}.delete-profile-button:hover{background-color:#c82333}.share-link-message{background-color:#d4edda;border:1px solid #c3e6cb;border-radius:4px;color:#155724;cursor:text;font-size:.9rem;margin-top:10px;padding:8px;text-align:center;-webkit-user-select:text;user-select:text;word-break:break-all}.math-game{background-attachment:fixed;background-position:50%;background-repeat:no-repeat;background-size:cover;margin:0;min-height:100vh;padding:0;position:relative;z-index:0}.game-container{background-color:hsla(0,0%,100%,.85);border:2px solid #000;border-radius:10px;box-shadow:0 4px 8px rgba(0,0,0,.2);margin:20px auto;max-width:600px;padding:10px;position:relative;text-align:center;z-index:10}.no-profile-message{padding:40px 20px}.no-profile-message h2{color:#333;margin-bottom:10px}.no-profile-message p{color:#666;font-size:1.1rem}.profile-section{margin:20px 0}.profile-section input[type=text],.profile-section select{font-size:16px;margin:0 5px;padding:5px}.profile-section button{font-size:16px;margin-left:10px;padding:5px 10px}.operation-picker{margin:20px 0}.start-button{cursor:pointer;font-size:18px;height:50px;padding:10px 20px}.problem-display{font-size:32px;margin:5px 0;min-height:50px}.number-pad{grid-gap:10px;display:grid;grid-template-columns:repeat(3,60px);justify-content:center;margin:20px 0}.number-pad button{cursor:pointer;font-size:18px;height:50px}.timer-display{font-size:20px;margin:20px 0}.reference-display{font-size:20px;margin:5px 0}.reference-display table{margin:10px auto}.reference-display td{padding:5px 10px;text-align:center}.modal-overlay{-webkit-animation:fadeIn .3s ease;animation:fadeIn .3s ease;background-color:rgba(0,0,0,.7);height:100%;width:100%;z-index:999}.modal-content{-webkit-animation:modalEnter .5s forwards;animation:modalEnter .5s forwards;background-color:#fff;border-radius:10px;max-height:90%;max-width:600px;overflow-y:auto;padding:20px;position:relative;text-align:center;width:90%}.modal-content img{height:auto;max-width:100%}.modal-message{font-size:24px;margin-top:20px}.big-button{cursor:pointer;font-size:16px;margin-top:10px;padding:10px 20px}@-webkit-keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@-webkit-keyframes modalEnter{0%{opacity:0;-webkit-transform:scale(.7);transform:scale(.7)}to{opacity:1;-webkit-transform:scale(1);transform:scale(1)}}@keyframes modalEnter{0%{opacity:0;-webkit-transform:scale(.7);transform:scale(.7)}to{opacity:1;-webkit-transform:scale(1);transform:scale(1)}}.store-modal{max-height:90vh;overflow-y:auto}.store-content-standalone{margin:0 auto;max-width:1200px;padding:20px}.store-section{margin-bottom:40px}.store-section h3{border-bottom:2px solid #007bff;color:#333;font-size:24px;margin-bottom:20px;padding-bottom:10px}.store-item{align-items:center;border:1px solid #ddd;border-radius:8px;display:flex;margin-bottom:20px;padding:10px}.store-item img{border-radius:8px;height:auto;margin-right:20px;width:100px}.store-item .item-details{flex-grow:1;text-align:left}.store-item .item-details h3{margin:0 0 5px}.store-item .item-details p{margin:5px 0}.store-item button{margin-left:10px}.store-item button:disabled{cursor:not-allowed;opacity:.5}.long-division{background-attachment:fixed;background-position:50%;background-repeat:no-repeat;background-size:cover;font-family:system-ui,ui-sans-serif,Segoe UI,Roboto,Helvetica,Arial,sans-serif;margin:0;min-height:100vh;padding:0;position:relative;z-index:0}.long-division .game-container{background-color:hsla(0,0%,100%,.85);border:2px solid #000;border-radius:10px;box-shadow:0 4px 8px rgba(0,0,0,.2);margin:20px auto;max-width:800px;padding:20px;position:relative;text-align:center;z-index:10}.long-division h1{font-size:1.2rem;margin:0 0 12px}:root{--cell:#f7f7f7;--line:#222;--active:#cfe9ff;--next:#ffe9a8;--ok:#e6ffe6;--muted:#888}.input-section{display:flex;flex-direction:column;gap:8px;max-width:300px}.input-row{align-items:center;display:flex;gap:12px}.input-row label{font-weight:600;min-width:80px}.input-row input[type=number]{border:1px solid #ccc;border-radius:4px;flex:1 1;font-size:1.1rem;padding:8px 10px}.input-row button{background:#fff;border:1px solid #ccc;border-radius:8px;cursor:pointer;font-size:1rem;padding:8px 24px}.input-row button.primary{background:#111;border-color:#111;color:#fff}.input-row button:disabled{cursor:not-allowed;opacity:.5}.row{align-items:center;display:flex;flex-wrap:wrap;gap:8px}.row>*{margin:4px 0}.row input[type=number]{border:1px solid #ccc;border-radius:4px;font-size:1.1rem;padding:8px 10px;width:9ch}.row button{background:#fff;border:1px solid #ccc;border-radius:8px;cursor:pointer;font-size:1rem;padding:8px 12px}.row button.primary{background:#111;border-color:#111;color:#fff}.row button:disabled{cursor:not-allowed;opacity:.5}.row label{font-weight:600}.board{display:inline-block;margin:14px auto;padding-left:60px;position:relative}.grid{grid-gap:6px;display:grid;gap:6px}.cell{align-items:center;background:#f7f7f7;background:var(--cell);border-radius:7px;box-shadow:inset 0 0 0 2px rgba(0,0,0,.08);display:flex;font-size:1.05rem;font-weight:700;height:38px;justify-content:center;width:38px}.cell input{background:transparent;border:none;font-size:inherit;font-weight:700;height:100%;outline:none;text-align:center;width:100%}.cell.small input{font-size:1.05rem}.cell.mini input{font-size:.95rem}.cell.small{height:30px}.cell.mini{font-size:.95rem;height:26px}.ghost{opacity:.25}.L{border-right:4px solid #222;border-right:4px solid var(--line);height:36px;left:4px;top:26px;width:52px}.L,.bar{position:absolute}.bar{background:#222;background:var(--line);border-radius:2px;height:4px;left:60px;right:0;top:27px}.divisor-badge{left:4px;position:absolute;top:26px}.legend{color:#333;margin-top:12px}.swatch{align-items:center;display:inline-flex;gap:6px;margin-right:16px}.swatch i{border-radius:4px;display:inline-block;height:16px;width:16px}.active{background:#cfe9ff!important;background:var(--active)!important}.next{background:#ffe9a8!important;background:var(--next)!important}.computed{background:#e6ffe6;background:var(--ok)}.hint{color:#888;color:var(--muted);margin-top:8px}.flex{gap:10px}.controls,.flex{align-items:center;display:flex}.controls{gap:8px;justify-content:center;margin:10px auto}.tag{background:#f3f3f3;border-radius:999px;font-size:.9rem;padding:4px 8px}@media (max-width:480px){.cell{font-size:1rem;height:32px;width:32px}.L{height:44px;left:-48px;width:44px}}.mode-selection{align-items:flex-start;display:flex;flex-wrap:wrap;gap:40px;justify-content:center;margin:20px auto}.game-mode-section{max-width:300px}.game-mode-section h2{font-size:1.1rem;margin-bottom:8px}.game-mode-section p{color:#888;color:var(--muted);margin-bottom:12px}.game-header{align-items:center;display:flex;flex-wrap:wrap;gap:16px;justify-content:center;margin:16px 0}.game-header button{background:#fff;border:1px solid #ccc;border-radius:8px;cursor:pointer;font-size:1rem;padding:8px 16px}.game-header h2{font-family:monospace;font-size:1.2rem;margin:0}.score-display{display:flex;flex-direction:column;font-size:1rem;font-weight:600;gap:4px;text-align:center}.division-progress{color:#555;font-size:.85rem;font-weight:400}.gem-streak{background:rgba(255,215,0,.2);border:1px solid rgba(255,215,0,.4);border-radius:4px;color:#666;font-size:.9rem;padding:4px 8px}.modal-overlay{align-items:center;background:rgba(0,0,0,.7);bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.modal{background:#fff;border-radius:16px;box-shadow:0 10px 40px rgba(0,0,0,.3);max-height:90vh;max-width:600px;overflow-y:auto;padding:40px;text-align:center;width:90%}.modal img{height:auto;max-height:400px;max-width:100%;object-fit:contain}.modal h2{font-size:2rem;margin:0 0 24px}.modal button{background:#111;border:1px solid #111;border-radius:8px;color:#fff;cursor:pointer;font-size:1.1rem;font-weight:600;padding:12px 32px}.modal.correct h2{color:#22c55e}.modal.wrong h2{color:#ef4444}.modal button:hover{opacity:.9}.slider-container{bottom:0;height:150px;left:0;overflow:hidden;pointer-events:none;position:fixed;width:100%;z-index:1}.slider-track{-webkit-animation:scrollSlider 20s linear infinite;animation:scrollSlider 20s linear infinite;display:flex}@-webkit-keyframes scrollSlider{0%{-webkit-transform:translateX(100%);transform:translateX(100%)}to{-webkit-transform:translateX(-100%);transform:translateX(-100%)}}@keyframes scrollSlider{0%{-webkit-transform:translateX(100%);transform:translateX(100%)}to{-webkit-transform:translateX(-100%);transform:translateX(-100%)}}.admin-container{margin:0 auto;max-width:1200px;padding:20px}.admin-container h2{color:#333;margin-bottom:20px}.admin-container h3{color:#555;margin-bottom:15px;margin-top:30px}.admin-table{background:#fff;border-collapse:collapse;border-radius:8px;box-shadow:0 2px 4px rgba(0,0,0,.1);overflow:hidden;width:100%}.admin-table thead{background:#f5f5f5}.admin-table th{border-bottom:2px solid #ddd;color:#333;font-weight:600;padding:12px 16px;text-align:left}.admin-table td{border-bottom:1px solid #eee;color:#555;padding:12px 16px}.admin-table .clickable-row{cursor:pointer;transition:background-color .2s}.admin-table .clickable-row:hover{background-color:#f8f8f8}.back-button{background:#f0f0f0;border:1px solid #ddd;border-radius:4px;color:#333;cursor:pointer;font-size:14px;margin-bottom:20px;padding:8px 16px;transition:background-color .2s}.back-button:hover{background:#e0e0e0}.profile-metadata{background:#f9f9f9;border-radius:8px;margin-bottom:20px;padding:16px}.profile-metadata p{color:#555;margin:8px 0}.yaml-viewer{background:#f5f5f5;border:1px solid #ddd;border-radius:8px;color:#333;font-family:Courier New,monospace;font-size:13px;line-height:1.5;overflow-x:auto;padding:16px;text-align:left;white-space:pre}.error-message{background:#ffebee;color:#d32f2f}.error-message,.success-message{border-radius:4px;margin-bottom:16px;padding:12px 16px}.success-message{background:#e8f5e9;color:#2e7d32;font-weight:500}.profile-data-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:15px;margin-top:30px}.profile-data-header h3{color:#555;margin:0}.cancel-button,.edit-button,.save-button{border:1px solid #ddd;border-radius:4px;cursor:pointer;font-size:14px;padding:8px 16px;transition:background-color .2s}.edit-button{background:#2196f3;border-color:#2196f3;color:#fff}.edit-button:hover{background:#1976d2}.save-button{background:#4caf50;border-color:#4caf50;color:#fff;margin-right:8px}.save-button:hover{background:#45a049}.cancel-button{background:#f44336;border-color:#f44336}.cancel-button:hover{background:#da190b}.edit-actions{display:flex;gap:8px}.yaml-editor{background:#f5f5f5;border:1px solid #ddd;border-radius:8px;color:#333;font-family:Courier New,monospace;font-size:13px;line-height:1.5;min-height:400px;padding:16px;resize:vertical;width:100%}.yaml-editor:focus{border-color:#2196f3;box-shadow:0 0 0 2px rgba(33,150,243,.1);outline:none}.share-accept-container{align-items:center;display:flex;justify-content:center;min-height:80vh;padding:20px}.share-accept-card{background:#fff;border-radius:8px;box-shadow:0 2px 10px rgba(0,0,0,.1);max-width:500px;padding:30px;width:100%}.share-accept-card h2{color:#333;margin-top:0}.share-accept-card.error{border:2px solid #dc3545}.profile-preview{background:#f8f9fa;border-radius:5px;margin:20px 0;padding:20px}.profile-preview h3{color:#007bff;font-size:1.5em;margin:0 0 10px}.expires-info{color:#6c757d;font-size:.9em;margin:5px 0 0}.auth-message{margin-top:20px;text-align:center}.auth-message p{color:#6c757d;margin-bottom:15px}.accept-section{display:flex;gap:10px;margin-top:20px}.accept-button{background-color:#28a745;border:none;border-radius:5px;color:#fff;cursor:pointer;flex:1 1;font-size:1em;padding:12px 20px;transition:background-color .2s}.accept-button:hover:not(:disabled){background-color:#218838}.accept-button:disabled{background-color:#6c757d;cursor:not-allowed}.cancel-button{background-color:#6c757d;border:none;border-radius:5px;color:#fff;cursor:pointer;flex:1 1;font-size:1em;padding:12px 20px;transition:background-color .2s}.cancel-button:hover:not(:disabled){background-color:#5a6268}.cancel-button:disabled{cursor:not-allowed;opacity:.5}.sticker-book{margin:0 auto;max-width:1400px;padding:20px}.sticker-book h1{color:#333;margin-bottom:20px;text-align:center}.page-navigation{align-items:center;display:flex;gap:20px;justify-content:center;margin-bottom:20px}.page-nav-button{background-color:#007bff;border:none;border-radius:5px;color:#fff;cursor:pointer;font-size:16px;padding:10px 20px;transition:background-color .2s}.page-nav-button:hover:not(:disabled){background-color:#0056b3}.page-nav-button:disabled{background-color:#ccc;cursor:not-allowed}.page-indicator{color:#333;font-size:16px;font-weight:700;min-width:120px;text-align:center}.sticker-book-container{align-items:flex-start;display:flex;gap:20px}@media (orientation:landscape){.sticker-book-container{flex-direction:row}.sticker-canvas{flex-shrink:0;height:min(90vh,90vw);width:min(90vh,90vw)}.sticker-palette{flex:1 1;min-width:250px}}@media (orientation:portrait){.sticker-book-container{flex-direction:column}.sticker-canvas{height:min(90vh,90vw);margin:0 auto;width:min(90vh,90vw)}.sticker-palette{width:100%}}.sticker-canvas{aspect-ratio:1/1;background-color:#f8f9fa;border:3px solid #333;border-radius:8px;box-shadow:0 4px 8px rgba(0,0,0,.1);overflow:hidden;position:relative;touch-action:none}.canvas-sticker{-webkit-user-drag:none;pointer-events:auto;position:absolute;touch-action:none;transition:opacity .1s;-webkit-user-select:none;user-select:none}.canvas-sticker:active{opacity:.8}.sticker-palette{background-color:#fff;border:2px solid #ddd;border-radius:8px;padding:15px}.sticker-palette h2{color:#555;font-size:1.2rem;margin-bottom:15px;margin-top:0}.sticker-thumbnails{grid-gap:10px;background-color:#f8f9fa;border-radius:4px;display:grid;gap:10px;grid-template-columns:repeat(auto-fill,minmax(80px,1fr));max-height:300px;overflow-y:auto;padding:10px}.sticker-thumbnail{align-items:center;background-color:#fff;border:2px solid #ccc;border-radius:4px;cursor:pointer;display:flex;height:80px;justify-content:center;overflow:visible;position:relative;transition:all .2s;width:80px}.sticker-thumbnail:hover{border-color:#007bff;box-shadow:0 2px 8px rgba(0,123,255,.3);-webkit-transform:scale(1.05);transform:scale(1.05)}.sticker-thumbnail:active{-webkit-transform:scale(.95);transform:scale(.95)}.sticker-count{background-color:#fff;border-radius:3px;bottom:2px;color:#000;color:#fff;font-size:14px;font-weight:700;padding:2px 6px;pointer-events:none;position:absolute;right:2px;text-shadow:-1px -1px 0 #000,1px -1px 0 #000,-1px 1px 0 #000,1px 1px 0 #000}.sticker-thumbnail img{max-height:100%;max-width:100%;object-fit:contain}.sticker-thumbnails::-webkit-scrollbar{width:8px}.sticker-thumbnails::-webkit-scrollbar-track{background:#f1f1f1;border-radius:4px}.sticker-thumbnails::-webkit-scrollbar-thumb{background:#888;border-radius:4px}.sticker-thumbnails::-webkit-scrollbar-thumb:hover{background:#555}.asset-upload{margin:0 auto;max-width:1400px;padding:20px}.asset-upload h1{margin-bottom:30px}.upload-controls{margin-bottom:40px}.control-group{margin-bottom:20px}.control-group label{display:block;font-weight:700;margin-bottom:8px}.control-group select{border:2px solid #ccc;border-radius:4px;font-size:16px;min-width:200px;padding:10px}.drop-zone{background-color:#f9f9f9;border:3px dashed #ccc;border-radius:8px;cursor:pointer;padding:60px 20px;text-align:center;transition:all .3s ease}.drop-zone:hover{background-color:#f0f8ff;border-color:#007bff}.drop-zone.dragging{background-color:#e8f5e9;border-color:#28a745}.drop-zone p{font-size:18px;margin:10px 0}.drop-zone .file-info{color:#666;font-size:14px}.assets-list{margin-top:40px}.assets-list h2{margin-bottom:20px}.assets-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));margin-bottom:30px}.asset-card{background-color:#fff;border:1px solid #ddd;border-radius:8px;box-shadow:0 2px 4px rgba(0,0,0,.1);padding:15px}.asset-thumbnail{background-color:#f5f5f5;border-radius:4px;height:200px;margin-bottom:15px;overflow:hidden;position:relative;width:100%}.asset-thumbnail img{height:100%;object-fit:contain;width:100%}.remove-btn{align-items:center;background-color:rgba(220,53,69,.9);border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:18px;height:30px;justify-content:center;position:absolute;right:8px;top:8px;transition:background-color .2s;width:30px}.remove-btn:hover{background-color:#dc3545}.asset-metadata{gap:12px}.asset-metadata,.form-field{display:flex;flex-direction:column}.form-field label{color:#333;font-size:14px;font-weight:700;margin-bottom:4px}.form-field input,.form-field textarea{border:1px solid #ddd;border-radius:4px;font-family:inherit;font-size:14px;padding:8px}.form-field input:focus,.form-field textarea:focus{border-color:#007bff;outline:none}.form-field textarea{min-height:60px;resize:vertical}.save-controls{display:flex;gap:15px;justify-content:center;padding:20px 0}.save-controls .big-button{font-size:18px;padding:15px 40px}.letters-game{font-family:Arial,sans-serif;margin:0 auto;max-width:900px;padding:20px}.letters-header{margin-bottom:30px;text-align:center}.letters-header h2{color:#333;margin-bottom:15px}.letters-stats{color:#666;display:flex;font-size:18px;gap:30px;justify-content:center}.letters-stats p{margin:5px 0}.letters-instructions{color:#444;font-size:20px;font-weight:500;margin-bottom:40px;text-align:center}.letters-instructions.challenge-mode{-webkit-animation:challengePulse .5s ease-in-out infinite;animation:challengePulse .5s ease-in-out infinite;background:linear-gradient(135deg,#ff6b6b,#ffd93d);border-radius:12px;padding:20px}.challenge-text{color:#fff;font-size:28px;font-weight:700;margin:0 0 10px;text-shadow:2px 2px 4px rgba(0,0,0,.3)}.letters-instructions.challenge-mode p:last-child{color:#fff;font-size:18px;margin:0}.target-letter-display{margin-bottom:30px;text-align:center}.target-letter{-webkit-text-fill-color:transparent;-webkit-animation:letterPulse 1.5s ease-in-out infinite;animation:letterPulse 1.5s ease-in-out infinite;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;background-clip:text;color:#333;display:inline-block;font-size:120px;font-weight:700;line-height:150px;min-height:150px;min-width:150px;text-shadow:none}@-webkit-keyframes letterPulse{0%,to{-webkit-transform:scale(1);transform:scale(1)}50%{-webkit-transform:scale(1.1);transform:scale(1.1)}}@keyframes letterPulse{0%,to{-webkit-transform:scale(1);transform:scale(1)}50%{-webkit-transform:scale(1.1);transform:scale(1.1)}}.keyboard{align-items:center;display:flex;flex-direction:column;gap:10px;margin-top:30px}.keyboard-row{gap:8px}.key,.keyboard-row{display:flex;justify-content:center}.key{align-items:center;background-color:#f5f5f5;border:2px solid #ccc;border-radius:8px;box-shadow:0 2px 4px rgba(0,0,0,.1);color:#333;cursor:default;font-size:24px;font-weight:700;height:60px;transition:all .2s ease;-webkit-user-select:none;user-select:none;width:60px}.disabled-key{background-color:#e0e0e0;border-color:#ccc;color:#999;opacity:.5}.focus-key{background-color:#fff3cd;border-color:#ffc107;box-shadow:0 2px 6px rgba(255,193,7,.3)}.keyboard-row:last-child .key{font-size:16px;width:300px}.key:hover{border-color:#999}.target-key{-webkit-animation:pulse 1.5s ease-in-out infinite;animation:pulse 1.5s ease-in-out infinite;background-color:#4caf50;border-color:#45a049;box-shadow:0 4px 8px rgba(76,175,80,.3);color:#fff}.wrong-key{-webkit-animation:shake .3s ease-in-out;animation:shake .3s ease-in-out;background-color:#f44336;border-color:#da190b;box-shadow:0 4px 8px rgba(244,67,54,.3);color:#fff}.challenge-key{-webkit-animation:challengeKeyPulse .3s ease-in-out infinite;animation:challengeKeyPulse .3s ease-in-out infinite;background-color:#ff9800;border-color:#f57c00;box-shadow:0 4px 8px rgba(255,152,0,.5);color:#fff}.challenge-key-pressed{background-color:#4caf50;border-color:#45a049;box-shadow:0 4px 8px rgba(76,175,80,.5);color:#fff}@-webkit-keyframes challengePulse{0%,to{-webkit-transform:scale(1);transform:scale(1)}50%{-webkit-transform:scale(1.02);transform:scale(1.02)}}@keyframes challengePulse{0%,to{-webkit-transform:scale(1);transform:scale(1)}50%{-webkit-transform:scale(1.02);transform:scale(1.02)}}@-webkit-keyframes challengeKeyPulse{0%,to{box-shadow:0 4px 8px rgba(255,152,0,.5);-webkit-transform:scale(1);transform:scale(1)}50%{box-shadow:0 6px 12px rgba(255,152,0,.7);-webkit-transform:scale(1.08);transform:scale(1.08)}}@keyframes challengeKeyPulse{0%,to{box-shadow:0 4px 8px rgba(255,152,0,.5);-webkit-transform:scale(1);transform:scale(1)}50%{box-shadow:0 6px 12px rgba(255,152,0,.7);-webkit-transform:scale(1.08);transform:scale(1.08)}}@-webkit-keyframes pulse{0%,to{box-shadow:0 4px 8px rgba(76,175,80,.3);-webkit-transform:scale(1);transform:scale(1)}50%{box-shadow:0 6px 12px rgba(76,175,80,.5);-webkit-transform:scale(1.05);transform:scale(1.05)}}@keyframes pulse{0%,to{box-shadow:0 4px 8px rgba(76,175,80,.3);-webkit-transform:scale(1);transform:scale(1)}50%{box-shadow:0 6px 12px rgba(76,175,80,.5);-webkit-transform:scale(1.05);transform:scale(1.05)}}@-webkit-keyframes shake{0%,to{-webkit-transform:translateX(0);transform:translateX(0)}25%{-webkit-transform:translateX(-5px);transform:translateX(-5px)}75%{-webkit-transform:translateX(5px);transform:translateX(5px)}}@keyframes shake{0%,to{-webkit-transform:translateX(0);transform:translateX(0)}25%{-webkit-transform:translateX(-5px);transform:translateX(-5px)}75%{-webkit-transform:translateX(5px);transform:translateX(5px)}}@media (max-width:768px){.target-letter{font-size:90px;line-height:120px;min-height:120px;min-width:120px}.key{font-size:18px;height:45px;width:45px}.keyboard-row:last-child .key{font-size:14px;width:220px}.keyboard-row{gap:6px}.keyboard{gap:8px}.letters-instructions{font-size:18px}}@media (max-width:480px){.target-letter{font-size:70px;line-height:100px;min-height:100px;min-width:100px}.key{font-size:16px;height:35px;width:35px}.keyboard-row:last-child .key{font-size:12px;width:180px}.keyboard-row{gap:4px}.keyboard{gap:6px}.letters-stats{flex-direction:column;gap:5px}}
/*# sourceMappingURL=main.4379747b.css.map*/