@import url(https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:ital,wght@0,200..800;1,200..800&display=swap);.game-container[data-v-0f2e6170]{display:flex;justify-content:center;align-items:center;min-height:80vh;padding:0 20px 20px}.game-content[data-v-0f2e6170]{text-align:center;max-width:500px;width:100%}.game-title[data-v-0f2e6170]{font-size:3.5rem;font-weight:600;color:#1a1a1a;margin-bottom:60px;transition:color .3s ease}.dark-mode .game-title[data-v-0f2e6170]{color:#e0e0e0}.start-screen[data-v-0f2e6170]{display:flex;flex-direction:column;align-items:center;gap:30px}.level-text[data-v-0f2e6170]{font-size:1.2rem;color:#666;margin:0;transition:color .3s ease}.dark-mode .level-text[data-v-0f2e6170]{color:#999}.play-button[data-v-0f2e6170]{background-color:#1a1a1a;color:#fff;border:none;padding:20px 80px;font-size:1.3rem;font-weight:500;border-radius:10px;cursor:pointer;transition:all .3s ease;flex:1}.play-button[data-v-0f2e6170]:hover{background-color:#333;transform:translateY(-2px);box-shadow:0 4px 12px rgba(107,123,247,.3)}.dark-mode .play-button[data-v-0f2e6170]{background-color:#e0e0e0;color:#0f0f0f}.dark-mode .play-button[data-v-0f2e6170]:hover{background-color:#fff}.game-screen[data-v-0f2e6170]{display:flex;flex-direction:column;gap:25px}.level-indicator[data-v-0f2e6170]{font-size:1rem;color:#999;margin:0;transition:color .3s ease}.dark-mode .level-indicator[data-v-0f2e6170]{color:#666}.word-display[data-v-0f2e6170]{font-size:2.5rem;font-weight:600;letter-spacing:8px;color:#1a1a1a;padding:30px;background:#f8f8f8;border-radius:12px;min-height:80px;display:flex;align-items:center;justify-content:center;transition:all .3s ease}.dark-mode .word-display[data-v-0f2e6170]{color:#e0e0e0;background:#1a1a1a}.input-field[data-v-0f2e6170]{width:100%;padding:16px 20px;font-size:1.1rem;border:2px solid #e0e0e0;border-radius:10px;outline:none;transition:all .3s ease;box-sizing:border-box;background-color:#fff;color:#1a1a1a}.input-field[data-v-0f2e6170]:focus{border-color:#6b7bf7}.dark-mode .input-field[data-v-0f2e6170]{background-color:#1a1a1a;color:#e0e0e0;border-color:#3a3a3a}.dark-mode .input-field[data-v-0f2e6170]:focus{border-color:#6b7bf7}.hint-text[data-v-0f2e6170]{padding:10px 16px;background-color:#fff3cd;color:#856404;border-radius:8px;font-size:.95rem;font-weight:500;animation:fadeIn-0f2e6170 .3s ease;transition:all .3s ease}.dark-mode .hint-text[data-v-0f2e6170]{background-color:#3d3416;color:#ffc107}.button-group[data-v-0f2e6170]{display:flex;gap:12px;align-items:center}.submit-button[data-v-0f2e6170]{background-color:#1a1a1a;color:#fff;border:none;padding:16px 40px;font-size:1rem;font-weight:500;border-radius:10px;cursor:pointer;transition:all .3s ease;flex:1}.submit-button[data-v-0f2e6170]:hover{background-color:#333;transform:translateY(-1px)}.dark-mode .submit-button[data-v-0f2e6170]{background-color:#e0e0e0;color:#0f0f0f}.dark-mode .submit-button[data-v-0f2e6170]:hover{background-color:#fff}.hint-button[data-v-0f2e6170]{background-color:#fff;border:2px solid #e0e0e0;padding:12.5px 12px;border-radius:10px;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center}.hint-button[data-v-0f2e6170]:hover:not(:disabled){border-color:#ffc107;background-color:#fffbf0;transform:translateY(-1px)}.dark-mode .hint-button[data-v-0f2e6170]{background-color:#1a1a1a;border-color:#3a3a3a}.dark-mode .hint-button[data-v-0f2e6170]:hover:not(:disabled){border-color:#ffc107;background-color:#2a2a1a}.hint-button[data-v-0f2e6170]:disabled{opacity:.5;cursor:not-allowed}.hint-icon[data-v-0f2e6170]{width:24px;height:24px;display:block;transition:filter .3s ease}.dark-mode .hint-icon[data-v-0f2e6170]{filter:brightness(0) invert(1)}.feedback[data-v-0f2e6170]{padding:12px 20px;border-radius:8px;font-weight:500;animation:fadeIn-0f2e6170 .3s ease;transition:all .3s ease}.feedback.correct[data-v-0f2e6170]{background-color:#e8f5e9;color:#2e7d32}.dark-mode .feedback.correct[data-v-0f2e6170]{background-color:#1b3d1f;color:#81c784}.feedback.incorrect[data-v-0f2e6170]{background-color:#ffebee;color:#c62828}.dark-mode .feedback.incorrect[data-v-0f2e6170]{background-color:#3d1b1b;color:#e57373}@keyframes fadeIn-0f2e6170{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.stats-container[data-v-6e150f68]{display:flex;justify-content:center;align-items:center;min-height:80vh;padding:20px}.stats-content[data-v-6e150f68]{text-align:center;max-width:600px;width:100%}.stats-title[data-v-6e150f68]{font-size:2.5rem;font-weight:600;color:#1a1a1a;margin-bottom:40px;transition:color .3s ease}.dark-mode .stats-title[data-v-6e150f68]{color:#e0e0e0}.stats-grid[data-v-6e150f68]{display:grid;grid-template-columns:repeat(2,1fr);gap:20px;margin-bottom:40px}.stat-card[data-v-6e150f68]{background:#f8f8f8;padding:30px 20px;border-radius:12px;transition:all .3s ease}.dark-mode .stat-card[data-v-6e150f68]{background:#1a1a1a}.stat-card[data-v-6e150f68]:hover{transform:translateY(-4px)}.stat-number[data-v-6e150f68]{font-size:2.5rem;font-weight:700;color:#1a1a1a;margin-bottom:8px;transition:color .3s ease}.dark-mode .stat-number[data-v-6e150f68]{color:#e0e0e0}.stat-number.correct-color[data-v-6e150f68]{color:#2e7d32}.dark-mode .stat-number.correct-color[data-v-6e150f68]{color:#81c784}.stat-number.incorrect-color[data-v-6e150f68]{color:#c62828}.dark-mode .stat-number.incorrect-color[data-v-6e150f68]{color:#e57373}.stat-label[data-v-6e150f68]{font-size:.9rem;color:#666;text-transform:uppercase;letter-spacing:.5px;transition:color .3s ease}.dark-mode .stat-label[data-v-6e150f68]{color:#999}.reset-button[data-v-6e150f68]{background-color:#1a1a1a;color:#fff;border:none;padding:16px 40px;font-size:1rem;font-weight:500;border-radius:10px;cursor:pointer;transition:all .3s ease}.reset-button[data-v-6e150f68]:hover{background-color:#333;transform:translateY(-1px)}.dark-mode .reset-button[data-v-6e150f68]{background-color:#e0e0e0;color:#0f0f0f}.dark-mode .reset-button[data-v-6e150f68]:hover{background-color:#fff}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Plus Jakarta Sans,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;background-color:#fff;color:#1a1a1a;transition:background-color .3s ease,color .3s ease}#app{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;min-height:100vh}#app.dark-mode,#app.dark-mode body{background-color:#0f0f0f;color:#e0e0e0}.tab-navigation{display:flex;justify-content:space-between;align-items:center;padding:30px 20px 20px;border-bottom:1px solid #e0e0e0;transition:border-color .3s ease}.dark-mode .tab-navigation{border-bottom-color:#2a2a2a}.tabs{display:flex;gap:10px;flex:1;justify-content:center}.tab-button{background:none;border:none;padding:12px 30px;font-size:1rem;font-weight:500;color:#999;cursor:pointer;border-radius:8px;transition:all .3s ease;position:relative}.tab-button:hover{color:#1a1a1a;background-color:#f8f8f8}.dark-mode .tab-button:hover{color:#e0e0e0;background-color:#1a1a1a}.tab-button.active{color:#1a1a1a;background-color:#f0f0f0}.dark-mode .tab-button.active{color:#e0e0e0;background-color:#1f1f1f}.dark-mode-toggle{background:none;border:2px solid #e0e0e0;width:44px;height:44px;border-radius:10px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .3s ease;color:#1a1a1a}.dark-mode-toggle:hover{background-color:#f8f8f8;transform:rotate(15deg) scale(1.05)}.dark-mode .dark-mode-toggle{border-color:#3a3a3a;color:#fff}.dark-mode .dark-mode-toggle:hover{background-color:#1a1a1a;border-color:#4a4a4a}.dark-mode-toggle svg{transition:color .3s ease}.tab-content{padding:20px}