body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}:root{--bg-color:#f8f9fa;--bg-primary:#fff;--bg-secondary:#f1f3f5;--bg-hover:#e9ecef;--card-bg:#fff;--text-color:#212529;--text-secondary:#6c757d;--border-color:#dee2e6;--custom-border-color:#dee2e6;--disabled-color:#adb5bd;--hover-color:#e9ecef;--green-color:#0cce6b;--focus-color:#667eea;--focus-color-dark:#5a67d8;--focus-color-rgb:102,126,234;--neutral-text-color:#6c757d;--header-font-size:28px;--title-font-size:22px;--text-font-size:16px;--button-font-size:14px;--cell-size:48px;--side-column-size:60px;--navbar-height:60px;--transition:all 0.2s ease;--shadow-sm:0 1px 2px #0000000d;--shadow-md:0 4px 6px #0000001a;--shadow-lg:0 10px 25px #00000026}[data-theme=dark]{--bg-color:#0d1117;--bg-primary:#161b22;--bg-secondary:#21262d;--bg-hover:#30363d;--card-bg:#161b22;--text-color:#f0f6fc;--text-secondary:#8b949e;--border-color:#30363d;--custom-border-color:#30363d;--disabled-color:#484f58;--hover-color:#21262d;--focus-color:#7c3aed;--focus-color-dark:#6d28d9;--focus-color-rgb:124,58,237;--neutral-text-color:#8b949e}@font-face{font-display:swap;font-family:Nunito;font-weight:600;src:url(/static/media/Nunito-SemiBold.ae592fe018d712c287a2.ttf)}@font-face{font-display:swap;font-family:Nunito;font-weight:700;src:url(/static/media/Nunito-Bold.275dd55e10ba966bcb9b.ttf)}@font-face{font-display:swap;font-family:Nunito;font-weight:800;src:url(/static/media/Nunito-ExtraBold.7415babff1752bd4ea44.ttf)}@font-face{font-display:swap;font-family:Nunito;font-weight:500;src:url(/static/media/Nunito-Medium.06740446a9f13288701b.ttf)}@font-face{font-display:swap;font-family:Nunito;font-weight:400;src:url(/static/media/Nunito-Regular.9d7a6e03c6e3ed49c7ac.ttf)}*,:after,:before{box-sizing:border-box}html{-webkit-text-size-adjust:100%;-webkit-tap-highlight-color:transparent;height:100%}body,html{overflow-x:hidden}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#f8f9fa;background-color:var(--bg-color);color:#212529;color:var(--text-color);font-family:Nunito,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:16px;font-size:var(--text-font-size);font-weight:500;line-height:1.5;margin:0;min-height:100%;padding:0;transition:background-color .2s ease,color .2s ease}#root,.App{display:flex;flex-direction:column;min-height:100vh}.App{background-color:#f8f9fa;background-color:var(--bg-color);transition:all .2s ease;transition:var(--transition)}.main-content{flex:1 1;min-height:0;overflow-y:auto;padding-top:60px;padding-top:var(--navbar-height)}h1,h2,h3,h4,h5,h6{font-weight:700;line-height:1.2;margin:0}h1{font-size:28px;font-size:var(--header-font-size)}h2{font-size:22px;font-size:var(--title-font-size)}p{margin:0}a{color:#667eea;color:var(--focus-color);text-decoration:none}a:hover{text-decoration:underline}button,input,select,textarea{font-family:inherit;font-size:inherit}button{background:none;border:none;cursor:pointer;padding:0}button:disabled{cursor:not-allowed;opacity:.5}button:focus,input:focus,select:focus,textarea:focus{outline:none}.sr-only{clip:rect(0,0,0,0);border:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;white-space:nowrap;width:1px}::-webkit-scrollbar{height:8px;width:8px}::-webkit-scrollbar-track{background:#f1f3f5;background:var(--bg-secondary)}::-webkit-scrollbar-thumb{background:#dee2e6;background:var(--border-color);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#6c757d;background:var(--text-secondary)}@supports (padding:env(safe-area-inset-top)){.App{padding:env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left)}}::selection{background:#667eea;background:var(--focus-color);color:#fff}:focus-visible{outline:2px solid #667eea;outline:2px solid var(--focus-color);outline-offset:2px}@media print{.mode-selector,.nav-button,.navbar{display:none!important}}.word-info-container{align-items:center;display:flex;left:100%;margin-left:6px;position:absolute;top:calc(2px + var(--cell-size)/2);transform:translateY(-50%)}.word-info-button{align-items:center;background:#80808033;border:none;border-radius:50%;color:#666;color:var(--text-secondary,#666);cursor:pointer;display:inline-flex;height:18px;justify-content:center;margin-left:4px;opacity:.6;padding:0;transition:all .2s ease;width:18px}.word-info-button:hover{background:#8080804d;opacity:1;transform:scale(1.1)}.word-info-button:focus{box-shadow:0 0 0 2px #3b82f680;box-shadow:0 0 0 2px var(--focus-color,#3b82f680);outline:none}.word-info-button svg{flex-shrink:0}.word-info-popup{animation:wordInfoSlideDown .2s ease-out;background:#fff;background:var(--bg-primary,#fff);border-radius:12px;box-shadow:0 4px 20px #00000026,0 0 0 1px #0000000d;max-height:min(400px,60vh);max-width:350px;min-width:280px;overflow-y:auto;position:fixed;z-index:10000}@keyframes wordInfoSlideDown{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.word-info-header{align-items:center;border-bottom:1px solid #0000001a;border-bottom:1px solid var(--border-color,#0000001a);display:flex;justify-content:space-between;padding:12px 16px}.word-info-title{color:#1a1a1a;color:var(--text-color,#1a1a1a);font-size:16px;font-weight:600;letter-spacing:.5px;margin:0}.word-info-close{align-items:center;background:#0000;border:none;border-radius:50%;color:#666;color:var(--text-secondary,#666);cursor:pointer;display:flex;font-size:20px;height:24px;justify-content:center;line-height:1;padding:0;transition:all .15s ease;width:24px}.word-info-close:hover{background:#0000000d;color:#1a1a1a;color:var(--text-color,#1a1a1a)}.word-info-content{max-height:300px;overflow-y:auto;padding:12px 16px 16px}.word-info-meta{display:flex;gap:12px;margin-bottom:12px}.word-info-frequency{background:linear-gradient(135deg,#e8f5e9,#c8e6c9);color:#2e7d32;font-weight:500}.word-info-frequency,.word-info-length{align-items:center;border-radius:20px;display:inline-flex;font-size:12px;padding:4px 10px}.word-info-length{background:#8080801a}.word-info-length,.word-info-loading{color:#666;color:var(--text-secondary,#666)}.word-info-loading{align-items:center;display:flex;font-size:14px;gap:8px;justify-content:center;padding:20px}.word-info-loading .spinner{animation:spin .8s linear infinite;border:2px solid #80808033;border-radius:50%;border-top:2px solid var(--primary-color,#3b82f6);height:16px;width:16px}.word-info-error{background:#ef44441a;border-radius:8px;color:#dc2626;font-size:13px;padding:12px;text-align:center}.word-info-definitions{display:flex;flex-direction:column;gap:12px}.word-info-pos-group{display:flex;flex-direction:column;gap:4px}.word-info-pos{background:#3b82f61a;border-radius:4px;color:#3b82f6;display:inline-block;font-size:11px;font-weight:600;letter-spacing:.5px;padding:2px 8px;text-transform:uppercase;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.word-info-def-list{margin:4px 0 0;padding-left:20px}.word-info-def-item{color:#212529;color:var(--text-color,#212529);font-size:13px;line-height:1.5;margin-bottom:8px}.word-info-def-item:last-child{margin-bottom:0}.word-info-def-text{display:block}.word-info-example{border-left:2px solid #80808033;display:block;font-size:12px;margin-top:4px;padding-left:8px}.word-info-example,.word-info-no-defs{color:#666;color:var(--text-secondary,#666);font-style:italic}.word-info-no-defs{font-size:13px;padding:12px;text-align:center}.dark-mode .word-info-popup,[data-theme=dark] .word-info-popup{background:#1e1e1e;background:var(--bg-primary,#1e1e1e);box-shadow:0 4px 20px #0006,0 0 0 1px #ffffff1a}.dark-mode .word-info-header,[data-theme=dark] .word-info-header{border-bottom-color:#ffffff1a}.dark-mode .word-info-title,[data-theme=dark] .word-info-title{color:#f0f6fc}.dark-mode .word-info-frequency,[data-theme=dark] .word-info-frequency{background:linear-gradient(135deg,#1b5e20,#2e7d32);color:#a5d6a7}.dark-mode .word-info-length,[data-theme=dark] .word-info-length{background:#ffffff1a;color:#8b949e}.dark-mode .word-info-close,[data-theme=dark] .word-info-close{color:#8b949e}.dark-mode .word-info-close:hover,[data-theme=dark] .word-info-close:hover{background:#ffffff1a;color:#f0f6fc}.dark-mode .word-info-def-item,[data-theme=dark] .word-info-def-item{color:#f0f6fc}.dark-mode .word-info-example,[data-theme=dark] .word-info-example{border-left-color:#fff3;color:#8b949e}.dark-mode .word-info-pos,[data-theme=dark] .word-info-pos{background:#58a6ff26;color:#58a6ff}.dark-mode .word-info-loading,.dark-mode .word-info-no-defs,[data-theme=dark] .word-info-loading,[data-theme=dark] .word-info-no-defs{color:#8b949e}@media (max-width:600px){.word-info-container{margin-left:4px}}@media (max-width:380px){.word-info-container{margin-left:2px;top:calc(1px + var(--cell-size)/2)}}.modal-overlay{align-items:center;animation:fadeIn .2s ease;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0009;bottom:0;display:flex;justify-content:center;left:0;padding:1rem;position:fixed;right:0;top:0;z-index:1000}.login-modal{animation:slideUp .3s ease;background:#fff;background:var(--card-bg,#fff);border-radius:20px;box-shadow:0 20px 60px #0000004d;max-width:420px;padding:2rem;position:relative;width:100%}.close-button{align-items:center;background:none;border:none;border-radius:50%;color:var(--text-secondary);cursor:pointer;display:flex;font-size:1.75rem;height:36px;justify-content:center;position:absolute;right:1rem;top:1rem;transition:all .2s ease;width:36px}.close-button:hover{background:var(--bg-secondary);color:var(--text-color)}.modal-header{margin-bottom:1.5rem;text-align:center}.modal-header h2{color:var(--text-color);font-size:1.75rem;font-weight:800;margin:0}.modal-message{color:var(--text-secondary);font-size:.95rem;line-height:1.5;margin-top:.75rem}.error-message{align-items:center;background:#fef2f2;border:1px solid #fecaca;border-radius:10px;color:#dc2626;display:flex;font-size:.9rem;gap:.5rem;margin-bottom:1rem;padding:.75rem 1rem}.error-message i{flex-shrink:0}[data-theme=dark] .error-message{background:#dc26261a;border-color:#dc26264d}.auth-form{gap:1rem}.auth-form,.form-group{display:flex;flex-direction:column}.form-group{gap:.5rem}.form-group label{color:var(--text-color);font-size:.9rem;font-weight:600}.form-group input{background:var(--bg-primary);border:2px solid var(--border-color);border-radius:10px;color:var(--text-color);font-family:inherit;font-size:1rem;padding:.875rem 1rem;transition:all .2s ease}.form-group input:focus{border-color:var(--focus-color);box-shadow:0 0 0 3px rgba(var(--focus-color-rgb),.15);outline:none}.form-group input::placeholder{color:var(--text-secondary);opacity:.7}.submit-button{align-items:center;background:linear-gradient(135deg,var(--focus-color) 0,var(--focus-color-dark) 100%);border:none;border-radius:10px;color:#fff;cursor:pointer;display:flex;font-family:inherit;font-size:1rem;font-weight:700;justify-content:center;margin-top:.5rem;min-height:52px;padding:1rem;transition:all .2s ease}.submit-button:hover:not(:disabled){box-shadow:0 4px 15px rgba(var(--focus-color-rgb),.4);transform:translateY(-1px)}.submit-button:disabled{cursor:not-allowed;opacity:.7}.loading-spinner-small{animation:spin .8s linear infinite;border:2px solid #ffffff4d;border-radius:50%;border-top-color:#fff;height:20px;width:20px}.auth-switch{border-top:1px solid var(--border-color);margin-top:1.5rem;padding-top:1.5rem;text-align:center}.auth-switch p{color:var(--text-secondary);margin:0}.auth-switch button{background:none;border:none;color:var(--focus-color);cursor:pointer;font-family:inherit;font-size:inherit;font-weight:700}.auth-switch button:hover{text-decoration:underline}.auth-benefits{background:var(--bg-secondary);border-radius:12px;margin-top:1.5rem;padding:1rem}.auth-benefits h4{color:var(--text-color);font-size:.9rem;margin:0 0 .75rem}.auth-benefits ul{grid-gap:.5rem;display:grid;gap:.5rem;grid-template-columns:repeat(2,1fr);list-style:none;margin:0;padding:0}.auth-benefits li{align-items:center;color:var(--text-secondary);display:flex;font-size:.85rem;gap:.5rem}.auth-benefits li i{color:var(--focus-color);text-align:center;width:16px}@media (max-width:480px){.login-modal{padding:1.5rem}.modal-header h2{font-size:1.5rem}.auth-benefits ul{grid-template-columns:1fr}}.rewarded-ad-button{align-items:center;background:linear-gradient(135deg,#10b981,#059669);border:none;border-radius:8px;box-shadow:0 2px 8px #10b9814d;color:#fff;cursor:pointer;display:flex;font-size:1rem;font-weight:600;gap:.5rem;justify-content:center;padding:.75rem 1.5rem;transition:all .2s ease;width:100%}.rewarded-ad-button:hover:not(:disabled){box-shadow:0 4px 12px #10b98166;transform:translateY(-1px)}.rewarded-ad-button:active:not(:disabled){transform:translateY(0)}.rewarded-ad-button:disabled{cursor:not-allowed;opacity:.6}.rewarded-ad-button svg{font-size:.9rem}.rewarded-ad-overlay{align-items:center;animation:fadeIn .3s ease;background:#000000e6;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:10000}.rewarded-ad-container{animation:slideUp .3s ease;background:#fff;background:var(--card-bg,#fff);border-radius:16px;max-width:400px;padding:2rem;text-align:center;width:90%}.rewarded-ad-content h3{color:#333;color:var(--text-color,#333);font-size:1.25rem;margin:0 0 1rem}.rewarded-ad-content p{color:#666;color:var(--text-secondary,#666);font-size:.9rem;line-height:1.5;margin:0 0 1.5rem}.rewarded-ad-timer{width:100%}.timer-text{color:#666;color:var(--text-secondary,#666);display:block;font-size:.85rem;margin-bottom:.5rem}.timer-bar{background:linear-gradient(90deg,#10b981,#059669);border-radius:2px;height:4px;transition:width .1s linear;width:0}[data-theme=dark] .rewarded-ad-container{background:#1a1a2e;background:var(--card-bg,#1a1a2e)}[data-theme=dark] .rewarded-ad-content h3{color:#f0f0f0;color:var(--text-color,#f0f0f0)}[data-theme=dark] .rewarded-ad-content p,[data-theme=dark] .timer-text{color:#aaa;color:var(--text-secondary,#aaa)}.hint-unlock-overlay{align-items:center;animation:fadeIn .2s ease;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0009;bottom:0;display:flex;justify-content:center;left:0;padding:1rem;position:fixed;right:0;top:0;z-index:1000}.hint-unlock-modal{animation:slideUp .3s ease;background:#fff;background:var(--card-bg,#fff);border-radius:16px;box-shadow:0 20px 40px #0003;max-width:380px;padding:1.5rem;position:relative;width:100%}.hint-unlock-close{align-items:center;background:none;border:none;color:#888;color:var(--text-secondary,#888);cursor:pointer;display:flex;font-size:1.25rem;justify-content:center;padding:.25rem;position:absolute;right:1rem;top:1rem;transition:color .2s ease}.hint-unlock-close:hover{color:#333;color:var(--text-color,#333)}.hint-unlock-header{margin-bottom:1.25rem;text-align:center}.hint-unlock-icon{align-items:center;background:linear-gradient(135deg,#fbbf24,#f59e0b);border-radius:50%;box-shadow:0 4px 12px #fbbf244d;color:#fff;display:flex;font-size:1.5rem;height:60px;justify-content:center;margin:0 auto 1rem;width:60px}.hint-unlock-header h2{color:#333;color:var(--text-color,#333);font-size:1.25rem;margin:0 0 .5rem}.hint-unlock-subtitle{color:#666;color:var(--text-secondary,#666);font-size:.9rem;line-height:1.4;margin:0}.hint-unlock-balance{align-items:center;background:#667eea1a;border-radius:8px;color:#667eea;color:var(--focus-color,#667eea);display:flex;font-size:.9rem;gap:.5rem;justify-content:center;margin-bottom:1.25rem;padding:.75rem}.hint-unlock-balance svg{color:#f59e0b}.hint-unlock-options{display:flex;flex-direction:column;gap:1rem;margin-bottom:1rem}.hint-unlock-option{text-align:center}.option-description{margin:.5rem 0 0}.buy-hints-button{align-items:center;background:linear-gradient(135deg,#667eea,#5a67d8);background:linear-gradient(135deg,var(--focus-color,#667eea) 0,#5a67d8 100%);border:none;border-radius:8px;box-shadow:0 2px 8px #667eea4d;color:#fff;cursor:pointer;display:flex;font-size:1rem;font-weight:600;gap:.5rem;justify-content:center;padding:.75rem 1.5rem;transition:all .2s ease;width:100%}.buy-hints-button:hover{box-shadow:0 4px 12px #667eea66;transform:translateY(-1px)}.buy-hints-button:active{transform:translateY(0)}.hint-unlock-cancel{background:none;border:1px solid #ddd;border:1px solid var(--border-color,#ddd);border-radius:8px;color:#666;color:var(--text-secondary,#666);cursor:pointer;font-size:.9rem;padding:.75rem;transition:all .2s ease;width:100%}.hint-unlock-cancel:hover{background:#f5f5f5;background:var(--bg-secondary,#f5f5f5);color:#333;color:var(--text-color,#333)}[data-theme=dark] .hint-unlock-modal{background:#1a1a2e;background:var(--card-bg,#1a1a2e)}[data-theme=dark] .hint-unlock-header h2{color:#f0f0f0;color:var(--text-color,#f0f0f0)}[data-theme=dark] .hint-unlock-subtitle,[data-theme=dark] .option-description{color:#aaa;color:var(--text-secondary,#aaa)}[data-theme=dark] .hint-unlock-balance{background:#667eea26}[data-theme=dark] .hint-unlock-cancel{border-color:#30363d;border-color:var(--border-color,#30363d);color:#aaa;color:var(--text-secondary,#aaa)}[data-theme=dark] .hint-unlock-cancel:hover{background:#252540;background:var(--bg-secondary,#252540);color:#f0f0f0;color:var(--text-color,#f0f0f0)}@media (max-width:480px){.hint-unlock-modal{margin:.5rem;padding:1.25rem}.hint-unlock-icon{font-size:1.25rem;height:50px;width:50px}.hint-unlock-header h2{font-size:1.1rem}}.purchase-overlay{align-items:center;animation:fadeIn .2s ease;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0009;bottom:0;display:flex;justify-content:center;left:0;overflow-y:auto;padding:1rem;position:fixed;right:0;top:0;z-index:1000}.purchase-modal{animation:slideUp .3s ease;background:#fff;background:var(--card-bg,#fff);border-radius:16px;box-shadow:0 20px 40px #0003;max-height:90vh;max-width:420px;overflow-y:auto;padding:1.5rem;position:relative;width:100%}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.purchase-close{align-items:center;background:none;border:none;color:#888;color:var(--text-secondary,#888);cursor:pointer;display:flex;font-size:1.25rem;justify-content:center;padding:.25rem;position:absolute;right:1rem;top:1rem;transition:color .2s ease;z-index:1}.purchase-close:hover{color:#333;color:var(--text-color,#333)}.purchase-header{margin-bottom:1.25rem;text-align:center}.purchase-header h2{color:#333;color:var(--text-color,#333);font-size:1.35rem;margin:0 0 .5rem}.purchase-balance{color:#666;color:var(--text-secondary,#666);font-size:.9rem;margin:0}.purchase-balance strong{color:#667eea;color:var(--focus-color,#667eea)}.purchase-error{background:#ef44441a;border:1px solid #ef44444d;border-radius:8px;color:#dc2626;font-size:.85rem;margin-bottom:1rem;padding:.75rem 1rem;text-align:center}.purchase-section{margin-bottom:1.25rem}.purchase-section h3{color:#666;color:var(--text-secondary,#666);font-size:.9rem;letter-spacing:.5px;margin:0 0 .75rem;text-transform:uppercase}.purchase-options{display:flex;flex-direction:column;gap:.75rem}.purchase-option{align-items:center;background:#f8f9fa;background:var(--bg-secondary,#f8f9fa);border:2px solid #0000;border-radius:12px;cursor:pointer;display:flex;gap:1rem;padding:1rem;position:relative;text-align:left;transition:all .2s ease}.purchase-option:hover:not(:disabled){background:#f0f1f3;background:var(--bg-tertiary,#f0f1f3);border-color:#667eea;border-color:var(--focus-color,#667eea)}.purchase-option:disabled{cursor:not-allowed;opacity:.6}.purchase-option.selected{background:#667eea1a;border-color:#667eea;border-color:var(--focus-color,#667eea)}.option-badge{background:linear-gradient(135deg,#f59e0b,#d97706);border-radius:4px;color:#fff;font-size:.65rem;font-weight:700;letter-spacing:.5px;padding:.2rem .5rem;position:absolute;right:12px;text-transform:uppercase;top:-8px}.option-icon{align-items:center;background:linear-gradient(135deg,#667eea,#5a67d8);background:linear-gradient(135deg,var(--focus-color,#667eea) 0,#5a67d8 100%);border-radius:10px;color:#fff;display:flex;flex-shrink:0;font-size:1.1rem;height:44px;justify-content:center;width:44px}.remove-ads-icon{background:linear-gradient(135deg,#ef4444,#dc2626)}.option-details{display:flex;flex:1 1;flex-direction:column;gap:.15rem}.option-name{color:#333;color:var(--text-color,#333);font-size:1rem;font-weight:600}.option-description{color:#888;color:var(--text-secondary,#888);font-size:.8rem}.option-price{color:#667eea;color:var(--focus-color,#667eea);font-size:1.1rem;font-weight:700}.option-check{color:#10b981;color:var(--green-color,#10b981);font-size:1.1rem;opacity:0;transition:opacity .2s ease}.purchase-option.selected .option-check,.purchase-option:hover .option-check{opacity:1}.option-loading{color:#667eea;color:var(--focus-color,#667eea);font-size:1.1rem}.remove-ads-option{background:linear-gradient(135deg,#ef44440d,#ef44441a)}.remove-ads-option:hover:not(:disabled){border-color:#ef4444}.remove-ads-option .option-price{color:#ef4444}.ads-removed-banner{background:#10b9811a;border:1px solid #10b9814d;border-radius:8px;color:#10b981;color:var(--green-color,#10b981)}.ads-removed-banner,.restore-button{align-items:center;display:flex;font-size:.9rem;gap:.5rem;justify-content:center;padding:.75rem}.restore-button{background:none;border:1px solid #ddd;border:1px solid var(--border-color,#ddd);border-radius:8px;color:#666;color:var(--text-secondary,#666);cursor:pointer;margin-bottom:1rem;transition:all .2s ease;width:100%}.restore-button:hover:not(:disabled){background:#f5f5f5;background:var(--bg-secondary,#f5f5f5);color:#333;color:var(--text-color,#333)}.restore-button:disabled{cursor:not-allowed;opacity:.6}.purchase-note{color:#999;color:var(--text-tertiary,#999);font-size:.75rem;margin:0;text-align:center}[data-theme=dark] .purchase-modal{background:#1a1a2e;background:var(--card-bg,#1a1a2e)}[data-theme=dark] .purchase-header h2{color:#f0f0f0;color:var(--text-color,#f0f0f0)}[data-theme=dark] .purchase-option{background:#252540;background:var(--bg-secondary,#252540)}[data-theme=dark] .purchase-option:hover:not(:disabled){background:#2d2d4a;background:var(--bg-tertiary,#2d2d4a)}[data-theme=dark] .option-name{color:#f0f0f0;color:var(--text-color,#f0f0f0)}[data-theme=dark] .restore-button{border-color:#30363d;border-color:var(--border-color,#30363d);color:#aaa;color:var(--text-secondary,#aaa)}[data-theme=dark] .restore-button:hover:not(:disabled){background:#252540;background:var(--bg-secondary,#252540);color:#f0f0f0;color:var(--text-color,#f0f0f0)}@media (max-width:480px){.purchase-modal{margin:.5rem;padding:1.25rem}.purchase-header h2{font-size:1.2rem}.purchase-option{padding:.875rem}.option-icon{font-size:1rem;height:40px;width:40px}}.game-page{align-items:center;display:flex;flex-direction:column;justify-content:flex-start;min-height:100%;position:relative;transition:var(--transition);width:100%}.game-container{box-sizing:border-box;padding:45px 20px}.headline{align-items:center;color:#000;display:flex;flex-direction:row;font-size:var(--title-font-size);height:50px;justify-content:center;text-align:center;transition:var(--transition)}.dark-mode .headline{color:#fff}.game-container{align-items:center;display:flex;flex-direction:column;position:relative;width:100%}.game-center-container{max-width:100%;width:100%}.form-container{align-items:flex-start;flex-direction:column;margin:0 auto}.form-container,.word-row{display:flex;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.word-row{justify-content:flex-start;margin-bottom:10px;position:relative}.filler{width:var(--side-column-size)}.button-box{flex:0 0 auto;left:calc((var(--cell-size) + 8px)*-1);position:absolute}.button-box,.letter-box{align-items:center;background-color:initial;border:2px solid var(--custom-border-color);border-radius:5px;caret-color:#0000;color:var(--text-color);cursor:pointer;display:flex;font-size:var(--text-font-size);font-weight:750;height:var(--cell-size);justify-content:center;margin:2px;padding:0;text-align:center;text-transform:uppercase;transition:var(--transition);-webkit-user-select:none;user-select:none;width:var(--cell-size)}.letter-box.active{border-color:var(--focus-color);box-shadow:0 0 10px var(--focus-color)}.letter-box.fixed{cursor:default;opacity:.9}.letter-box.guessed{background-color:#0cce6b1a;cursor:default}.letter-box.error{animation:shake .5s;border-color:#e15554}.letter-box:focus{border-color:var(--focus-color);box-shadow:0 0 10px var(--focus-color);outline:none!important}.action-button{background-color:initial;border:0;border-radius:0;color:#737674;font-size:var(--button-font-size);font-weight:750;height:var(--cell-size);margin:2px;padding:0;text-align:center;text-transform:uppercase;transition:var(--transition);width:var(--cell-size)}button[value=delete]:hover{color:#e15554}#targetWordContainer{margin-top:0}#targetButtonContainer:before,#targetWordContainer:before{background-color:var(--custom-border-color);border-radius:1px;content:"";height:2px;left:5px;position:absolute;right:5px;top:-4px;transition:var(--transition)}#targetButtonContainer:before{background-color:initial}.word-container{display:flex;justify-content:flex-start;position:relative}.button-box{align-items:center;display:flex;justify-content:center;transition:var(--transition)}.button-container,.letter-container{display:flex;justify-content:flex-start;transition:var(--transition)}#startButtonBox,#targetButtonBox,.dark-mode #startButtonBox,.dark-mode #targetButtonBox{border:0}#backButton,#nextLevelButton{background:#0000;border:none;color:inherit;cursor:pointer;font-size:var(--text-font-size);transition:var(--transition)}#nextLevelArrow,.page_title{transition:var(--transition)}.page_title{min-width:300px}#backButton{margin-right:35px}#nextLevelButton{margin-left:35px}#backButton:disabled,#nextLevelButton:disabled{color:var(--disabled-color)}#progressBarContainer{border:1px solid var(--custom-border-color);border-radius:5px;height:25px;margin-bottom:20px;overflow:hidden;position:relative;transition:var(--transition);width:100%}#progressStatus{color:var(--text-color);font-weight:700;left:0;padding:2px;right:0;top:0;transition:var(--transition);z-index:2}#progressBar,#progressStatus{position:absolute;text-align:center}#progressBar{background-color:var(--green-color);border-radius:5px;height:100%;line-height:20px;transition:width .5s ease-in-out;width:30%;z-index:1}.shake-animation{animation:shake .5s}@keyframes shake{0%,to{transform:translateX(0)}25%,75%{transform:translateX(-10px)}50%{transform:translateX(10px)}}@keyframes flipInChanged{0%{background:linear-gradient(145deg,#0cce6b26,#0cce6b0d);border-color:var(--custom-border-color);box-shadow:0 2px 8px #0cce6b26,inset 0 1px 0 #ffffff1a;transform:rotateX(0deg)}50%{background:linear-gradient(145deg,#0cce6b26,#0cce6b0d);border-color:var(--custom-border-color);transform:rotateX(-90deg)}51%{background:linear-gradient(135deg,#fbbf2466,#f59e0b40);border-color:#f59e0b;transform:rotateX(-90deg)}to{background:linear-gradient(135deg,#fbbf2466,#f59e0b40);border-color:#f59e0b;box-shadow:0 0 12px #f59e0b80,inset 0 0 8px #fbbf2433;transform:rotateX(0deg)}}@keyframes flipInAdded{0%{background:linear-gradient(145deg,#0cce6b26,#0cce6b0d);border-color:var(--custom-border-color);box-shadow:0 2px 8px #0cce6b26,inset 0 1px 0 #ffffff1a;transform:rotateX(0deg)}50%{background:linear-gradient(145deg,#0cce6b26,#0cce6b0d);border-color:var(--custom-border-color);transform:rotateX(-90deg)}51%{background:linear-gradient(135deg,#fbbf2466,#f59e0b40);border-color:#f59e0b;transform:rotateX(-90deg)}to{background:linear-gradient(135deg,#fbbf2466,#f59e0b40);border-color:#f59e0b;box-shadow:0 0 12px #f59e0b80,inset 0 0 8px #fbbf2433;transform:rotateX(0deg)}}@keyframes flipInNormal{0%{transform:rotateX(0deg)}50%{transform:rotateX(-90deg)}to{transform:rotateX(0deg)}}.letter-box.flip{animation-duration:.5s;animation-fill-mode:forwards;animation-name:flipInNormal;animation-timing-function:ease-in-out}.letter-box.flip.letter-changed{animation-name:flipInChanged}.letter-box.flip.letter-added{animation-name:flipInAdded}.letter-box.flip-delay-0{animation-delay:0ms}.letter-box.flip-delay-1{animation-delay:.1s}.letter-box.flip-delay-2{animation-delay:.2s}.letter-box.flip-delay-3{animation-delay:.3s}.letter-box.flip-delay-4{animation-delay:.4s}.letter-box.flip-delay-5{animation-delay:.5s}.letter-box.flip-delay-6{animation-delay:.6s}.letter-box.flip-delay-7{animation-delay:.7s}.letter-box.flip-delay-8{animation-delay:.8s}.letter-box.flip-delay-9{animation-delay:.9s}.letter-box.guessed.insertion-edge,.letter-box.insertion-edge{position:relative}.letter-box.guessed.insertion-edge:before,.letter-box.insertion-edge:before{animation:edgePulse 1.5s ease-in-out infinite;background:#f59e0b;border-radius:1px;bottom:-2px;box-shadow:0 0 6px #f59e0bcc;content:"";left:-2px;position:absolute;top:-2px;width:2px}.letter-box.guessed.insertion-edge-before,.letter-box.insertion-edge-before{position:relative}.letter-box.guessed.insertion-edge-before:after,.letter-box.insertion-edge-before:after{animation:edgePulse 1.5s ease-in-out infinite;background:#f59e0b;border-radius:1px;bottom:-2px;box-shadow:0 0 6px #f59e0bcc;content:"";position:absolute;right:-2px;top:-2px;width:2px}.letter-box.guessed.insertion-edge-after,.letter-box.insertion-edge-after{position:relative}.letter-box.guessed.insertion-edge-after:before,.letter-box.insertion-edge-after:before{animation:edgePulse 1.5s ease-in-out infinite;background:#f59e0b;border-radius:1px;bottom:-2px;box-shadow:0 0 6px #f59e0bcc;content:"";left:-2px;position:absolute;top:-2px;width:2px}.letter-box.guessed.removal-edge,.letter-box.removal-edge{position:relative}.letter-box.guessed.removal-edge:before,.letter-box.removal-edge:before{animation:edgePulse 1.5s ease-in-out infinite;background:#f59e0b;border-radius:1px;bottom:-2px;box-shadow:0 0 6px #f59e0bcc;content:"";left:-2px;position:absolute;top:-2px;width:2px}.letter-box.guessed.removal-edge-before,.letter-box.removal-edge-before{position:relative}.letter-box.guessed.removal-edge-before:after,.letter-box.removal-edge-before:after{animation:edgePulse 1.5s ease-in-out infinite;background:#f59e0b;border-radius:1px;bottom:-2px;box-shadow:0 0 6px #f59e0bcc;content:"";position:absolute;right:-2px;top:-2px;width:2px}.letter-box.guessed.removal-edge-end,.letter-box.removal-edge-end{position:relative}.letter-box.guessed.removal-edge-end:after,.letter-box.removal-edge-end:after{animation:edgePulse 1.5s ease-in-out infinite;background:#f59e0b;border-radius:1px;bottom:-2px;box-shadow:0 0 6px #f59e0bcc;content:"";position:absolute;right:-2px;top:-2px;width:2px}@keyframes edgePulse{0%,to{box-shadow:0 0 8px #f59e0bcc,0 0 16px #f59e0b66;opacity:1}50%{box-shadow:0 0 12px #f59e0b,0 0 24px #f59e0b99;opacity:.7}}.letter-box.guessed.letter-changed:not(.flip),.letter-box.letter-changed:not(.flip){animation:changedPulse 2s ease-in-out infinite;background:linear-gradient(135deg,#fbbf2466,#f59e0b40)!important;border-color:#f59e0b!important;box-shadow:0 0 12px #f59e0b80,inset 0 0 8px #fbbf2433!important}@keyframes changedPulse{0%,to{box-shadow:0 0 12px #f59e0b80,inset 0 0 8px #fbbf2433}50%{box-shadow:0 0 20px #f59e0bb3,inset 0 0 12px #fbbf244d}}.letter-box.guessed.letter-added:not(.flip),.letter-box.letter-added:not(.flip){animation:changedPulse 2s ease-in-out infinite;background:linear-gradient(135deg,#fbbf2466,#f59e0b40)!important;border-color:#f59e0b!important;box-shadow:0 0 12px #f59e0b80,inset 0 0 8px #fbbf2433!important}.letter-box.guessed.letter-changed-temp,.letter-box.guessed.letter-removed-temp,.letter-box.letter-changed-temp,.letter-box.letter-removed-temp{background:linear-gradient(135deg,#fbbf2433,#f59e0b1a)!important;border-color:#f59e0b80!important;border-style:dashed!important;box-shadow:0 0 6px #f59e0b4d!important}.letter-box.guessed.insertion-edge-temp,.letter-box.insertion-edge-temp{position:relative}.letter-box.guessed.insertion-edge-temp:before,.letter-box.insertion-edge-temp:before{background:#f59e0b80;border-radius:1px;bottom:-2px;box-shadow:0 0 4px #f59e0b66;content:"";left:-2px;position:absolute;top:-2px;width:2px}.letter-box.guessed.insertion-edge-before-temp,.letter-box.insertion-edge-before-temp{position:relative}.letter-box.guessed.insertion-edge-before-temp:after,.letter-box.insertion-edge-before-temp:after{background:#f59e0b80;border-radius:1px;bottom:-2px;box-shadow:0 0 4px #f59e0b66;content:"";position:absolute;right:-2px;top:-2px;width:2px}.letter-box.guessed.insertion-edge-after-temp,.letter-box.insertion-edge-after-temp{position:relative}.letter-box.guessed.insertion-edge-after-temp:before,.letter-box.insertion-edge-after-temp:before{background:#f59e0b80;border-radius:1px;bottom:-2px;box-shadow:0 0 4px #f59e0b66;content:"";left:-2px;position:absolute;top:-2px;width:2px}.letter-box.guessed.insertion-edge-end-temp,.letter-box.insertion-edge-end-temp{position:relative}.letter-box.guessed.insertion-edge-end-temp:after,.letter-box.insertion-edge-end-temp:after{background:#f59e0b80;border-radius:1px;bottom:-2px;box-shadow:0 0 4px #f59e0b66;content:"";position:absolute;right:-2px;top:-2px;width:2px}.letter-box.proximity-exact{background:linear-gradient(135deg,#22c55e40,#16a34a26);border-color:#22c55e}.letter-box.proximity-present{background:linear-gradient(135deg,#eab30840,#ca8a0426);border-color:#eab308}.letter-box.proximity-absent{background:linear-gradient(135deg,#6b728026,#4b55631a);border-color:var(--border-color);opacity:.7}.letter-box:not(.fixed):hover{border-color:var(--focus-color);transform:scale(1.05)}.letter-box:not(.fixed):active{transform:scale(.95)}@keyframes popIn{0%{opacity:0;transform:scale(.8)}50%{transform:scale(1.1)}to{opacity:1;transform:scale(1)}}.letter-box.pop-in{animation:popIn .15s ease-out}.action-button{overflow:hidden;position:relative}.action-button:after{background:#ffffff4d;border-radius:50%;content:"";height:0;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);transition:width .3s ease,height .3s ease;width:0}.action-button:active:after{height:200%;width:200%}.confetti-container{height:100%;left:0;overflow:hidden;pointer-events:none;position:fixed;top:0;width:100%;z-index:1000}.confetti{animation:confettiFall 3s ease-out forwards;height:10px;opacity:0;position:absolute;width:10px}@keyframes confettiFall{0%{opacity:1;transform:translateY(-100vh) rotate(0deg)}to{opacity:0;transform:translateY(100vh) rotate(2turn)}}@keyframes victoryWave{0%,to{transform:translateY(0) scale(1)}25%{transform:translateY(-8px) scale(1.1)}50%{transform:translateY(0) scale(1)}}.letter-box.victory-wave{animation:victoryWave .6s ease-in-out forwards}.letter-box.victory:not(.letter-changed):not(.letter-added):not(.letter-changed-temp):not(.letter-removed-temp){background:linear-gradient(135deg,#22c55e4d,#10b98133);border-color:#22c55e;box-shadow:0 0 15px #22c55e80}.game-container{backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background:#ffffffb3;border:1px solid #ffffff4d;border-radius:20px;box-shadow:0 8px 32px #0000001a}[data-theme=dark] .game-container{background:#161b22cc;border:1px solid #ffffff1a;box-shadow:0 8px 32px #0000004d}.letter-box{background:linear-gradient(145deg,var(--card-bg) 0,var(--bg-secondary) 100%);box-shadow:0 2px 4px #0000001a,inset 0 1px 0 #ffffff1a;perspective:1000px;transform-style:preserve-3d}[data-theme=dark] .letter-box{box-shadow:0 2px 4px #0000004d,inset 0 1px 0 #ffffff0d}.letter-box.guessed{background:linear-gradient(145deg,#0cce6b26,#0cce6b0d);box-shadow:0 2px 8px #0cce6b26,inset 0 1px 0 #ffffff1a}.letter-box.fixed{background:linear-gradient(145deg,var(--bg-secondary) 0,var(--bg-hover) 100%);box-shadow:inset 0 2px 4px #0000001a}.action-button.button-valid{background:linear-gradient(145deg,#0cce6b33,#0cce6b1a);box-shadow:0 0 12px #0cce6b4d}.action-button.button-valid:hover{box-shadow:0 0 20px #0cce6b80;transform:scale(1.1)}.progress-bar-fill{box-shadow:0 0 10px #0cce6b66}.game-message{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:linear-gradient(135deg,#22c55e1a,#10b9810d);border:1px solid #22c55e4d;border-radius:16px}.game-message p{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#22c55e,#10b981);-webkit-background-clip:text;background-clip:text;text-shadow:none}.button-invalid{color:#737674!important}.button-exists{color:#ef8c5a!important}.button-valid{color:#0cce6b!important}.delete-button{color:#e15554}.delete-button:hover{color:#dc2626;transform:scale(1.1)}.game-message{margin-top:20px;padding:20px;text-align:center}.game-message p{color:#0cce6b;font-size:1.5rem;font-weight:700}.game-page-wrapper{align-items:center;display:flex;flex-direction:column;gap:10px;margin:0 auto;max-width:600px;padding:10px 16px 70px;width:100%}.progress-container{width:100%}.progress-bar-wrapper{background-color:#80808026;border:1px solid var(--custom-border-color);border-radius:5px;height:28px;overflow:hidden;position:relative;width:100%}.dark-mode .progress-bar-wrapper,[data-theme=dark] .progress-bar-wrapper{background-color:#ffffff1a}.progress-status{color:var(--text-color);font-size:.85rem;font-weight:700;left:0;padding:4px;position:absolute;right:0;text-align:center;top:0;z-index:2}.progress-bar-fill{background:linear-gradient(90deg,#0cce6b,#0fa858);border-radius:5px;transition:width .5s ease-in-out;z-index:1}.game-header{align-items:center;display:flex;gap:12px;justify-content:space-between;width:100%}.game-title{flex:1 1;font-weight:700;margin:0;text-align:center}.game-title,.nav-button{color:var(--text-color);font-size:1.2rem}.nav-button{background:#0000;border:none;border-radius:5px;cursor:pointer;padding:8px 12px;transition:all .2s ease}.nav-button:hover:not(:disabled){background-color:#0000001a}.nav-button:disabled{cursor:not-allowed;opacity:.3}.nav-button.next-button:not(:disabled){animation:pulse 2s infinite}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}.nav-button-placeholder{padding:8px 12px;width:40px}.mode-selector{gap:10px}.mode-button{background:#0000;border:2px solid var(--custom-border-color);border-radius:20px;color:var(--text-color);padding:8px 16px}.custom-inputs{gap:10px}.custom-inputs input{background:#0000;border:2px solid var(--custom-border-color)}.custom-inputs button{background:var(--focus-color);border:none;border-radius:5px;color:#fff;cursor:pointer;font-weight:600;padding:8px 20px}.api-status{background:#ef8c5ae6;border-radius:15px;color:#fff;font-size:.8rem;left:50%;padding:5px 15px;position:fixed;top:60px;transform:translateX(-50%);z-index:100}.loading{align-items:center;color:var(--text-color);display:flex;flex-direction:column;font-size:1.2rem;gap:1rem;height:200px;justify-content:center}.loading-spinner{border:3px solid var(--border-color);height:40px;width:40px}.loading-overlay{align-items:center;background:#0009;bottom:0;color:#fff;display:flex;flex-direction:column;font-size:1.1rem;font-weight:600;gap:1rem;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.loading-overlay .loading-spinner{border:4px solid #ffffff4d;border-top-color:#fff;height:50px;width:50px}.progress-container{position:relative}.progress-info{display:flex;margin-bottom:.35rem}.level-text,.progress-info{align-items:center;gap:.5rem}.level-text{color:var(--text-color);display:inline-flex;font-size:.9rem;font-weight:700}.level-text:before{animation:starPulse 2s ease-in-out infinite;content:"⭐";font-size:.8rem}@keyframes starPulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.8;transform:scale(1.2)}}.progress-divider{color:var(--text-secondary);font-weight:400}.progress-text{color:var(--text-secondary);font-size:.85rem;font-weight:600}.progress-bar-track{background:linear-gradient(90deg,#8080801a,#80808026);border:1px solid #80808040;border-radius:4px;box-shadow:inset 0 1px 3px #0000001a;height:8px;overflow:visible;position:relative;width:100%}.dark-mode .progress-bar-track,[data-theme=dark] .progress-bar-track{background:linear-gradient(90deg,#ffffff0d,#ffffff1a);border-color:#fff3}.progress-bar-fill{background:linear-gradient(90deg,#0cce6b,#22c55e 50%,#10b981);border-radius:4px;box-shadow:0 0 10px #0cce6b66,0 0 20px #0cce6b33;height:100%;left:0;overflow:hidden;position:absolute;top:0;transition:width .8s cubic-bezier(.4,0,.2,1)}.progress-bar-fill:after{animation:progressShine 2s ease-in-out infinite;background:linear-gradient(90deg,#0000,#fff6 50%,#0000);bottom:0;content:"";left:0;position:absolute;right:0;top:0}@keyframes progressShine{0%{transform:translateX(-100%)}to{transform:translateX(100%)}}.progress-milestones{height:100%;left:0;pointer-events:none;position:absolute;right:0;top:0}.progress-milestone{background:var(--border-color);border-radius:2px;height:12px;opacity:.5;position:absolute;top:50%;transform:translate(-50%,-50%);width:4px}.progress-milestone.reached{background:#22c55e;box-shadow:0 0 6px #22c55e80;opacity:1}.level-info{align-items:center;display:flex;gap:.75rem;margin-bottom:.5rem}.level-badge{background:var(--focus-color);border-radius:20px;color:#fff;font-size:.85rem;font-weight:700;padding:.35rem .75rem}.mode-button,.mode-selector{display:flex;gap:.5rem}.mode-button{align-items:center;background:var(--card-bg);border:2px solid var(--border-color);border-radius:10px;color:var(--text-secondary);cursor:pointer;font-size:.9rem;font-weight:600;padding:.625rem 1rem;transition:all .2s ease}.mode-button:hover{border-color:var(--focus-color);color:var(--text-color)}.mode-button.active{background:var(--focus-color);border-color:var(--focus-color);color:#fff}.difficulty-selector{align-items:center;background:var(--bg-secondary);border-radius:10px;display:flex;gap:.75rem;padding:.75rem 1rem}.difficulty-selector label{color:var(--text-color);font-weight:600}.difficulty-selector select{background:var(--card-bg);border:1px solid var(--border-color);border-radius:6px;color:var(--text-color);font-family:inherit;font-size:.9rem;padding:.5rem .75rem}.custom-inputs{align-items:center;display:flex;flex-wrap:wrap;gap:.75rem;justify-content:center}.custom-inputs input{background:var(--card-bg);border:2px solid var(--border-color);border-radius:8px;color:var(--text-color);font-family:inherit;font-size:1.1rem;letter-spacing:1px;min-width:140px;padding:.75rem 1.25rem;text-align:center;text-transform:uppercase;width:auto}.custom-inputs input:focus{border-color:var(--focus-color);outline:none}.custom-inputs .arrow{color:var(--text-secondary);font-size:1.25rem}.custom-inputs .start-button{background:var(--focus-color);border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:.95rem;font-weight:600;padding:.625rem 1.25rem;transition:all .2s ease}.custom-inputs .start-button:hover:not(:disabled){box-shadow:0 4px 12px rgba(var(--focus-color-rgb),.3);transform:translateY(-1px)}.custom-inputs .start-button:disabled{cursor:not-allowed;opacity:.5}.completion-info{align-items:center;animation:completionSlideIn .5s ease-out;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:linear-gradient(135deg,#22c55e26,#10b9811a);border:2px solid #22c55e66;border-radius:16px;box-shadow:0 4px 15px #22c55e33;color:#22c55e;display:flex;font-weight:600;gap:.5rem;justify-content:center;padding:1rem 1.5rem;width:100%}@keyframes completionSlideIn{0%{opacity:0;transform:translateY(20px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.completion-info .checkmark{animation:checkmarkBounce .6s ease-out;font-size:1.5rem}@keyframes checkmarkBounce{0%{transform:scale(0)}50%{transform:scale(1.3)}to{transform:scale(1)}}.completion-info .optimal{background:#f59e0b1a;border-radius:8px;color:#f59e0b;font-weight:700;padding:.2rem .5rem}.api-status.warning{align-items:center;background:#ef8c5a1a;border:1px solid #ef8c5a4d;border-radius:8px;color:#ef8c5a;display:flex;font-size:.9rem;gap:.5rem;margin-top:1rem;padding:.75rem 1rem}.celebration{background:linear-gradient(135deg,rgba(var(--focus-color-rgb),.1) 0,#0cce6b1a 100%);border:1px solid rgba(var(--focus-color-rgb),.2);border-radius:16px;margin-top:2rem;padding:2rem;text-align:center}.celebration h2{color:var(--text-color);font-size:1.5rem;margin:0 0 .5rem}.celebration p{color:var(--text-secondary);margin:0 0 1rem}.celebration .signup-button{background:linear-gradient(135deg,var(--focus-color) 0,var(--focus-color-dark) 100%);border:none;border-radius:10px;color:#fff;cursor:pointer;font-size:1rem;font-weight:700;padding:.875rem 1.5rem;transition:all .2s ease}.celebration .signup-button:hover{box-shadow:0 6px 20px rgba(var(--focus-color-rgb),.4);transform:translateY(-2px)}.celebration .continue-random-button{background:linear-gradient(135deg,#0cce6b,#0a9e53);border:none;border-radius:10px;color:#fff;cursor:pointer;display:block;font-size:1rem;font-weight:700;margin:1rem auto 0;padding:.875rem 1.5rem;transition:all .2s ease}.celebration .continue-random-button:hover{box-shadow:0 6px 20px #0cce6b66;transform:translateY(-2px)}.celebration .continue-random-button i{margin-right:.5rem}.nav-button.pulse:not(:disabled){color:var(--focus-color);text-shadow:0 0 10px var(--focus-color)}.hint-container{flex-wrap:wrap;gap:.75rem;justify-content:center}.hint-button,.hint-container{align-items:center;display:flex}.hint-button{background:var(--card-bg);border:2px solid var(--border-color);border-radius:8px;color:var(--text-secondary);cursor:pointer;font-size:.85rem;font-weight:600;gap:.5rem;padding:.5rem 1rem;transition:all .2s ease}.hint-button:hover:not(:disabled){background:#f0ad4e1a;border-color:#f0ad4e;color:#f0ad4e}.hint-button:disabled{cursor:not-allowed;opacity:.4}.hint-button i{color:#f0ad4e}.hint-backward,.hint-forward{border-color:#f0ad4e80}.hints-used-badge{align-items:center;background:#e1555426;border:1px solid #e155544d;border-radius:20px;color:#e15554;cursor:pointer;display:flex;font-size:.75rem;font-weight:600;gap:.4rem;padding:.25rem .75rem;transition:all .2s ease}.hints-used-badge.expanded,.hints-used-badge:hover{background:#e1555440}.hints-used-badge i{font-size:.65rem;transition:transform .2s ease}.hint-result{align-items:center;animation:fadeIn .3s ease;background:#f0ad4e26;border:1px solid #f0ad4e4d;border-radius:10px;color:#f0ad4e;display:flex;font-weight:600;gap:.5rem;justify-content:center;margin-bottom:1rem;padding:.75rem 1.25rem}.hint-result i{font-size:1.1rem}.hint-result strong{color:var(--text-color);font-weight:700}.hint-error{align-items:center;animation:fadeIn .3s ease;background:#e1555426;border:1px solid #e155544d;border-radius:10px;color:#e15554;display:flex;font-weight:600;gap:.5rem;justify-content:center;padding:.75rem 1.25rem;width:100%}.hint-loading{animation:blink 1s infinite}@keyframes fadeIn{0%{opacity:0;transform:translateY(-5px)}to{opacity:1;transform:translateY(0)}}@keyframes blink{0%,50%,to{opacity:1}25%,75%{opacity:.5}}.hint-instruction{animation:slideDown .3s ease;background:var(--card-bg);border:2px solid #f0ad4e;border-radius:12px;box-shadow:0 4px 12px #f0ad4e33;padding:1rem;width:100%}.hint-instruction-header{align-items:center;color:#f0ad4e;display:flex;font-weight:700;gap:.5rem;margin-bottom:.75rem}.hint-penalty-badge{background:#e1555426;border-radius:10px;color:#e15554;font-size:.75rem;font-weight:600;margin-left:auto;padding:.2rem .5rem}.hint-instruction-body{background:#f0ad4e1a;border-radius:8px;color:var(--text-color);font-size:1.1rem;font-weight:600;margin-bottom:.75rem;padding:.75rem;text-align:center}.hint-instruction-actions{display:flex;gap:.5rem;justify-content:center}.apply-hint-button{align-items:center;background:#0cce6b;border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-weight:600;gap:.5rem;padding:.5rem 1rem;transition:all .2s ease}.apply-hint-button:hover{background:#0fa858;transform:translateY(-1px)}.dismiss-hint-button{align-items:center;background:#0000;border:1px solid var(--border-color);border-radius:8px;color:var(--text-secondary);cursor:pointer;display:flex;font-weight:600;gap:.5rem;padding:.5rem 1rem;transition:all .2s ease}.dismiss-hint-button:hover{border-color:#e15554;color:#e15554}.hint-history{animation:slideDown .2s ease;background:var(--bg-secondary);border-radius:10px;max-height:120px;overflow-y:auto;padding:.5rem .75rem;width:100%}.hint-history-item{align-items:center;border-radius:6px;display:flex;font-size:.8rem;gap:.5rem;margin-bottom:.25rem;padding:.4rem .5rem}.hint-history-item.applied{background:#0cce6b1a}.hint-history-item.pending{background:#f0ad4e1a;opacity:.7}.hint-number{color:var(--text-secondary);font-weight:700;min-width:24px}.hint-instruction-text{color:var(--text-color);flex:1 1}.hint-penalty{color:#e15554;font-weight:600}.applied-icon{color:#0cce6b}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.hint-balance-indicator{align-items:center;display:flex;gap:.75rem;margin-left:.5rem}.hint-balance-indicator .ad-hints,.hint-balance-indicator .free-hints,.hint-balance-indicator .purchased-hints{align-items:center;border-radius:12px;display:flex;font-size:.8rem;font-weight:600;gap:.25rem;padding:.25rem .5rem}.hint-balance-indicator .free-hints{background:#10b98126;color:#10b981}.hint-balance-indicator .free-hints i{font-size:.7rem}.hint-balance-indicator .purchased-hints{background:#f59e0b26;color:#f59e0b}.hint-balance-indicator .purchased-hints i{font-size:.7rem}.hint-balance-indicator .ad-hints{background:#8b5cf626;color:#8b5cf6}.hint-balance-indicator .ad-hints i{font-size:.7rem}[data-theme=dark] .hint-balance-indicator .free-hints{background:#10b98133}[data-theme=dark] .hint-balance-indicator .purchased-hints{background:#f59e0b33}[data-theme=dark] .hint-balance-indicator .ad-hints{background:#8b5cf633}@media (max-width:600px){.game-page-wrapper{gap:8px;max-width:100vw;padding:52px 12px 70px}.mode-button{font-size:.85rem;padding:.5rem .75rem}.mode-button span{display:none}.game-title{font-size:1rem}.button-box,.letter-box{font-size:14px;height:40px;width:40px}.game-container{max-width:100%;padding:20px 10px}.word-row{flex-wrap:nowrap;justify-content:flex-start}.button-box{left:-44px;position:absolute}}@media (max-width:380px){.button-box,.letter-box{font-size:13px;height:36px;margin:1px;width:36px}.button-box{left:-38px}}.victory-overlay{align-items:center;animation:victoryOverlayFadeIn .5s ease-out;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);background:#000000bf;border-radius:20px;bottom:0;display:flex;justify-content:center;left:0;position:absolute;right:0;top:0;z-index:100}@keyframes victoryOverlayFadeIn{0%{opacity:0}to{opacity:1}}.victory-overlay-content{animation:victoryContentSlideUp .6s ease-out .2s both;padding:2rem;position:relative;text-align:center}.victory-close-button{align-items:center;background:#ffffff1a;border:none;border-radius:50%;color:#ffffffb3;cursor:pointer;display:flex;font-size:1rem;height:32px;justify-content:center;margin:.5rem;position:absolute;right:0;top:0;transition:all .2s ease;width:32px}.victory-close-button:hover{background:#fff3;color:#fff}@keyframes victoryContentSlideUp{0%{opacity:0;transform:translateY(30px) scale(.9)}to{opacity:1;transform:translateY(0) scale(1)}}.victory-stars{display:flex;gap:.5rem;justify-content:center;margin-bottom:1rem}.victory-star{animation:starPopIn .4s ease-out both;font-size:3rem}.victory-star.filled{animation:starPopIn .4s ease-out both,starGlow 2s ease-in-out infinite;color:#fbbf24;text-shadow:0 0 20px #fbbf24cc,0 0 40px #fbbf2480}.victory-star.empty{color:#fff3;text-shadow:none}@keyframes starPopIn{0%{opacity:0;transform:scale(0) rotate(-30deg)}60%{transform:scale(1.3) rotate(10deg)}to{opacity:1;transform:scale(1) rotate(0deg)}}@keyframes starGlow{0%,to{text-shadow:0 0 20px #fbbf24cc,0 0 40px #fbbf2480}50%{text-shadow:0 0 30px #fbbf24,0 0 60px #fbbf24b3}}.victory-title{color:#fff;font-size:2rem;font-weight:800;margin:0 0 .5rem;text-shadow:0 2px 10px #0000004d}.victory-steps{color:#ffffffe6;font-size:1.1rem;margin:0 0 1.5rem}.victory-optimal{color:#fbbf24;font-weight:600}.victory-buttons{display:flex;flex-wrap:wrap;gap:1rem;justify-content:center}.victory-button{align-items:center;border:none;border-radius:12px;cursor:pointer;display:flex;font-size:1rem;font-weight:700;gap:.5rem;padding:.875rem 1.5rem;transition:all .2s ease}.victory-button.retry-button{background:#ffffff26;border:2px solid #ffffff4d;color:#fff}.victory-button.retry-button:hover{background:#ffffff40;border-color:#ffffff80;transform:translateY(-2px)}.victory-button.next-button{background:linear-gradient(135deg,#22c55e,#16a34a);box-shadow:0 4px 15px #22c55e66;color:#fff}.victory-button.next-button:hover{box-shadow:0 6px 20px #22c55e80;transform:translateY(-2px)}.victory-hint{color:#ffffff80;font-size:.85rem;margin:1rem 0 0}@media (max-width:600px){.victory-star{font-size:2.5rem}.victory-title{font-size:1.5rem}.victory-steps{font-size:1rem}.victory-button{font-size:.9rem;padding:.75rem 1.25rem}.victory-overlay-content{padding:1.5rem}}.leaderboard-page{font-family:Nunito,sans-serif;margin:0 auto;max-width:900px;min-height:calc(100vh - 60px);padding:2rem}.leaderboard-header{margin-bottom:2rem;text-align:center}.leaderboard-header h1{color:var(--text-color);font-size:2.5rem;font-weight:800;margin:0}.leaderboard-header .subtitle{color:var(--text-secondary);font-size:1.1rem;margin-top:.5rem}.period-selector{display:flex;flex-wrap:wrap;gap:.5rem;justify-content:center;margin-bottom:2rem}.period-button{align-items:center;background:var(--card-bg);border:2px solid var(--border-color);border-radius:12px;color:var(--text-secondary);cursor:pointer;display:flex;font-size:.95rem;font-weight:600;gap:.5rem;padding:.75rem 1.25rem;transition:all .2s ease}.period-button:hover{border-color:var(--focus-color);color:var(--text-color)}.period-button.active{background:var(--focus-color);border-color:var(--focus-color);color:#fff}.period-button i{font-size:1rem}.user-rank-card{background:linear-gradient(135deg,var(--focus-color) 0,var(--focus-color-dark) 100%);border-radius:16px;box-shadow:0 4px 20px #00000026;color:#fff;display:flex;gap:3rem;justify-content:center;margin-bottom:2rem;padding:1.5rem 2rem}.user-rank-info,.user-score-info{text-align:center}.user-rank-card .label{display:block;font-size:.85rem;letter-spacing:.5px;opacity:.9;text-transform:uppercase}.user-rank-card .rank,.user-rank-card .score{display:block;font-size:2rem;font-weight:800;margin-top:.25rem}.loading-container{color:var(--text-secondary);padding:4rem;text-align:center}.loading-spinner{animation:spin 1s linear infinite;border:4px solid var(--border-color);border-radius:50%;border-top-color:var(--focus-color);height:48px;margin:0 auto 1rem;width:48px}@keyframes spin{to{transform:rotate(1turn)}}.error-container{color:#ef4444;padding:3rem;text-align:center}.error-container i{font-size:3rem;margin-bottom:1rem}.error-container button{background:var(--focus-color);border:none;border-radius:8px;color:#fff;cursor:pointer;font-weight:600;margin-top:1rem;padding:.75rem 1.5rem}.empty-state{color:var(--text-secondary);padding:4rem;text-align:center}.empty-state i{font-size:4rem;margin-bottom:1rem;opacity:.5}.leaderboard-container{background:var(--card-bg);border:1px solid var(--border-color);border-radius:16px;box-shadow:0 4px 20px #00000014;overflow:hidden}.leaderboard-table{border-collapse:collapse;width:100%}.leaderboard-table th{background:var(--bg-secondary);border-bottom:2px solid var(--border-color);color:var(--text-secondary);font-size:.8rem;font-weight:700;letter-spacing:.5px;padding:1rem;text-align:left;text-transform:uppercase}.leaderboard-table td{border-bottom:1px solid var(--border-color);padding:1rem}.leaderboard-table tbody tr:last-child td{border-bottom:none}.leaderboard-table tbody tr:hover{background:var(--bg-hover)}.rank-col{text-align:center;width:80px}.player-col{flex:1 1}.score-col{text-align:right;width:100px}.games-col{text-align:center;width:80px}.rank-number{font-size:1.2rem;font-weight:700}.player-name{align-items:center;color:var(--text-color);display:flex;font-weight:600;gap:.5rem}.you-badge{background:var(--focus-color);border-radius:4px;color:#fff;font-size:.7rem;font-weight:700;padding:.2rem .5rem;text-transform:uppercase}.score-value{color:var(--text-color);font-size:1.1rem;font-weight:700}.games-value{color:var(--text-secondary);font-weight:600}.leaderboard-table tr.gold{background:linear-gradient(90deg,#ffd7001a,#0000)}.leaderboard-table tr.silver{background:linear-gradient(90deg,#c0c0c01a,#0000)}.leaderboard-table tr.bronze{background:linear-gradient(90deg,#cd7f321a,#0000)}.leaderboard-table tr.current-user{background:linear-gradient(90deg,rgba(var(--focus-color-rgb),.15) 0,#0000 100%)}.leaderboard-info{background:var(--card-bg);border:1px solid var(--border-color);border-radius:12px;margin-top:2rem;padding:1.5rem}.leaderboard-info h3{color:var(--text-color);font-size:1.1rem;margin:0 0 1rem}.leaderboard-info ul{list-style:none;margin:0;padding:0}.leaderboard-info li{color:var(--text-secondary);font-size:.95rem;padding:.5rem 0}.leaderboard-info li strong{color:var(--text-color)}@media (max-width:600px){.leaderboard-page{padding:1rem}.leaderboard-header h1{font-size:1.8rem}.period-selector{gap:.35rem}.period-button{font-size:.85rem;padding:.5rem .75rem}.period-button span{display:none}.user-rank-card{gap:2rem;padding:1rem}.user-rank-card .rank,.user-rank-card .score{font-size:1.5rem}.leaderboard-table td,.leaderboard-table th{padding:.75rem .5rem}.games-col{display:none}}.language-selector{align-items:center;display:flex}.language-dropdown{background-color:#f5f5f5;background-color:var(--bg-secondary,#f5f5f5);border:1px solid #ccc;border:1px solid var(--border-color,#ccc);border-radius:6px;color:#333;color:var(--text-primary,#333);cursor:pointer;font-size:14px;padding:6px 12px;transition:border-color .2s,background-color .2s}.language-dropdown:focus,.language-dropdown:hover{border-color:#4a90d9;border-color:var(--primary-color,#4a90d9)}.language-dropdown:focus{box-shadow:0 0 0 2px #4a90d933;outline:none}[data-theme=dark] .language-dropdown{background-color:#2a2a2a;background-color:var(--bg-secondary,#2a2a2a);border-color:#444;border-color:var(--border-color,#444);color:#e0e0e0;color:var(--text-primary,#e0e0e0)}[data-theme=dark] .language-dropdown:hover{border-color:#6db3f2;border-color:var(--primary-color,#6db3f2)}.navbar{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:var(--card-bg);border-bottom:1px solid var(--border-color);display:flex;justify-content:space-between;padding:.75rem 1.5rem;position:-webkit-sticky;position:sticky;top:0;z-index:100}.navbar-left{flex:1 1}.navbar-brand{align-items:center;color:var(--text-color);display:flex;font-size:1.25rem;font-weight:800;gap:.5rem;text-decoration:none}.brand-icon{font-size:1.5rem}.brand-text{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,var(--focus-color) 0,var(--focus-color-dark) 100%);-webkit-background-clip:text;background-clip:text}.nav-link,.navbar-center{display:flex;gap:.5rem}.nav-link{align-items:center;border-radius:10px;color:var(--text-secondary);font-size:.95rem;font-weight:600;padding:.625rem 1rem;text-decoration:none;transition:all .2s ease}.nav-link:hover{background:var(--bg-secondary);color:var(--text-color)}.nav-link.active{background:rgba(var(--focus-color-rgb),.1);color:var(--focus-color)}.nav-link svg{font-size:1rem}.navbar-right{flex:1 1;gap:.75rem;justify-content:flex-end}.help-button,.navbar-right{align-items:center;display:flex}.help-button{background:var(--bg-secondary);border:none;border-radius:50%;color:var(--text-secondary);cursor:pointer;font-size:1.25rem;height:42px;justify-content:center;transition:all .2s ease;width:42px}.help-button:hover{background:rgba(var(--focus-color-rgb),.1);color:var(--focus-color);transform:scale(1.05)}.theme-toggle{align-items:center;background:var(--bg-secondary);border-radius:50%;cursor:pointer;display:flex;height:42px;justify-content:center;transition:all .2s ease;width:42px}.theme-toggle:hover{transform:scale(1.05)}.toggle-icon{font-size:1.25rem}.login-button{align-items:center;background:linear-gradient(135deg,var(--focus-color) 0,var(--focus-color-dark) 100%);border:none;border-radius:10px;color:#fff;cursor:pointer;display:flex;font-family:inherit;font-size:.95rem;font-weight:600;gap:.5rem;padding:.625rem 1.25rem;transition:all .2s ease}.login-button:hover{box-shadow:0 4px 15px rgba(var(--focus-color-rgb),.4);transform:translateY(-1px)}.login-button svg{font-size:.9rem}.user-menu-container{position:relative}.user-button{align-items:center;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:50px;cursor:pointer;display:flex;font-family:inherit;gap:.5rem;padding:.375rem .75rem .375rem .375rem;transition:all .2s ease}.user-button:hover{border-color:var(--focus-color)}.user-avatar{align-items:center;background:linear-gradient(135deg,var(--focus-color) 0,var(--focus-color-dark) 100%);border-radius:50%;color:#fff;display:flex;font-size:.9rem;font-weight:700;height:32px;justify-content:center;width:32px}.user-name{color:var(--text-color);font-size:.9rem;font-weight:600;max-width:120px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.user-dropdown{animation:dropdownSlide .2s ease;background:var(--card-bg);border:1px solid var(--border-color);border-radius:12px;box-shadow:0 10px 40px #00000026;min-width:200px;overflow:hidden;position:absolute;right:0;top:calc(100% + .5rem)}@keyframes dropdownSlide{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.dropdown-header{border-bottom:1px solid var(--border-color);padding:1rem}.dropdown-email{color:var(--text-secondary);font-size:.85rem}.dropdown-item{align-items:center;background:none;border:none;color:var(--text-color);cursor:pointer;display:flex;font-family:inherit;font-size:.95rem;gap:.75rem;padding:.875rem 1rem;text-align:left;transition:all .15s ease;width:100%}.dropdown-item:hover{background:var(--bg-secondary)}.dropdown-item.logout{color:#ef4444}.dropdown-item.logout:hover{background:#fef2f2}[data-theme=dark] .dropdown-item.logout:hover{background:#ef44441a}@media (max-width:768px){.navbar{padding:.5rem 1rem}.brand-text,.nav-link span{display:none}.nav-link{padding:.625rem}.login-button span{display:none}.login-button{padding:.625rem}.user-name{display:none}.user-button{border-radius:50%;padding:.25rem}}.tutorial-overlay{align-items:center;animation:tutorialFadeIn .2s ease;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#000000b3;bottom:0;display:flex;justify-content:center;left:0;padding:1rem;position:fixed;right:0;top:0;z-index:1100}@keyframes tutorialFadeIn{0%{opacity:0}to{opacity:1}}.tutorial-modal{animation:tutorialSlideUp .3s ease;background:#fff;background:var(--card-bg,#fff);border-radius:20px;box-shadow:0 25px 50px #00000040;max-height:90vh;max-width:480px;overflow-y:auto;padding:1.5rem;position:relative;width:100%}@keyframes tutorialSlideUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.tutorial-modal .tutorial-close{align-items:center;background:none;border:none;color:#888;color:var(--text-secondary,#888);cursor:pointer;display:flex;font-size:1.25rem;justify-content:center;padding:.25rem;position:absolute;right:1rem;top:1rem;transition:color .2s ease;z-index:1}.tutorial-modal .tutorial-close:hover{color:#333;color:var(--text-color,#333)}.tutorial-modal .tutorial-progress{display:flex;gap:.5rem;justify-content:center;margin-bottom:1.5rem}.tutorial-modal .progress-dot{background:#ddd;background:var(--border-color,#ddd);border:none;border-radius:50%;cursor:pointer;height:10px;padding:0;transition:all .2s ease;width:10px}.tutorial-modal .progress-dot:hover{background:#888;background:var(--text-secondary,#888)}.tutorial-modal .progress-dot.active{background:#667eea;background:var(--focus-color,#667eea);transform:scale(1.2)}.tutorial-modal .progress-dot.completed{background:#667eea;background:var(--focus-color,#667eea);opacity:.5}.tutorial-modal .tutorial-content{margin-bottom:1.5rem;text-align:center}.tutorial-modal .tutorial-icon{font-size:3rem;margin-bottom:1rem}.tutorial-modal .tutorial-title{color:#333;color:var(--text-color,#333);font-size:1.35rem;font-weight:700;margin:0 0 .75rem}.tutorial-modal .tutorial-description{color:#666;color:var(--text-secondary,#666);font-size:1rem;line-height:1.5;margin:0}.tutorial-modal .tutorial-visual{background:#f5f5f5;background:var(--bg-secondary,#f5f5f5);border-radius:12px;margin-top:1.5rem;padding:1.25rem}.tutorial-modal .goal-visual{align-items:center;display:flex;flex-direction:column;gap:.1rem}.tutorial-modal .visual-arrow{color:#888;color:var(--text-secondary,#888);font-size:1.25rem}.tutorial-modal .visual-arrow-down{color:#667eea;color:var(--focus-color,#667eea);font-size:1rem;line-height:1}.tutorial-modal .word-example{align-items:center;display:flex;flex-direction:row;justify-content:center;position:relative}.tutorial-modal .word-label{color:#888;color:var(--text-secondary,#888);font-size:.65rem;letter-spacing:.05em;position:absolute;right:calc(100% + .4rem);text-transform:uppercase;white-space:nowrap}.tutorial-modal .word-letters{display:flex;gap:4px}.tutorial-modal .tut-letter{align-items:center;background:#fff;background:var(--card-bg,#fff);border:2px solid #ddd;border:2px solid var(--border-color,#ddd);border-radius:8px;color:#333;color:var(--text-color,#333);display:flex;font-size:1rem;font-weight:700;height:45px;justify-content:center;text-transform:uppercase;width:45px}.tutorial-modal .tut-letter.highlight-change{background:linear-gradient(145deg,#fbbf244d,#fbbf2433);border-color:#f59e0b;color:#92400e}.tutorial-modal .tut-letter.highlight-add{background:linear-gradient(145deg,#22c55e4d,#22c55e33);border-color:#22c55e;color:#166534}.tutorial-modal .tut-letter.filled{background:#fff;background:var(--card-bg,#fff)}.tutorial-modal .tut-letter.cursor{animation:tutorialBlink 1s infinite;color:#667eea;color:var(--focus-color,#667eea)}@keyframes tutorialBlink{0%,to{opacity:1}50%{opacity:0}}.tutorial-modal .transformation-example{align-items:center;display:flex;gap:.25rem;justify-content:flex-start}.tutorial-modal .transform-from{display:flex;justify-content:flex-end;width:136px}.tutorial-modal .transform-from .word-example,.tutorial-modal .transform-from .word-letters{justify-content:flex-end}.tutorial-modal .transform-to{display:flex;justify-content:flex-start;width:136px}.tutorial-modal .transform-to .word-example,.tutorial-modal .transform-to .word-letters{justify-content:flex-start}.tutorial-modal .transformation-example .tut-letter{font-size:.9rem;height:30px;width:30px}.tutorial-modal .transform-arrow{color:#888;color:var(--text-secondary,#888);flex-shrink:0;font-size:.85rem;text-align:center;width:16px}.tutorial-modal .changes-visual{display:flex;flex-direction:column;gap:1rem}.tutorial-modal .change-type{align-items:center;display:flex;gap:.5rem}.tutorial-modal .change-label{color:#666;color:var(--text-secondary,#666);flex-shrink:0;font-size:.75rem;font-weight:600;text-align:right;width:70px}.tutorial-modal .input-example{align-items:center;display:flex;flex-direction:column;gap:1rem}.tutorial-modal .example-input-row{align-items:center;display:flex;gap:.75rem}.tutorial-modal .example-letter-boxes{display:flex;gap:4px}.tutorial-modal .example-submit-button{align-items:center;background:linear-gradient(145deg,#0cce6b33,#0cce6b1a);border:2px solid #0cce6b;border-radius:10px;color:#0cce6b;display:flex;font-size:1.25rem;height:44px;justify-content:center;width:44px}.tutorial-modal .keyboard-hint{align-items:center;color:#888;color:var(--text-secondary,#888);display:flex;font-size:.9rem;gap:.5rem}.tutorial-modal .key{align-items:center;background:#fff;background:var(--card-bg,#fff);border:1px solid #ddd;border:1px solid var(--border-color,#ddd);border-radius:6px;box-shadow:0 2px 0 #ddd;box-shadow:0 2px 0 var(--border-color,#ddd);display:inline-flex;font-family:monospace;font-size:.85rem;justify-content:center;padding:.25rem .75rem}.tutorial-modal .colors-visual{display:flex;flex-direction:column;gap:.75rem}.tutorial-modal .button-example{align-items:center;display:flex;gap:1rem}.tutorial-modal .example-button{align-items:center;border:2px solid;border-radius:10px;display:flex;flex-shrink:0;font-size:1.25rem;height:44px;justify-content:center;width:44px}.tutorial-modal .example-button.green{background:linear-gradient(145deg,#0cce6b33,#0cce6b1a);border-color:#0cce6b;color:#0cce6b}.tutorial-modal .example-button.red{color:#737674}.tutorial-modal .example-button.orange,.tutorial-modal .example-button.red{background:#f5f5f5;background:var(--bg-secondary,#f5f5f5);border-color:#ddd;border-color:var(--border-color,#ddd)}.tutorial-modal .example-button.orange{color:#ef8c5a}.tutorial-modal .button-label{color:#333;color:var(--text-color,#333);font-size:.9rem;text-align:left}.tutorial-modal .tutorial-actions{display:flex;gap:1rem;justify-content:space-between}.tutorial-modal .tutorial-button{align-items:center;border:none;border-radius:10px;cursor:pointer;display:flex;font-family:inherit;font-size:1rem;font-weight:600;gap:.5rem;justify-content:center;padding:.75rem 1.5rem;transition:all .2s ease}.tutorial-modal .tutorial-button.primary{background:linear-gradient(135deg,#667eea,#5a67d8);background:linear-gradient(135deg,var(--focus-color,#667eea) 0,#5a67d8 100%);box-shadow:0 2px 8px #667eea4d;color:#fff;flex:1 1}.tutorial-modal .tutorial-button.primary:hover{box-shadow:0 4px 12px #667eea66;transform:translateY(-1px)}.tutorial-modal .tutorial-button.secondary{background:#f5f5f5;background:var(--bg-secondary,#f5f5f5);border:1px solid #ddd;border:1px solid var(--border-color,#ddd);color:#666;color:var(--text-secondary,#666)}.tutorial-modal .tutorial-button.secondary:hover{background:#ddd;background:var(--border-color,#ddd);color:#333;color:var(--text-color,#333)}[data-theme=dark] .tutorial-modal{background:#1a1a2e;background:var(--card-bg,#1a1a2e)}[data-theme=dark] .tutorial-modal .tutorial-title{color:#f0f0f0;color:var(--text-color,#f0f0f0)}[data-theme=dark] .tutorial-modal .button-label,[data-theme=dark] .tutorial-modal .tutorial-description{color:#aaa;color:var(--text-secondary,#aaa)}[data-theme=dark] .tutorial-modal .tutorial-visual{background:#ffffff0d}[data-theme=dark] .tutorial-modal .tut-letter{background:#252540;background:var(--bg-secondary,#252540);border-color:#30363d;border-color:var(--border-color,#30363d);color:#f0f0f0;color:var(--text-color,#f0f0f0)}[data-theme=dark] .tutorial-modal .tut-letter.highlight-change{background:#fbbf2433;color:#fbbf24}[data-theme=dark] .tutorial-modal .tut-letter.highlight-add{background:#22c55e33;color:#22c55e}[data-theme=dark] .tutorial-modal .key{background:#252540;background:var(--bg-secondary,#252540);border-color:#30363d;border-color:var(--border-color,#30363d);box-shadow:0 2px 0 #30363d;box-shadow:0 2px 0 var(--border-color,#30363d)}[data-theme=dark] .tutorial-modal .example-button.orange,[data-theme=dark] .tutorial-modal .example-button.red{background:#ffffff0d;border-color:#30363d;border-color:var(--border-color,#30363d)}[data-theme=dark] .tutorial-modal .tutorial-button.secondary{background:#252540;background:var(--bg-secondary,#252540);border-color:#30363d;border-color:var(--border-color,#30363d);color:#aaa;color:var(--text-secondary,#aaa)}[data-theme=dark] .tutorial-modal .tutorial-button.secondary:hover{background:#30363d;background:var(--border-color,#30363d);color:#f0f0f0;color:var(--text-color,#f0f0f0)}@media (max-width:480px){.tutorial-modal{border-radius:16px;padding:1.25rem}.tutorial-modal .tutorial-icon{font-size:2.5rem}.tutorial-modal .tutorial-title{font-size:1.2rem}.tutorial-modal .tutorial-description{font-size:.95rem}.tutorial-modal .tut-letter{font-size:1rem;height:43px;width:43px}.tutorial-modal .change-label{font-size:.7rem;min-width:50px}.tutorial-modal .transformation-example .tut-letter{font-size:.8rem;height:24px;width:24px}.tutorial-modal .transform-from,.tutorial-modal .transform-to{width:108px}.tutorial-modal .tutorial-button{font-size:.95rem;padding:.625rem 1rem}.tutorial-modal .goal-visual{gap:0}}.ad-layout{display:flex;min-height:100vh;min-height:100dvh;overflow-x:hidden;overflow-y:auto;width:100%}.ad-layout-content{-webkit-overflow-scrolling:touch;display:flex;flex:1 1;flex-direction:column;min-width:0;overflow-y:auto;padding-bottom:60px}.ad-layout.ads-removed .ad-layout-content{padding-bottom:0}.ad-banner-bottom{align-items:center;background:#f5f5f5;background:var(--bg-secondary,#f5f5f5);border-top:1px solid #e0e0e0;border-top:1px solid var(--border-color,#e0e0e0);bottom:0;display:flex;height:50px;justify-content:center;left:0;max-height:50px;overflow:hidden;position:fixed;right:0;z-index:90}@supports (padding:env(safe-area-inset-bottom)){.ad-banner-bottom{height:calc(50px + env(safe-area-inset-bottom));max-height:calc(50px + env(safe-area-inset-bottom));padding-bottom:env(safe-area-inset-bottom)}}.ad-banner-left,.ad-banner-right{align-items:flex-start;background:#f5f5f5;background:var(--bg-secondary,#f5f5f5);bottom:60px;display:flex;justify-content:center;padding-top:20px;position:fixed;top:60px;top:var(--navbar-height,60px);width:160px;z-index:80}.ad-banner-left{border-right:1px solid #e0e0e0;border-right:1px solid var(--border-color,#e0e0e0);left:0}.ad-banner-right{border-left:1px solid #e0e0e0;border-left:1px solid var(--border-color,#e0e0e0);right:0}@media (min-width:901px){.ad-layout:not(.ads-removed) .ad-layout-content{margin-left:160px;margin-right:160px}}@media (max-width:900px){.ad-banner-left,.ad-banner-right{display:none}.ad-layout .ad-layout-content{margin-left:0;margin-right:0}}.ad-placeholder{align-items:center;background:#eee;background:var(--bg-tertiary,#eee);color:#888;color:var(--text-secondary,#888);display:flex;font-size:.75rem;height:100%;justify-content:center;letter-spacing:.5px;text-transform:uppercase;width:100%}.ad-banner{transition:opacity .3s ease}.ad-banner:not(.ad-loaded):not(.ad-error){opacity:.5}.ad-banner.ad-loaded{opacity:1}.ad-banner.ad-error .ad-placeholder{opacity:.7}.ad-banner .adsbygoogle{background:#0000;display:block}[data-theme=dark] .ad-banner-bottom,[data-theme=dark] .ad-banner-left,[data-theme=dark] .ad-banner-right{background:#1a1a2e;background:var(--bg-secondary,#1a1a2e);border-color:#30363d;border-color:var(--border-color,#30363d)}[data-theme=dark] .ad-placeholder{background:#252540;background:var(--bg-tertiary,#252540);color:#888;color:var(--text-secondary,#888)}.ads-removed .ad-banner-bottom,.ads-removed .ad-banner-left,.ads-removed .ad-banner-right{display:none!important}@media (max-width:600px){.ad-banner-bottom{height:50px}.ad-layout-content{overflow-x:hidden;padding-bottom:60px}.ad-layout{overflow-x:hidden}@supports (padding:env(safe-area-inset-bottom)){.ad-layout-content{padding-bottom:calc(60px + env(safe-area-inset-bottom))}}}@media (max-height:500px) and (orientation:landscape){.ad-banner-bottom{height:32px}.ad-layout-content{padding-bottom:40px}@supports (padding:env(safe-area-inset-bottom)){.ad-layout-content{padding-bottom:calc(40px + env(safe-area-inset-bottom))}}}
/*# sourceMappingURL=main.57fb4ff4.css.map*/