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:#0c0f1a;--bg-primary:#151929;--bg-secondary:#1c2236;--bg-hover:#252d44;--card-bg:#151929;--text-color:#f0f4fc;--text-secondary:#8b95b0;--border-color:#2a3350;--custom-border-color:#2a3350;--disabled-color:#404a66;--hover-color:#1c2236;--green-color:#0cce6b;--focus-color:#818cf8;--focus-color-dark:#6d6ff0;--focus-color-rgb:129,140,248;--neutral-text-color:#8b95b0;--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;--ad-banner-height:50px;--transition:all 0.2s ease;--shadow-sm:0 1px 3px #0003;--shadow-md:0 4px 6px #0000004d;--shadow-lg:0 10px 25px #0006;--shadow-card:0 2px 8px #0000004d,0 0 1px #ffffff0d;--gradient-primary:linear-gradient(135deg,#667eea,#764ba2)}[data-theme=light]{--bg-color:#f5f6fc;--bg-primary:#fff;--bg-secondary:#f0f1f8;--bg-hover:#e8eaf4;--card-bg:#fff;--text-color:#1e293b;--text-secondary:#64748b;--border-color:#e2e8f0;--custom-border-color:#e2e8f0;--disabled-color:#94a3b8;--hover-color:#e8eaf4;--focus-color:#667eea;--focus-color-dark:#5a67d8;--focus-color-rgb:102,126,234;--neutral-text-color:#64748b;--shadow-sm:0 1px 3px #0000000a,0 1px 2px #0000000f;--shadow-md:0 4px 6px -1px #00000012,0 2px 4px -2px #0000000d;--shadow-lg:0 10px 25px -3px #00000014,0 4px 6px -4px #0000000a;--shadow-card:0 1px 3px #0000000a,0 4px 14px #0000000f}@font-face{font-display:swap;font-family:Inter;font-weight:400;src:url(/static/media/Inter-Regular.85c128721035823e5405.woff2) format("woff2")}@font-face{font-display:swap;font-family:Inter;font-weight:500;src:url(/static/media/Inter-Medium.da6143a97b8ed2ae857b.woff2) format("woff2")}@font-face{font-display:swap;font-family:Inter;font-weight:600;src:url(/static/media/Inter-SemiBold.594041393209f0003754.woff2) format("woff2")}@font-face{font-display:swap;font-family:Inter;font-weight:700;src:url(/static/media/Inter-Bold.54851dc3f5ada849af04.woff2) format("woff2")}@font-face{font-display:swap;font-family:Inter;font-weight:800;src:url(/static/media/Inter-ExtraBold.4378ab437cddfc2bbb71.woff2) format("woff2")}*,:after,:before{box-sizing:border-box}html{-webkit-text-size-adjust:100%;-webkit-tap-highlight-color:transparent;background-color:#0c0f1a;background-color:var(--bg-color)}body,html{height:100%;overflow:hidden;overscroll-behavior:none}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#0c0f1a;background:var(--bg-color);color:#f0f4fc;color:var(--text-color);font-family:Inter,-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;padding:0;transition:background-color .3s ease,color .3s ease}body:before{animation:bgShift 30s ease-in-out infinite alternate;background:radial-gradient(ellipse at 20% 0,#818cf812 0,#0000 50%),radial-gradient(ellipse at 80% 100%,#8b5cf60d 0,#0000 50%),radial-gradient(ellipse at 50% 50%,#0cce6b05 0,#0000 60%);bottom:0;content:"";left:0;pointer-events:none;position:fixed;right:0;top:0;z-index:0}[data-theme=light] body:before{background:radial-gradient(ellipse at 20% 0,#667eea0f 0,#0000 50%),radial-gradient(ellipse at 80% 100%,#764ba20d 0,#0000 50%),radial-gradient(ellipse at 50% 50%,#0cce6b08 0,#0000 60%)}@keyframes bgShift{0%{opacity:1}50%{opacity:.7}to{opacity:1}}#root{position:relative;z-index:1}#root,.App{display:flex;flex-direction:column;height:100%}.App{background-color:initial;transition:all .2s ease;transition:var(--transition)}.main-content{-webkit-overflow-scrolling:touch;display:flex;flex:1 1;flex-direction:column;min-height:0;overflow-x:hidden;overflow-y:auto;overscroll-behavior-y:contain;padding-top:60px;padding-top:var(--navbar-height)}@supports (padding:env(safe-area-inset-top)){.main-content{padding-top:calc(60px + env(safe-area-inset-top));padding-top:calc(var(--navbar-height) + env(safe-area-inset-top))}}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:#818cf8;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:6px;width:6px}::-webkit-scrollbar-track{background:#0000}::-webkit-scrollbar-thumb{background:#2a3350;background:var(--border-color);border-radius:10px}::-webkit-scrollbar-thumb:hover{background:#8b95b0;background:var(--text-secondary)}@supports (padding:env(safe-area-inset-bottom)){.App{padding-bottom:env(safe-area-inset-bottom);padding-left:env(safe-area-inset-left);padding-right:env(safe-area-inset-right)}}body.keyboard-open .App{padding-bottom:0!important}::selection{background:#818cf8;background:var(--focus-color);color:#fff}:focus-visible{outline:2px solid #818cf8;outline:2px solid var(--focus-color);outline-offset:2px}@media (prefers-reduced-motion:reduce){*,:after,:before{animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:.01ms!important}}.site-footer{border-top:1px solid #2a3350;border-top:1px solid var(--border-color);margin-top:auto;padding:12px 16px max(10px,env(safe-area-inset-bottom,0px));text-align:center;transition:opacity .25s ease,visibility .25s ease}.platform-android .site-footer{padding-bottom:24px}.footer-links{align-items:center;display:flex;flex-wrap:wrap;font-size:12px;gap:2px 0;justify-content:center}.footer-link-btn,.footer-links a{background:none;border:none;color:#8b95b0;color:var(--text-secondary);cursor:pointer;font:inherit;font-size:12px;padding:2px 5px;text-decoration:none;transition:color .15s ease}.footer-link-btn:hover,.footer-links a:hover{color:#818cf8;color:var(--focus-color);text-decoration:underline}.footer-sep{opacity:.35;padding:0 1px}.footer-company,.footer-sep{color:#8b95b0;color:var(--text-secondary)}.footer-company{font-size:11px;opacity:.5;padding:0 5px}@media print{.mode-selector,.nav-button,.navbar,.site-footer{display:none!important}}.mobile-auth-gate{align-items:center;background:#0c0f1a;background:var(--bg-color);display:flex;flex-direction:column;justify-content:center;min-height:100vh;padding:2rem}.mobile-auth-logo{border-radius:20px;height:96px;margin-bottom:1rem;width:96px}.mobile-auth-title{color:#f0f4fc;color:var(--text-color);font-size:24px;font-weight:700;margin-bottom:2rem}.mobile-auth-gate .social-signin{max-width:340px;width:100%}.mobile-auth-gate .social-signin-heading{color:#8b95b0;color:var(--text-secondary);font-size:16px;font-weight:500;margin-bottom:1.25rem;text-align:center}.mobile-auth-legal{font-size:13px;margin-top:2rem}.mobile-auth-legal,.mobile-auth-legal a{color:#8b95b0;color:var(--text-secondary)}.mobile-auth-legal a{text-decoration:none}.mobile-auth-legal a:hover{color:#f0f4fc;color:var(--text-color)}.modal-overlay-base{align-items:center;animation:modalOverlayFadeIn .2s ease;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);background:#0009;display:flex;inset:0;justify-content:center;overflow:hidden;overscroll-behavior:none;padding:1rem;position:fixed;touch-action:none;z-index:1000}@media (max-width:600px){.modal-overlay-base{align-items:flex-start;padding:calc(60px + env(safe-area-inset-top, 0px) + .5rem) .75rem .75rem;padding-bottom:calc(50px + env(safe-area-inset-bottom, 0px) + .5rem);padding-bottom:calc(var(--ad-banner-height, 50px) + env(safe-area-inset-bottom, 0px) + .5rem);padding-top:calc(var(--navbar-height, 60px) + env(safe-area-inset-top, 0px) + .5rem)}}.ads-removed .modal-overlay-base,.keyboard-open .modal-overlay-base,.web-keyboard-open .modal-overlay-base,body.ads-removed .modal-overlay-base{--ad-banner-height:0px}.modal-content-base{-webkit-overflow-scrolling:touch;animation:modalContentSlideUp .3s ease;background:#151929;background:var(--card-bg,#1a1a2e);border-radius:16px;box-shadow:0 20px 40px #0003;max-height:90vh;overflow-y:auto;overscroll-behavior:contain;padding:1.5rem;position:relative;touch-action:pan-y;width:100%}@media (max-width:600px){.modal-content-base{max-height:calc(100vh - 110px - env(safe-area-inset-top, 0px) - env(safe-area-inset-bottom, 0px) - 1.5rem);max-height:calc(100vh - var(--navbar-height, 60px) - env(safe-area-inset-top, 0px) - var(--ad-banner-height, 50px) - env(safe-area-inset-bottom, 0px) - 1.5rem)}}.modal-content-base [role=button],.modal-content-base a,.modal-content-base button,.modal-content-base input{touch-action:manipulation}@keyframes modalOverlayFadeIn{0%{opacity:0}to{opacity:1}}@keyframes modalContentSlideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.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)}}.rating-change-container{margin-top:12px;opacity:0;transform:translateY(10px);transition:opacity .4s ease,transform .4s ease}.rating-change-container.enter,.rating-change-container.visible{opacity:1;transform:translateY(0)}.rating-change-card{background:#f8f9fa;background:var(--card-bg,#f8f9fa);border-radius:12px;padding:12px 18px;text-align:center}.dark-mode .rating-change-card{background:#2a2a2a;background:var(--card-bg-dark,#2a2a2a)}.rating-change-label{color:#888;color:var(--text-secondary,#888);font-size:.75rem;letter-spacing:.05em;margin-bottom:4px;text-transform:uppercase}.rating-numbers{align-items:center;display:flex;font-size:1.3rem;font-weight:700;gap:10px;justify-content:center}.rating-before{color:#888;color:var(--text-secondary,#888)}.rating-arrow{font-size:.9rem}.rating-arrow .fa-arrow-up{color:#22c55e}.rating-arrow .fa-arrow-down{color:#ef4444}.rating-after{color:#222;color:var(--text-primary,#222)}.dark-mode .rating-after{color:#eee;color:var(--text-primary-dark,#eee)}.rating-delta{font-size:1rem;font-weight:600;margin-top:2px}.rating-delta.positive{color:#22c55e}.rating-delta.negative{color:#ef4444}.tier-promotion{align-items:center;animation:tier-glow 1.5s ease-in-out infinite alternate;border:2px solid;border-radius:8px;display:flex;font-size:.95rem;gap:8px;justify-content:center;margin-top:10px;padding:8px 12px}@keyframes tier-glow{0%{box-shadow:0 0 4px #ffd7004d}to{box-shadow:0 0 12px #ffd70099}}.rating-pro-bonus{align-items:center;background:linear-gradient(135deg,#3b82f62e,#8b5cf62e);border:1px solid #8b5cf659;border-radius:999px;color:#8b5cf6;display:inline-flex;font-size:.8rem;font-weight:600;gap:6px;margin-top:8px;padding:4px 10px}.dark-mode .rating-pro-bonus{color:#c4b5fd}.rank-badge{align-items:center;display:inline-flex;font-family:inherit;gap:6px}.rank-badge-small{font-size:.85rem;gap:4px}.rank-badge-medium{font-size:1rem}.rank-badge-large{font-size:1.2rem;gap:8px}.rank-icon{font-size:1em}.rank-badge-small .rank-icon{font-size:.9em}.rank-badge-large .rank-icon{font-size:1.3em}.rank-name{font-weight:600;white-space:nowrap}.rank-rating{color:#888;color:var(--text-secondary,#888);font-size:.9em;font-weight:500}.rank-badge-small .rank-rating{font-size:.85em}.social-signin{margin-top:20px;width:100%}.social-signin-divider{align-items:center;display:flex;margin:20px 0;text-align:center}.social-signin-divider:after,.social-signin-divider:before{border-bottom:1px solid #ddd;content:"";flex:1 1}.social-signin-divider span{color:#666;font-size:13px;padding:0 12px}.social-signin-buttons{display:flex;flex-direction:column;gap:12px}.social-buttons-row{display:flex;gap:12px}.social-buttons-row .social-button{flex:1 1;font-size:14px;padding:10px 12px}.social-button{align-items:center;background:#fff;border:2px solid #ddd;border-radius:8px;color:#333;cursor:pointer;display:flex;font-size:15px;font-weight:600;gap:10px;justify-content:center;padding:12px 16px;transition:all .2s ease;width:100%}.social-button:hover:not(:disabled){background:#f5f5f5;border-color:#bbb;transform:translateY(-1px)}.social-button:active:not(:disabled){transform:translateY(0)}.social-button:disabled{cursor:not-allowed;opacity:.6}.social-button svg{font-size:18px}.google-button:hover:not(:disabled){background:#4285f4;border-color:#4285f4;color:#fff}.facebook-button:hover:not(:disabled){background:#4c9aff;border-color:#4c9aff;color:#fff}.apple-button:hover:not(:disabled){background:#000;border-color:#000;color:#fff}.social-signin-note{color:#888;font-size:12px;line-height:1.4;margin-top:16px;text-align:center}.social-signin-note a{color:#667eea;font-weight:500;text-decoration:none}.social-signin-note a:hover{text-decoration:underline}[data-theme=dark] .social-signin-divider:after,[data-theme=dark] .social-signin-divider:before{border-bottom-color:#4a4a6a}[data-theme=dark] .social-signin-divider span{color:#aaa}[data-theme=dark] .social-button{background:#2d2d4a;border-color:#4a4a6a;color:#e0e0e0}[data-theme=dark] .social-button:hover:not(:disabled){background:#3a3a5a;border-color:#6a6a8a}[data-theme=dark] .google-button:hover:not(:disabled){background:#4285f4;border-color:#4285f4;color:#fff}[data-theme=dark] .facebook-button:hover:not(:disabled){background:#4c9aff;border-color:#4c9aff;color:#fff}[data-theme=dark] .apple-button:hover:not(:disabled){background:#fff;border-color:#fff;color:#000}[data-theme=dark] .social-signin-note{color:#aaa}[data-theme=dark] .social-signin-note a{color:#8b9ce6}[data-theme=dark] .social-signin-note a:hover{color:#a89fd6}.username-form{text-align:center}.username-form h3{font-size:18px;margin:0 0 8px}.username-form p{color:#666;font-size:14px;margin:0 0 16px}.username-form form{display:flex;flex-direction:column;gap:12px}.username-form input{border:2px solid #ddd;border-radius:8px;font-size:15px;outline:none;padding:12px 16px;transition:border-color .2s}.username-form input:focus{border-color:#667eea}.username-form .error-message{color:#e53935;font-size:13px;margin:0}.username-form button{border-radius:8px;cursor:pointer;font-size:15px;font-weight:600;padding:12px 16px;transition:all .2s}.username-form button[type=submit]{background:#667eea;border:none;color:#fff}.username-form button[type=submit]:hover:not(:disabled){background:#5a6fd6}.username-form .cancel-button{background:#0000;border:2px solid #ddd;color:#666}.username-form .cancel-button:hover{background:#f5f5f5}[data-theme=dark] .username-form p{color:#aaa}[data-theme=dark] .username-form input{background:#2d2d4a;border-color:#4a4a6a;color:#e0e0e0}[data-theme=dark] .username-form input:focus{border-color:#8b9ce6}[data-theme=dark] .username-form .cancel-button{border-color:#4a4a6a;color:#aaa}[data-theme=dark] .username-form .cancel-button:hover{background:#3a3a5a}@media (max-width:480px){.social-button{font-size:14px;padding:10px 14px}.social-signin-divider span{font-size:12px}}.modal-overlay{bottom:0;bottom:var(--keyboard-height,0)}.login-modal{border-radius:20px;max-width:420px;padding:2rem;position:relative}.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-logo{border-radius:16px;height:80px;margin-bottom:1rem;width:80px}.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}.verification-notice{padding:1rem 0;text-align:center}.verification-icon{align-items:center;background:linear-gradient(135deg,var(--focus-color) 0,var(--focus-color-dark) 100%);border-radius:50%;display:flex;height:64px;justify-content:center;margin:0 auto 1.5rem;width:64px}.verification-icon i{color:#fff;font-size:1.75rem}.verification-notice h3{color:var(--text-color);font-size:1.5rem;font-weight:800;margin:0 0 .75rem}.verification-notice p{color:var(--text-secondary);line-height:1.6;margin:0 0 .5rem}.verification-hint{font-size:.85rem;margin-bottom:1.5rem!important;opacity:.7}.success-message{align-items:center;background:#f0fdf4;border:1px solid #bbf7d0;border-radius:10px;color:#16a34a;display:flex;font-size:.9rem;gap:.5rem;margin-bottom:1rem;padding:.75rem 1rem}[data-theme=dark] .success-message{background:#16a34a1a;border-color:#16a34a4d}.resend-button{align-items:center;background:var(--bg-secondary);border:2px solid var(--border-color);border-radius:10px;color:var(--text-color);cursor:pointer;display:flex;font-family:inherit;font-size:.95rem;font-weight:600;justify-content:center;margin-bottom:.75rem;min-height:48px;padding:.875rem;transition:all .2s ease;width:100%}.resend-button:hover:not(:disabled){border-color:var(--focus-color);color:var(--focus-color)}.resend-button:disabled{cursor:not-allowed;opacity:.6}.back-to-login-button{background:none;border:none;color:var(--focus-color);cursor:pointer;font-family:inherit;font-size:.95rem;font-weight:600;padding:.75rem;width:100%}.back-to-login-button:hover{text-decoration:underline}.verification-banner{align-items:center;animation:slideDown .3s ease;border-radius:10px;box-shadow:0 4px 20px #0003;display:flex;font-size:.9rem;font-weight:600;gap:.5rem;left:50%;max-width:90vw;padding:.75rem 1.25rem;position:fixed;top:70px;transform:translateX(-50%);z-index:999}.verification-banner.success{background:#16a34a;color:#fff}.verification-banner.error{background:#dc2626;color:#fff}.banner-dismiss{background:none;border:none;color:#fff;cursor:pointer;font-size:1rem;opacity:.8;padding:.25rem}.banner-dismiss:hover{opacity:1}@media (max-width:480px){.login-modal{padding:1.5rem}.modal-header h2{font-size:1.5rem}.auth-benefits ul{grid-template-columns:1fr}}.settings-divider{background:#e0e0e0;height:1px;margin:20px 0 16px}[data-theme=dark] .settings-divider{background:#4a4a6a}.settings-section{margin-top:4px}[data-theme=dark] .settings-section .submit-button[style*="background: #f0f0f0"]{background:#2d2d4a!important;color:#ddd!important}[data-theme=dark] .settings-section .submit-button[style*="background: #fee"]{background:#cc33331a!important;border-color:#cc33334d!important}.settings-legal-links{display:flex;flex-direction:column;gap:2px}.settings-legal-link{align-items:center;background:#0000;border:none;border-radius:6px;color:inherit;cursor:pointer;display:flex;font:inherit;font-size:14px;gap:10px;padding:10px 12px;text-align:left;text-decoration:none;transition:background .15s ease}.settings-legal-link:hover{background:#f0f0f0}[data-theme=dark] .settings-legal-link:hover{background:#2d2d4a}.settings-legal-link svg{opacity:.7;width:16px}.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-modal{max-width:380px;position:relative}.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}}.stripe-payment-form{margin:0 auto;max-width:450px;width:100%}.payment-amount{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:12px;color:#fff;display:flex;flex-wrap:wrap;font-size:18px;font-weight:600;justify-content:space-between;margin-bottom:24px;padding:16px 20px}.vat-included{font-size:11px;font-weight:400;margin-top:4px;opacity:.75;width:100%}.amount-label{opacity:.9}.amount-value{font-size:24px;font-weight:700}.card-element-container{margin-bottom:20px}.card-label{color:#333;display:block;font-size:14px;font-weight:600;margin-bottom:8px}.card-element-wrapper{background:#fff;border:2px solid #e0e0e0;border-radius:8px;padding:14px 16px;transition:all .2s ease}.card-element-wrapper:hover{border-color:#b0b0b0}.card-element-wrapper:focus-within{border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}.payment-error-message{animation:slideIn .3s ease;background:#fee;border:1px solid #fcc;border-radius:6px;color:#c33;font-size:14px;margin-bottom:16px;padding:12px 16px}@keyframes slideIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.payment-test-info{background:#fff8e1;border:1px solid #ffe082;border-radius:6px;color:#f57c00;font-size:13px;line-height:1.5;margin-bottom:20px;padding:12px 16px}.payment-test-info code{background:#fff;border-radius:3px;font-family:Courier New,monospace;font-weight:600;padding:2px 6px}.withdrawal-consent{margin-bottom:16px}.withdrawal-consent-label{align-items:flex-start;color:#555;cursor:pointer;display:flex;font-size:13px;gap:10px;line-height:1.4}.withdrawal-consent-label input[type=checkbox]{accent-color:#667eea;height:18px;margin-top:1px;min-width:18px;width:18px}[data-theme=dark] .withdrawal-consent-label{color:#bbb}.payment-actions{display:flex;gap:12px;margin-bottom:16px}.payment-actions button{align-items:center;border:none;border-radius:8px;cursor:pointer;display:flex;flex:1 1;font-size:16px;font-weight:600;gap:8px;justify-content:center;padding:14px 24px;transition:all .2s ease}.btn-cancel{background:#f5f5f5;color:#666}.btn-cancel:hover:not(:disabled){background:#e0e0e0;color:#333}.btn-pay{background:linear-gradient(135deg,#667eea,#764ba2);box-shadow:0 4px 12px #667eea4d;color:#fff}.btn-pay:hover:not(:disabled){box-shadow:0 6px 16px #667eea66;transform:translateY(-2px)}.btn-pay:active:not(:disabled){transform:translateY(0)}.payment-actions button:disabled{cursor:not-allowed;opacity:.6}.payment-security{align-items:center;border-top:1px solid #e0e0e0;color:#888;display:flex;font-size:13px;gap:8px;justify-content:center;padding-top:12px}.payment-security svg{opacity:.7}[data-theme=dark] .stripe-payment-form{color:#f0f0f0}[data-theme=dark] .card-label{color:#e0e0e0}[data-theme=dark] .card-element-wrapper{background:#2d2d4a;border-color:#4a4a6a}[data-theme=dark] .card-element-wrapper:hover{border-color:#6a6a8a}[data-theme=dark] .card-element-wrapper:focus-within{border-color:#8b9ce6;box-shadow:0 0 0 3px #8b9ce633}[data-theme=dark] .payment-test-info{background:#f57c001a;border-color:#ffe0824d;color:#ffa726}[data-theme=dark] .payment-test-info code{background:#1a1a2e;color:#ffa726}[data-theme=dark] .btn-cancel{background:#2d2d4a;color:#aaa}[data-theme=dark] .btn-cancel:hover:not(:disabled){background:#3a3a5a;color:#e0e0e0}[data-theme=dark] .payment-security{border-top-color:#4a4a6a;color:#aaa}@media (max-width:480px){.payment-amount{font-size:16px}.amount-value{font-size:22px}.payment-actions button{font-size:15px;padding:12px 16px}}.purchase-overlay{bottom:0;bottom:var(--keyboard-height,0)}.purchase-modal{max-width:420px;position:relative}.purchase-loading-overlay{align-items:center;background:#000000b3;border-radius:16px;bottom:0;color:#fff;display:flex;flex-direction:column;gap:.75rem;justify-content:center;left:0;position:absolute;right:0;top:0;z-index:10}.purchase-loading-overlay p{font-size:.95rem;font-weight:600;margin:0}@keyframes purchaseSlideUp{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)}.payment-form-view{width:100%}.back-button{align-items:center;background:none;border:none;color:#666;color:var(--text-secondary,#666);cursor:pointer;display:flex;font-size:.9rem;gap:.5rem;margin-bottom:1rem;padding:.5rem;transition:color .2s ease}.back-button:hover:not(:disabled){color:#333;color:var(--text-color,#333)}.back-button:disabled{cursor:not-allowed;opacity:.6}.purchase-item-name{color:#667eea;color:var(--focus-color,#667eea);font-size:1.1rem;font-weight:600;margin:0}[data-theme=dark] .purchase-item-name{color:#8b9ce6;color:var(--focus-color,#8b9ce6)}[data-theme=dark] .back-button{color:#aaa;color:var(--text-secondary,#aaa)}[data-theme=dark] .back-button:hover:not(:disabled){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}}.section-icon-freeze{color:#3b82f6}.freeze-balance{margin:0 0 .75rem;text-align:center}.buy-freeze-hints-button,.freeze-balance{color:#666;color:var(--text-secondary,#666);font-size:.85rem}.buy-freeze-hints-button{background:none;border:1px dashed #ddd;border:1px dashed var(--border-color,#ddd);border-radius:8px;cursor:pointer;display:block;margin-top:.5rem;padding:.6rem 1rem;transition:all .2s ease;width:100%}.buy-freeze-hints-button:hover:not(:disabled){background:#3b82f60d;border-color:#3b82f6;color:#3b82f6}.buy-freeze-hints-button:disabled{cursor:default;opacity:.6}[data-theme=dark] .buy-freeze-hints-button{border-color:#30363d;border-color:var(--border-color,#30363d);color:#aaa;color:var(--text-secondary,#aaa)}[data-theme=dark] .buy-freeze-hints-button:hover:not(:disabled){background:#3b82f61a;border-color:#3b82f6;color:#3b82f6}.section-icon-recovery{color:#ef4444}.recovery-info{color:#f0f0f0;color:var(--text-color,#f0f0f0);font-size:.9rem;margin:0 0 .75rem}.recovery-icon,.recovery-option .option-icon{color:#ef4444}.recovery-section{background:#ef44440d;border:1px solid #ef44444d;border-radius:12px;padding:1rem}.milestone-modal{max-width:360px;padding:2rem 1.5rem;position:relative;text-align:center}@keyframes milestoneSlideUp{0%{opacity:0;transform:translateY(20px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.milestone-close{-webkit-tap-highlight-color:transparent;align-items:center;background:none;border:none;color:#888;color:var(--text-secondary,#888);cursor:pointer;display:flex;float:right;font-size:1.25rem;justify-content:center;margin:-1rem -.5rem 0 0;min-height:44px;min-width:44px;padding:.75rem;position:-webkit-sticky;position:sticky;top:0;transition:color .2s ease;z-index:10}.milestone-close:hover{color:#333;color:var(--text-color,#333)}.milestone-header{margin-bottom:1.25rem}.milestone-fire{animation:milestonePulse 1s ease infinite;font-size:3rem;margin-bottom:.5rem}@keyframes milestonePulse{0%,to{transform:scale(1)}50%{transform:scale(1.15)}}.milestone-header h2{color:#333;color:var(--text-color,#333);font-size:1.35rem;margin:0 0 .25rem}.milestone-streak{color:#f59e0b;font-size:1rem;font-weight:600;margin:0}.milestone-reward{align-items:center;background:linear-gradient(135deg,#fbbf241a,#f59e0b26);border-radius:10px;color:#333;color:var(--text-color,#333);display:flex;font-size:1rem;gap:.5rem;justify-content:center;margin-bottom:1rem;padding:.75rem 1rem}.milestone-reward svg{color:#f59e0b;font-size:1.2rem}.milestone-count{color:#888;color:var(--text-secondary,#888);font-size:.8rem;margin:0 0 1rem}.milestone-claim-button{background:linear-gradient(135deg,#f59e0b,#d97706);border:none;border-radius:10px;box-shadow:0 2px 8px #f59e0b4d;color:#fff;cursor:pointer;font-size:1.05rem;font-weight:600;padding:.85rem;transition:all .2s ease;width:100%}.milestone-claim-button:hover:not(:disabled){box-shadow:0 4px 12px #f59e0b66;transform:translateY(-1px)}.milestone-claim-button:active:not(:disabled){transform:translateY(0)}.milestone-claim-button:disabled{cursor:default}.milestone-claim-button.claimed{background:linear-gradient(135deg,#10b981,#059669);box-shadow:0 2px 8px #10b9814d}[data-theme=dark] .milestone-modal{background:#1a1a2e;background:var(--card-bg,#1a1a2e)}[data-theme=dark] .milestone-header h2,[data-theme=dark] .milestone-reward{color:#f0f0f0;color:var(--text-color,#f0f0f0)}@media (max-width:480px){.milestone-modal{margin:.5rem;padding:1.5rem 1.25rem}.milestone-fire{font-size:2.5rem}.milestone-header h2{font-size:1.2rem}}.recovery-modal{max-width:360px;padding:2rem 1.5rem;position:relative;text-align:center}@keyframes recoverySlideUp{0%{opacity:0;transform:translateY(20px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.recovery-close{-webkit-tap-highlight-color:transparent;align-items:center;background:none;border:none;color:#888;color:var(--text-secondary,#888);cursor:pointer;display:flex;float:right;font-size:1.25rem;justify-content:center;margin:-1rem -.5rem 0 0;min-height:44px;min-width:44px;padding:.75rem;position:-webkit-sticky;position:sticky;top:0;transition:color .2s ease;z-index:10}.recovery-close:hover{color:#f0f0f0;color:var(--text-color,#f0f0f0)}.recovery-header{margin-bottom:1.5rem}.recovery-icon{animation:recoveryPulse 1.5s ease infinite;font-size:3rem;margin-bottom:.5rem}@keyframes recoveryPulse{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}.recovery-header h2{font-size:1.35rem;margin:0 0 .5rem}.recovery-detail,.recovery-header h2{color:#f0f0f0;color:var(--text-color,#f0f0f0)}.recovery-detail{font-size:1rem;margin:0 0 .25rem}.recovery-missed{color:#ef4444;font-size:.9rem;font-weight:600;margin:0}.recovery-options{margin-bottom:1rem}.recovery-hint-button{align-items:center;background:linear-gradient(135deg,#f59e0b,#d97706);border:none;border-radius:10px;box-shadow:0 2px 8px #f59e0b4d;color:#fff;cursor:pointer;display:flex;font-size:1.05rem;font-weight:600;gap:.5rem;justify-content:center;padding:.85rem;transition:all .2s ease;width:100%}.recovery-hint-button:hover:not(:disabled){box-shadow:0 4px 12px #f59e0b66;transform:translateY(-1px)}.recovery-hint-button.disabled,.recovery-hint-button:disabled{cursor:default;opacity:.5;transform:none}.recovery-insufficient{font-size:.8rem;margin:.35rem 0 0}.recovery-divider,.recovery-insufficient{color:#888;color:var(--text-secondary,#888)}.recovery-divider{align-items:center;display:flex;font-size:.85rem;gap:.75rem;margin:1rem 0}.recovery-divider:after,.recovery-divider:before{background:#ffffff1a;background:var(--border-color,#ffffff1a);content:"";flex:1 1;height:1px}.recovery-buy-button{align-items:center;background:linear-gradient(135deg,#6366f1,#4f46e5);border:none;border-radius:10px;box-shadow:0 2px 8px #6366f14d;color:#fff;cursor:pointer;display:flex;font-size:1.05rem;font-weight:600;gap:.5rem;justify-content:center;padding:.85rem;transition:all .2s ease;width:100%}.recovery-buy-button:hover:not(:disabled){box-shadow:0 4px 12px #6366f166;transform:translateY(-1px)}.recovery-success{padding:1.5rem 0}.recovery-success-icon{animation:recoverySuccessPop .5s ease;font-size:3rem;margin-bottom:.5rem}@keyframes recoverySuccessPop{0%{transform:scale(0)}60%{transform:scale(1.2)}to{transform:scale(1)}}.recovery-success p{color:#10b981;font-size:1.2rem;font-weight:600;margin:0}.recovery-error{color:#ef4444;font-size:.85rem;margin:.5rem 0 0}.recovery-dismiss{color:#888;color:var(--text-secondary,#888);font-size:.8rem;margin:0}[data-theme=light] .recovery-modal{background:#fff;background:var(--card-bg,#fff)}[data-theme=light] .recovery-detail,[data-theme=light] .recovery-header h2{color:#333;color:var(--text-color,#333)}@media (max-width:600px){.recovery-modal{padding:1.5rem 1.25rem}}@media (max-width:480px){.recovery-modal{margin:.5rem;padding:1.5rem 1.25rem}.recovery-icon{font-size:2.5rem}.recovery-header h2{font-size:1.2rem}}.rank-progress-bar{align-items:center;background:#f8f9fa;background:var(--card-bg,#f8f9fa);border:1px solid #e0e0e0;border:1px solid var(--border-color,#e0e0e0);border-radius:10px;box-sizing:border-box;display:flex;gap:8px;margin:8px auto;max-width:400px;padding:8px 16px;width:100%}.rank-progress-tier{align-items:center;display:flex;gap:4px;white-space:nowrap}.rank-progress-tier i{font-size:1rem}.rank-progress-name{font-size:.75rem;font-weight:700;letter-spacing:.02em}.rank-progress-track{background:#ddd;background:var(--border-color,#ddd);border-radius:4px;flex:1 1;height:8px;overflow:hidden}.rank-progress-fill{border-radius:4px;height:100%;transition:width .5s ease}.rank-progress-count{color:#333;color:var(--text-color,#333);font-size:.8rem;font-weight:700;white-space:nowrap}.rank-star-icon{color:#f0c040;font-size:.75rem;margin-left:3px}.rank-progress-practice-note{color:#888;color:var(--text-muted,#888);font-size:.65rem;font-style:italic;white-space:nowrap}.rank-progress-compact{align-items:center;display:flex;gap:6px;padding:4px 0}.rank-progress-compact i:first-child{font-size:.9rem}.rank-progress-compact-name{font-size:.75rem;font-weight:700}.rank-progress-stars-compact{display:flex;gap:2px}.rank-progress-stars-compact i.fa-star{font-size:.7rem;transition:color .3s ease}.rank-progress-stars-compact i.fa-star.filled{color:#f0c040}.rank-progress-stars-compact i.fa-star.empty{color:#ccc;color:var(--border-color,#ccc)}.rank-progress-star-count{color:#f0c040;font-size:.75rem;font-weight:700}.rank-progress-practice-note-compact{color:#888;color:var(--text-muted,#888);font-size:.6rem;font-style:italic;white-space:nowrap}.rank-promotion-overlay{z-index:1100}.rank-promotion-modal{max-width:340px;padding:2rem 1.5rem;position:relative;text-align:center}@keyframes rankSlideUp{0%{opacity:0;transform:translateY(20px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.rank-promotion-icon{animation:rankIconPulse 1.2s ease infinite;font-size:3.5rem;margin-bottom:.75rem}@keyframes rankIconPulse{0%,to{transform:scale(1)}50%{transform:scale(1.15)}}.rank-promotion-title{color:#333;color:var(--text-color,#333);font-size:1.4rem;margin:0 0 .25rem}.rank-promotion-name{font-size:1.5rem;font-weight:700;margin:0 0 .5rem}.rank-promotion-rating{color:#888;color:var(--text-secondary,#888);font-size:.95rem;margin:0 0 1.25rem}.rank-promotion-button{border:none;border-radius:10px;box-shadow:0 2px 8px #0003;color:#fff;cursor:pointer;font-size:1.05rem;font-weight:600;padding:.85rem;transition:all .2s ease;width:100%}.rank-promotion-button:hover{box-shadow:0 4px 12px #0000004d;transform:translateY(-1px)}.rank-promotion-button:active{transform:translateY(0)}[data-theme=dark] .rank-promotion-modal{background:#1a1a2e;background:var(--card-bg,#1a1a2e)}[data-theme=dark] .rank-promotion-title{color:#f0f0f0;color:var(--text-color,#f0f0f0)}@media (max-width:480px){.rank-promotion-modal{margin:.5rem;padding:1.5rem 1.25rem}.rank-promotion-icon{font-size:3rem}.rank-promotion-title{font-size:1.2rem}.rank-promotion-name{font-size:1.3rem}}.game-page{align-items:center;display:flex;flex:1 1;flex-direction:column;justify-content:flex-start;position:relative;transition:var(--transition);width:100%}.game-container{box-sizing:border-box;padding: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{-ms-overflow-style:none;max-width:100%;overflow-x:auto;overflow-y:visible;scrollbar-width:none;width:100%}.game-center-container::-webkit-scrollbar{display:none}.form-container{align-items:flex-start;flex-direction:column;margin:0 auto;padding-left:calc(var(--cell-size) + 10px);padding-right:calc(var(--cell-size) + 10px)}.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:8px;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:all .15s ease;-webkit-user-select:none;user-select:none;width:var(--cell-size)}.letter-box.active{border-color:var(--focus-color);box-shadow:0 0 0 3px rgba(var(--focus-color-rgb),.2),0 0 12px rgba(var(--focus-color-rgb),.3);transform:scale(1.02)}.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 0 3px rgba(var(--focus-color-rgb),.2),0 0 12px rgba(var(--focus-color-rgb),.3);outline:none!important}.action-button{background-color:initial;border:0;border-radius:6px;color:var(--text-secondary);cursor:pointer;font-size:var(--button-font-size);font-weight:700;height:100%;margin:0;padding:0;text-align:center;text-transform:uppercase;transition:var(--transition);width:100%}#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,#0cce6b66,#0cce6b40);border-color:#0cce6b;transform:rotateX(-90deg)}to{background:linear-gradient(135deg,#0cce6b66,#0cce6b40);border-color:#0cce6b;box-shadow:0 0 12px #0cce6b80,inset 0 0 8px #0cce6b33;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)}}.form-container.victory-active{overflow:hidden;padding-top:10px}.letter-box.victory-wave{animation:victoryWave .6s ease-in-out forwards;position:relative;z-index:10}.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(14px) saturate(160%);-webkit-backdrop-filter:blur(14px) saturate(160%);background:#151929bf;border:1px solid #818cf814;border-radius:24px;box-shadow:0 1px 2px #00000026,0 4px 8px #0003,0 12px 36px #00000040,inset 0 1px 0 #ffffff08;overflow:visible}[data-theme=light] .game-container{background:#ffffffbf;border:1px solid #ffffff80;box-shadow:0 1px 2px #00000008,0 4px 8px #0000000a,0 12px 36px #0000000f}.letter-box{background:linear-gradient(145deg,var(--card-bg) 0,var(--bg-secondary) 100%);box-shadow:0 1px 2px #0003,0 2px 4px #00000026,inset 0 1px 0 #ffffff0a;perspective:1000px;transform-style:preserve-3d}[data-theme=light] .letter-box{box-shadow:0 1px 2px #0000000f,0 2px 4px #0000000a,inset 0 1px 0 #fff3}.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:#0cce6b2e}.action-button.button-valid:hover{background:#0cce6b47;transform:scale(1.05)}.button-box:has(.button-valid){border-color:#0cce6b80}.progress-bar-fill{background:linear-gradient(90deg,#0cce6b,#22c55e 50%,#10b981);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:#ffffff40}.delete-button:hover{color:#ffffff80;transform:scale(1.1)}[data-theme=light] .delete-button{color:#00000040}[data-theme=light] .delete-button:hover{color:#00000080}.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:18px 16px 20px;padding-bottom:calc(var(--ad-bottom-height, 0px) + 20px);width:100%}body.keyboard-open .game-page-wrapper{padding-bottom:0!important}.info-bar{align-items:center;display:flex;gap:12px;justify-content:center;min-height:24px;width:100%}.info-bar.info-bar--spread{justify-content:space-between}.level-progress-inline{align-items:center;display:flex;flex-shrink:0;gap:6px}.level-label-inline{color:var(--text-color);font-size:.8rem;font-weight:700;white-space:nowrap}.level-count-inline{color:var(--text-secondary);font-size:.75rem;font-weight:600;white-space:nowrap}.level-bar-inline{background:linear-gradient(90deg,#ffffff0d,#ffffff1a);border:1px solid #ffffff26;border-radius:3px;height:6px;overflow:hidden;width:48px}[data-theme=light] .level-bar-inline{background:linear-gradient(90deg,#80808014,#8080801f);border-color:#80808026}.level-bar-fill-inline{background:linear-gradient(90deg,#10b981,#0cce6b);border-radius:3px;height:100%;transition:width .6s ease}.game-action-row-embedded{align-items:center;border-bottom:1px solid #ffffff0f;display:flex;flex-wrap:wrap;gap:.6rem;justify-content:center;margin-bottom:6px;padding-bottom:10px;width:100%}[data-theme=light] .game-action-row-embedded{border-bottom-color:#0000000f}.hint-button-sm,.skip-button-sm{font-size:.78rem;padding:.4rem .7rem}.hint-balance-sm{margin-left:0}.hint-balance-sm .ad-hints,.hint-balance-sm .free-hints,.hint-balance-sm .purchased-hints{font-size:.75rem;padding:.25rem .4rem}.challenge-banner-compact{background:linear-gradient(135deg,#7c3aed,#6d28d9);border-radius:8px;box-shadow:0 2px 8px #7c3aed40;color:#fff;font-size:.78rem;overflow:hidden;padding:6px 12px;width:100%}[data-theme=light] .challenge-banner-compact{background:linear-gradient(135deg,var(--focus-color) 0,#8b5cf6 50%,#9333ea 100%)}.challenge-banner-scroll{align-items:center;display:inline-flex;gap:6px;padding-right:12px;white-space:nowrap;width:-webkit-max-content;width:max-content}.challenge-banner-compact i{flex-shrink:0;font-size:.85rem}.challenge-compact-name{flex-shrink:0;font-weight:700;white-space:nowrap}.challenge-compact-sep{flex-shrink:0;opacity:.5}.challenge-compact-desc{flex-shrink:0;opacity:.85;white-space:nowrap}.challenge-compact-timer{flex-shrink:0;font-size:.72rem;opacity:.65;white-space:nowrap}.difficulty-selector-compact{align-items:center;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:8px;display:flex;gap:.5rem;padding:4px 10px}.difficulty-selector-compact label{color:var(--text-color);font-size:.8rem;font-weight:600;white-space:nowrap}.difficulty-selector-compact select{background:var(--card-bg);border:1px solid var(--border-color);border-radius:5px;color:var(--text-color);font-family:inherit;font-size:.8rem;padding:3px 6px}.progress-container{width:100%}.progress-bar-wrapper{background-color:#ffffff1a;border:1px solid var(--custom-border-color);border-radius:5px;height:28px;overflow:hidden;position:relative;width:100%}[data-theme=light] .progress-bar-wrapper{background-color:#80808026}.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);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-button.expert-mode{color:#ef4444}.mode-button.expert-mode:hover{background:#ef444414;color:#dc2626}.mode-button.expert-mode.active{background:linear-gradient(135deg,#ef4444,#dc2626);box-shadow:0 2px 8px #ef444459;color:#fff}.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;animation:overlayFadeIn .15s ease-out;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);background:#00000080;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}@keyframes overlayFadeIn{0%{opacity:0}to{opacity:1}}.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,#ffffff0d,#ffffff1a);border:1px solid #fff3;border-radius:5px;box-shadow:inset 0 1px 2px #0000000f;height:10px;overflow:visible;position:relative;width:100%}[data-theme=light] .progress-bar-track{background:linear-gradient(90deg,#80808014,#8080801f);border-color:#80808026}.progress-bar-fill{background:linear-gradient(90deg,#10b981,#0cce6b 40%,#22c55e);border-radius:5px;box-shadow:0 0 8px #0cce6b4d,0 0 16px #0cce6b26;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:linear-gradient(135deg,var(--focus-color) 0,var(--focus-color-dark) 100%);border-radius:20px;box-shadow:0 2px 6px rgba(var(--focus-color-rgb),.25);color:#fff;font-size:.85rem;font-weight:700;padding:.35rem .75rem}.mode-selector{grid-gap:4px;align-self:stretch;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:12px;display:grid;gap:4px;grid-template-columns:repeat(4,1fr);padding:3px}.mode-button{align-items:center;background:#0000;border:none;border-radius:9px;color:var(--text-secondary);cursor:pointer;display:flex;font-size:.9rem;font-weight:600;gap:.4rem;justify-content:center;line-height:1;min-width:0;overflow:hidden;padding:.5rem .875rem;transition:all .2s ease}.mode-button svg{flex-shrink:0;height:1em;width:1em}.mode-button:hover{background:rgba(var(--focus-color-rgb),.06);color:var(--text-color)}.mode-button.active{background:var(--focus-color);box-shadow:0 2px 8px rgba(var(--focus-color-rgb),.35);color:#fff}.mode-button:disabled{cursor:not-allowed;opacity:.6;pointer-events:none}.difficulty-selector{align-items:center;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:12px;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,#22c55e1f,#10b98114);border:1.5px solid #22c55e4d;border-radius:16px;box-shadow:0 2px 8px #22c55e1f,0 0 20px #22c55e0f;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}.completion-stats-card{align-items:center;animation:completionSlideIn .5s ease-out;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:linear-gradient(135deg,#22c55e1f,#10b98114);border:1.5px solid #22c55e4d;border-radius:16px;box-shadow:0 2px 8px #22c55e1f,0 0 20px #22c55e0f;display:flex;flex-direction:column;gap:.6rem;padding:.75rem 1.2rem;width:100%}.completion-stats-row{align-items:center;display:flex;flex-wrap:wrap;gap:1rem;justify-content:center}.completion-stat{align-items:center;color:#22c55e;display:flex;font-size:.9rem;font-weight:600;gap:.3rem;white-space:nowrap}.completion-stat i{font-size:.85rem;opacity:.8}.stat-detail{font-weight:500;opacity:.7}.stat-perfect{color:#fbbf24;font-weight:700}.completion-retry-btn{align-items:center;background:#22c55e26;border:1.5px solid #22c55e66;border-radius:10px;color:#22c55e;cursor:pointer;display:flex;font-family:inherit;font-size:.85rem;font-weight:600;gap:.4rem;padding:.5rem 1.2rem;transition:all .2s ease}.completion-retry-btn:hover{background:#22c55e40;border-color:#22c55e99}[data-theme=light] .completion-stats-card{background:linear-gradient(135deg,#22c55e14,#10b9810d)}.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),.08) 0,#0cce6b14 100%);border:1px solid rgba(var(--focus-color-rgb),.15);border-radius:20px;box-shadow:0 4px 20px rgba(var(--focus-color-rgb),.08);margin-top:2rem;padding:2rem;position:relative;text-align:center}.celebration-dismiss{align-items:center;background:#0000;border:none;border-radius:50%;color:var(--text-secondary);cursor:pointer;display:flex;font-size:.875rem;height:28px;justify-content:center;position:absolute;right:.5rem;top:.5rem;transition:all .2s ease;width:28px}.celebration-dismiss:hover{background:#0000001a;color:var(--text-color)}.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:12px;box-shadow:0 2px 8px rgba(var(--focus-color-rgb),.25);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),.35);transform:translateY(-2px)}.celebration .continue-practice-button{background:linear-gradient(135deg,#0cce6b,#0a9e53);border:none;border-radius:12px;box-shadow:0 2px 8px #0cce6b40;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-practice-button:hover{box-shadow:0 6px 20px #0cce6b59;transform:translateY(-2px)}.celebration .continue-practice-button i{margin-right:.5rem}.nav-button.pulse:not(:disabled){color:var(--focus-color);text-shadow:0 0 10px var(--focus-color)}.game-action-row{display:flex;flex-wrap:wrap;gap:.75rem}.game-action-row,.hint-button{align-items:center;justify-content:center}.hint-button{background:#f59e0b1f;border:1.5px solid #f59e0b;border-radius:10px;color:#f59e0b;cursor:pointer;display:inline-flex;font-size:.85rem;font-weight:600;gap:.35rem;line-height:1;padding:.5rem 1rem;transition:all .2s ease}.hint-button:hover:not(:disabled){background:#f59e0b33;box-shadow:0 2px 10px #f59e0b40}.hint-button:disabled{cursor:not-allowed;opacity:.4}.hint-button i{align-items:center;color:#f0ad4e;display:inline-flex;font-size:.8em}.hint-backward,.hint-forward{border-color:#f59e0b}.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:.35rem;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;box-sizing:border-box;margin:0 auto;max-width:calc(100% - 1rem);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:.35rem;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:.35rem;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;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:5px;margin-left:4px;transition:opacity .3s ease}.hint-balance-loading{opacity:0}.hint-balance-ready{opacity:1}.hint-balance-indicator .ad-hints,.hint-balance-indicator .free-hints,.hint-balance-indicator .purchased-hints{align-items:center;border:1px solid #0000;border-radius:14px;display:inline-flex;font-size:.78rem;font-weight:600;gap:4px;justify-content:center;line-height:1;min-width:1.8em;padding:.3rem .55rem}.hint-balance-indicator .free-hints{background:#10b98126;border-color:#10b98140;color:#10b981}.hint-balance-indicator .ad-hints i,.hint-balance-indicator .free-hints i,.hint-balance-indicator .purchased-hints i{align-items:center;display:inline-flex;font-size:.7em}.hint-balance-indicator .purchased-hints{background:#f59e0b26;border-color:#f59e0b40;color:#f59e0b}.hint-balance-indicator .ad-hints{background:#8b5cf626;border-color:#8b5cf640;color:#8b5cf6}.hint-badge-clickable{cursor:pointer;transition:background .15s,transform .15s}.hint-badge-clickable:hover{transform:scale(1.05)}.hint-badge-clickable:active{transform:scale(.97)}.hint-used-flash{animation:hintUsedPulse 1.2s ease-out}@keyframes hintUsedPulse{0%{box-shadow:0 0 0 #ef444400;transform:scale(1)}15%{box-shadow:0 0 8px #ef444480;transform:scale(1.15)}30%{transform:scale(.95)}50%{transform:scale(1)}to{box-shadow:0 0 0 #ef444400}}.hint-used-indicator{animation:hintUsedFloat 1.2s ease-out forwards;color:#ef4444;font-size:.7rem;font-weight:700;pointer-events:none;position:absolute;right:-4px;text-shadow:0 0 4px #0006;top:-14px}@keyframes hintUsedFloat{0%{opacity:1;transform:translateY(0)}70%{opacity:1;transform:translateY(-12px)}to{opacity:0;transform:translateY(-18px)}}.hint-badge-tooltip{position:relative}.hint-tooltip{background:#1a1d2e;background:var(--card-bg,#1a1d2e);border:1px solid #ffffff1a;border:1px solid var(--custom-border-color,#ffffff1a);border-radius:6px;bottom:calc(100% + 6px);box-shadow:0 2px 8px #0000004d;color:#e0e0e0;color:var(--text-color,#e0e0e0);display:none;font-size:.68rem;font-weight:400;left:50%;padding:4px 8px;pointer-events:none;position:absolute;transform:translateX(-50%);white-space:nowrap;z-index:100}.hint-badge-tooltip:hover .hint-tooltip{display:block}[data-theme=light] .hint-tooltip{background:#fff;border-color:#0000001f;box-shadow:0 2px 8px #0000001f;color:#333}[data-theme=light] .hint-balance-indicator .free-hints{background:#10b98126}[data-theme=light] .hint-balance-indicator .purchased-hints{background:#f59e0b26}[data-theme=light] .hint-balance-indicator .ad-hints{background:#8b5cf626}@media (max-width:768px){.mode-button span{display:none}.mode-button{padding:.4rem .75rem}.mode-button svg{font-size:1rem;height:1rem;width:1rem}}@media (max-width:600px){.game-page-wrapper{gap:6px;max-width:100vw;padding:8px 12px 20px;padding-bottom:calc(var(--ad-bottom-height, 0px) + 20px)}.mode-selector{border-radius:10px;padding:3px}.mode-button{border-radius:8px;font-size:.75rem;min-height:34px;padding:.4rem .5rem}.mode-button span{display:none}.mode-button svg{font-size:1rem;height:1rem;min-height:1rem;min-width:1rem;width:1rem}.game-title{font-size:1rem}.button-box,.letter-box{font-size:14px;height:40px;width:40px}.game-container{border-radius:20px;max-width:100%;padding:12px 10px}.info-bar{gap:8px}.level-bar-inline{width:36px}.level-label-inline{font-size:.75rem}.word-row{flex-wrap:nowrap;justify-content:flex-start}.button-box{left:-44px;position:absolute}.form-container{padding-left:46px;padding-right:46px}}@media (max-width:380px){.button-box,.letter-box{font-size:13px;height:36px;margin:1px;width:36px}.button-box{left:-38px}.form-container{padding-left:40px;padding-right:40px}}.victory-overlay{align-items:center;animation:victoryOverlayFadeIn .5s ease-out;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);background:#000000e0;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}@keyframes victoryOverlayFadeIn{0%{opacity:0}to{opacity:1}}.victory-overlay-content{animation:victoryContentSlideUp .6s ease-out .2s both;backdrop-filter:blur(20px) saturate(130%);-webkit-backdrop-filter:blur(20px) saturate(130%);background:linear-gradient(145deg,#191e37d9,#281446bf);border:1px solid #ffffff1a;border-radius:24px;box-shadow:0 8px 32px #0006,0 0 0 1px #ffffff0d,inset 0 1px 0 #ffffff14;max-width:420px;padding:2rem 2.5rem;position:relative;text-align:center;width:90%}.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;position:absolute;right:.75rem;top:.75rem;transition:all .2s ease;width:32px}.victory-close-button:hover{background:#fff3;color:#fff}@keyframes victoryContentSlideUp{0%{opacity:0;transform:translateY(40px) scale(.85)}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,.victory-streak{color:#fbbf24;font-weight:600}.victory-streak{font-size:1rem;margin:0 0 1.25rem}.victory-buttons{display:flex;flex-wrap:wrap;gap:1rem;justify-content:center}.victory-button{align-items:center;border:none;border-radius:14px;cursor:pointer;display:flex;font-size:1rem;font-weight:700;gap:.45rem;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}.victory-hint-earned{align-items:center;animation:achievementPopIn .5s cubic-bezier(.175,.885,.32,1.275) forwards;background:linear-gradient(135deg,#10b98133,#05966933);border:1px solid #10b98166;border-radius:10px;color:#34d399;display:flex;font-size:.9rem;font-weight:600;gap:.4rem;justify-content:center;margin:.5rem 0;padding:.45rem 1rem}.victory-hint-earned svg{font-size:1rem}[data-theme=light] .victory-hint-earned{background:linear-gradient(135deg,#10b9811f,#0596691f);border-color:#0596694d;color:#059669}[data-theme=light] .victory-overlay{background:#ffffffd1}[data-theme=light] .victory-overlay-content{background:linear-gradient(145deg,#fffffff2,#f5f0ffeb);border:1px solid #00000014;box-shadow:0 8px 32px #0000001f,0 0 0 1px #0000000a,inset 0 1px 0 #fff9}[data-theme=light] .victory-close-button{background:#0000000f;color:#00000080}[data-theme=light] .victory-close-button:hover{background:#0000001f;color:#000c}[data-theme=light] .victory-star.empty{color:#00000026}[data-theme=light] .victory-title{color:#1a1a2e;text-shadow:none}[data-theme=light] .victory-steps{color:#000000b3}[data-theme=light] .victory-optimal,[data-theme=light] .victory-streak{color:#d97706}[data-theme=light] .victory-button.retry-button{background:#0000000f;border:2px solid #00000026;color:#333}[data-theme=light] .victory-button.retry-button:hover{background:#0000001a;border-color:#00000040}[data-theme=light] .victory-hint{color:#0006}.game-nav-arrows{gap:3rem;margin-top:.25rem;padding:.5rem 0}.game-nav-arrow,.game-nav-arrows{align-items:center;display:flex;justify-content:center}.game-nav-arrow{background:#ffffff14;border:1.5px solid #ffffff40;border-radius:50%;color:#ffffffb3;cursor:pointer;font-size:.8rem;height:34px;transition:all .15s ease;width:34px}.game-nav-arrow:hover:not(.game-nav-disabled){background:#fff3;border-color:#ffffff80}.game-nav-arrow:active:not(.game-nav-disabled){transform:scale(.92)}.game-nav-disabled{cursor:default;opacity:.25;pointer-events:none}[data-theme=light] .game-nav-arrow{background:#0000000f;border-color:#00000026;color:#00000080}[data-theme=light] .game-nav-arrow:hover:not(.game-nav-disabled){background:#0000001a;border-color:#00000040}.game-nav-toggle{align-items:center;background:#ffffff14;border:1.5px solid #ffffff40;border-radius:50%;color:#ffffff8c;cursor:pointer;display:flex;font-size:.85rem;height:34px;justify-content:center;opacity:.65;transition:all .15s ease;width:34px}.game-nav-toggle:hover{background:#ffffff2e;opacity:1}.game-nav-toggle:active{transform:scale(.92)}.game-nav-toggle.active{background:linear-gradient(135deg,#3b82f647,#8b5cf647);border-color:#8b5cf68c;box-shadow:0 0 0 2px #8b5cf62e;color:#e0e7ff;opacity:1}[data-theme=light] .game-nav-toggle{background:#0000000a;border-color:#00000026;color:#00000073}[data-theme=light] .game-nav-toggle:hover{background:#00000014}[data-theme=light] .game-nav-toggle.active{background:linear-gradient(135deg,#3b82f62e,#8b5cf62e);border-color:#3b82f680;color:#3b82f6}.word-row>.distance-indicator{align-items:center;background:#6366f133;border:1px solid #8b5cf666;border-radius:999px;color:#ffffffeb;display:inline-flex;font-size:.72rem;font-weight:600;gap:3px;left:100%;line-height:1;margin-left:6px;padding:2px 6px;pointer-events:none;position:absolute;top:50%;transform:translateY(-50%);-webkit-user-select:none;user-select:none;white-space:nowrap}.distance-indicator .distance-value{font-feature-settings:"tnum";font-variant-numeric:tabular-nums;min-width:1ch;text-align:center}.distance-indicator .distance-delta{border-radius:999px;font-size:.65rem;font-weight:700;line-height:1;padding:1px 4px}.distance-indicator .distance-delta.closer{background:#10b98129;color:#10b981}.distance-indicator .distance-delta.farther{background:#ef444429;color:#ef4444}[data-theme=light] .word-row>.distance-indicator{background:#6366f11f;border-color:#3b82f64d;color:#374151}.wrong-way-toast{align-items:center;animation:wrong-way-in .25s ease-out,wrong-way-out .3s ease-in 2.2s forwards;background:linear-gradient(135deg,#fb923c,#ef4444);border-radius:999px;box-shadow:0 8px 24px #ef444459;color:#fff;cursor:pointer;display:inline-flex;font-size:.95rem;font-weight:600;gap:10px;left:50%;max-width:calc(100vw - 32px);padding:10px 18px;position:fixed;top:calc(env(safe-area-inset-top, 0px) + 72px);transform:translateX(-50%);z-index:9999}.wrong-way-toast .wrong-way-emoji{font-size:1.2rem}@keyframes wrong-way-in{0%{opacity:0;transform:translate(-50%,-12px)}to{opacity:1;transform:translate(-50%)}}@keyframes wrong-way-out{0%{opacity:1;transform:translate(-50%)}to{opacity:0;transform:translate(-50%,-8px)}}@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{max-width:95%;padding:1.5rem 1.25rem;width:95%}}.victory-share-row{margin-bottom:1rem;width:100%}.victory-button.share-button{background:linear-gradient(135deg,var(--focus-color) 0,#764ba2 100%);box-shadow:0 4px 15px rgba(var(--focus-color-rgb),.35);color:#fff;justify-content:center;transition:all .3s ease;width:100%}.victory-button.share-button:hover{box-shadow:0 6px 20px rgba(var(--focus-color-rgb),.45);transform:translateY(-2px)}.victory-button.share-button.copied{background:linear-gradient(135deg,#22c55e,#16a34a);box-shadow:0 4px 15px #22c55e66}.victory-achievements{display:flex;flex-wrap:wrap;gap:.5rem;justify-content:center;margin:.75rem 0}.achievement-badge{align-items:center;animation:achievementPopIn .5s cubic-bezier(.175,.885,.32,1.275) forwards;border-radius:20px;display:inline-flex;font-size:.8rem;font-weight:700;gap:.4rem;letter-spacing:.02em;opacity:0;padding:.35rem .85rem;transform:scale(.5)}.achievement-badge i{font-size:.85rem}.achievement-perfect_game{background:linear-gradient(135deg,#ffd70026,#ffb90026);border:1px solid #ffd70080;box-shadow:0 0 12px #ffd70033;color:gold}[data-theme=light] .achievement-perfect_game{background:linear-gradient(135deg,#ffd70033,#ffb90033);color:#d4a800}.achievement-lightning_fast{background:linear-gradient(135deg,#3b82f626,#2563eb26);border:1px solid #3b82f680;box-shadow:0 0 12px #3b82f633;color:#60a5fa}[data-theme=light] .achievement-lightning_fast{background:linear-gradient(135deg,#3b82f633,#2563eb33);color:#2563eb}.achievement-marathon{background:linear-gradient(135deg,#10b98126,#05966926);border:1px solid #10b98180;box-shadow:0 0 12px #10b98133;color:#34d399}[data-theme=light] .achievement-marathon{background:linear-gradient(135deg,#10b98133,#05966933);color:#059669}.celebration-badge{animation-delay:0s;display:inline-flex;font-size:.9rem;margin-bottom:.75rem;opacity:1;padding:.5rem 1.2rem;transform:scale(1)}@keyframes achievementPopIn{0%{opacity:0;transform:scale(.5)}60%{opacity:1;transform:scale(1.15)}to{opacity:1;transform:scale(1)}}.victory-achievements .achievement-badge:first-child{animation-delay:.2s}.victory-achievements .achievement-badge:nth-child(2){animation-delay:.4s}.victory-achievements .achievement-badge:nth-child(3){animation-delay:.6s}.challenge-banner{background:linear-gradient(135deg,#7c3aed,#6d28d9);border-radius:14px;box-shadow:0 4px 15px rgba(var(--focus-color-rgb),.25);color:#fff;margin-bottom:8px;padding:16px 20px;width:100%}.challenge-header{align-items:center;display:flex;gap:10px;margin-bottom:6px}.challenge-header i{font-size:1.3em}.challenge-header h3{font-size:1.1em;font-weight:700;margin:0}.challenge-description{font-size:.9em;line-height:1.4;margin:0 0 8px;opacity:.9}.challenge-timer{font-size:.8em;font-weight:500;opacity:.75}[data-theme=light] .challenge-banner{background:linear-gradient(135deg,var(--focus-color) 0,#8b5cf6 50%,#9333ea 100%)}.star-goal-bar{align-items:center;background:#f8f9fa;background:var(--card-bg,#f8f9fa);border:1px solid #e0e0e0;border:1px solid var(--border-color,#e0e0e0);border-radius:12px;box-shadow:var(--shadow-sm);box-sizing:border-box;display:flex;gap:8px;margin:8px auto;max-width:400px;padding:10px 16px;width:100%}.star-goal-label{color:#333;color:var(--text-color,#333);font-size:.8rem;font-weight:600;white-space:nowrap}.star-goal-label i{color:#f0c040;margin-right:4px}.star-goal-progress{background:#ddd;background:var(--border-color,#ddd);border-radius:4px;flex:1 1;height:8px;overflow:hidden}.star-goal-fill{background:linear-gradient(90deg,#f0c040,#f8d860);border-radius:4px;height:100%;transition:width .5s ease}.star-goal-count{color:#333;color:var(--text-color,#333);font-size:.8rem;font-weight:700;white-space:nowrap}.star-goal-done{color:#0cce6b;font-weight:700}.skip-button{align-items:center;background:#0000;border:1.5px solid var(--border-color);border-radius:10px;color:var(--text-secondary);cursor:pointer;display:inline-flex;font-size:.85rem;font-weight:600;gap:.35rem;justify-content:center;line-height:1;padding:.5rem 1rem;transition:all .2s ease}.skip-button:hover{background:#ffffff0a;border-color:var(--text-secondary);color:var(--text-color)}.skip-button i{align-items:center;display:inline-flex;font-size:.8em}.skipped-solution{background:#f8f9fa;background:var(--card-bg,#f8f9fa);border:1px solid #e0e0e0;border:1px solid var(--border-color,#e0e0e0);border-radius:10px;margin:8px auto;max-width:400px;padding:12px 16px;text-align:center}.skipped-solution-header{color:#555;color:var(--text-color,#555);font-size:.85rem;font-weight:600;margin-bottom:8px}.skipped-solution-header i{color:#e67e22;margin-right:6px}.skipped-solution-path{align-items:center;color:#333;color:var(--text-color,#333);display:flex;flex-wrap:wrap;font-size:.9rem;font-weight:600;gap:2px;justify-content:center}.solution-word{display:inline}.solution-arrow{color:#999;color:var(--text-color,#999);opacity:.6}.game-nav-label{color:var(--text-color);font-size:.95rem;font-weight:700;text-align:center}.victory-button.easier-button{background:#ffffff26;border:2px solid #ffffff4d;color:#fff;font-size:.9rem;padding:.75rem 1rem}.victory-button.easier-button:hover{background:#ffffff40;border-color:#ffffff80;transform:translateY(-2px)}.victory-button.harder-button{background:linear-gradient(135deg,#ef4444,#dc2626);box-shadow:0 4px 15px #ef444466;color:#fff;font-size:.9rem;padding:.75rem 1rem}.victory-button.harder-button:hover{box-shadow:0 6px 20px #ef444480;transform:translateY(-2px)}.star-goal-celebration-overlay{align-items:center;animation:victoryOverlayFadeIn .5s ease-out;backdrop-filter:blur(12px) saturate(120%);-webkit-backdrop-filter:blur(12px) saturate(120%);background:linear-gradient(135deg,#0a0a1ed9,#1e0a32d1);bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.star-goal-celebration-content{animation:victoryContentSlideUp .6s ease-out .2s both;max-width:400px;padding:2rem;position:relative;text-align:center;width:90%}.star-goal-celebration-stars{display:flex;flex-wrap:wrap;gap:.25rem;justify-content:center;margin-bottom:1rem}.celebration-star{animation:starPopIn .4s ease-out both;font-size:1.8rem}.star-goal-celebration-title{color:#fbbf24;font-size:1.8rem;font-weight:800;margin:0 0 .5rem;text-shadow:0 2px 10px #fbbf2466}.star-goal-celebration-text{color:#ffffffe6;font-size:1.1rem;margin:0 0 1.5rem}.star-goal-share{justify-content:center;margin-bottom:1rem;width:100%}.star-goal-dismiss{background:#0000;border:none;color:#fff9;cursor:pointer;font-size:.9rem;padding:.5rem 1rem;transition:color .2s ease}.star-goal-dismiss:hover{color:#ffffffe6}.decay-notification{align-items:center;animation:fadeIn .3s ease-out;background:#b43c3c26;border:1px solid #b43c3c4d;border-radius:8px;color:#e8a0a0;display:flex;font-size:.85rem;gap:.5rem;justify-content:space-between;margin:4px 0 8px;padding:8px 12px}.decay-notification i.fa-exclamation-triangle{color:#e8a060;margin-right:4px}.decay-dismiss{background:none;border:none;color:#999;cursor:pointer;font-size:.9rem;opacity:.7;padding:2px 6px}.decay-dismiss:hover{color:#ccc;opacity:1}.rank-up-overlay{align-items:center;animation:victoryOverlayFadeIn .5s ease-out;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);background:#000000d9;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.rank-up-content{animation:victoryContentSlideUp .6s ease-out .2s both;max-width:400px;padding:2rem;position:relative;text-align:center;width:90%}.rank-up-icons{gap:1.5rem;justify-content:center;margin-bottom:1.5rem}.rank-up-icons,.rank-up-old{align-items:center;display:flex}.rank-up-old{flex-direction:column;gap:.25rem;opacity:.6}.rank-up-old i{font-size:2rem}.rank-up-old span{font-size:.75rem;font-weight:600}.rank-up-arrow{animation:arrowPulse 1s ease-in-out infinite;color:#ffffff80;font-size:1.5rem}.rank-up-new{align-items:center;animation:rankPopIn .5s ease-out .4s both;display:flex;flex-direction:column;gap:.25rem}.rank-up-new i{filter:drop-shadow(0 0 12px currentColor);font-size:3rem}.rank-up-new span{font-size:.85rem;font-weight:700}.rank-up-title{animation:rankPopIn .5s ease-out .6s both;font-size:2rem;font-weight:800;margin:0 0 .5rem;text-shadow:0 2px 10px currentColor}.rank-up-text{color:#ffffffe6;font-size:1.1rem;margin:0 0 1.5rem}.rank-up-share{justify-content:center;margin-bottom:1rem;width:100%}.rank-up-dismiss{background:#0000;border:none;color:#fff9;cursor:pointer;font-size:.9rem;padding:.5rem 1rem;transition:color .2s ease}.rank-up-dismiss:hover{color:#ffffffe6}@keyframes arrowPulse{0%,to{opacity:.5;transform:translateX(0)}50%{opacity:1;transform:translateX(4px)}}@keyframes rankPopIn{0%{opacity:0;transform:scale(.5)}to{opacity:1;transform:scale(1)}}.achievement-challenge{background:linear-gradient(135deg,#f0c040,#e88a0a);color:#fff}.challenge-stats{color:#666;color:var(--text-muted,#666);font-size:1rem;margin:.5rem 0 1rem}.victory-rank-stars{margin:.5rem 0;text-align:center}.victory-stars-earned{color:#f0c040;font-size:1rem;font-weight:700}.hint-earned-toast{animation:hintToastIn .3s ease,hintToastOut .3s ease 2.7s forwards;background:linear-gradient(135deg,#10b981,#059669);border-radius:10px;box-shadow:0 4px 16px #10b98166;color:#fff;font-size:.95rem;font-weight:600;left:50%;padding:.65rem 1.25rem;pointer-events:none;position:fixed;top:1.5rem;transform:translateX(-50%);z-index:2000}@keyframes hintToastIn{0%{opacity:0;transform:translateX(-50%) translateY(-10px)}to{opacity:1;transform:translateX(-50%) translateY(0)}}@keyframes hintToastOut{0%{opacity:1;transform:translateX(-50%) translateY(0)}to{opacity:0;transform:translateX(-50%) translateY(-10px)}}.rating-history-chart{margin:0 auto;max-width:640px;width:100%}.rh-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:8px}.rh-title{font-size:1rem;font-weight:600;margin:0}.rh-period-selector{display:flex;gap:4px}.rh-period-btn{background:#0000;border:1px solid #ddd;border:1px solid var(--border-color,#ddd);border-radius:6px;color:#888;color:var(--text-secondary,#888);cursor:pointer;font-size:.8rem;padding:4px 10px;transition:all .15s ease}.rh-period-btn.active{background:#6366f1;background:var(--focus-color,#6366f1);border-color:#6366f1;border-color:var(--focus-color,#6366f1);color:#fff}.rh-svg{height:auto;width:100%}.rh-no-data{font-size:.9rem}.rh-loading,.rh-no-data{color:#888;color:var(--text-secondary,#888);padding:30px 0;text-align:center}.leaderboard-page{font-family:Inter,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}.filter-section{align-items:center;display:flex;gap:.75rem;justify-content:center;margin-bottom:1rem}.filter-label{color:var(--text-secondary);font-size:.75rem;font-weight:700;letter-spacing:.5px;min-width:48px;text-transform:uppercase}.game-type-selector{display:flex;flex-wrap:wrap;gap:.5rem;justify-content:center}.type-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:.9rem;font-weight:600;gap:.5rem;padding:.65rem 1.1rem;transition:all .2s ease}.type-button:hover{border-color:var(--focus-color);color:var(--text-color)}.type-button.active{background:var(--focus-color);border-color:var(--focus-color);color:#fff}.type-button i,.type-button svg{font-size:1rem}.type-button.expert-button{border-color:#ef4444;color:#ef4444}.type-button.expert-button:hover{background:#ef44441a;border-color:#dc2626}.type-button.expert-button.active{background:linear-gradient(135deg,#ef4444,#dc2626);border-color:#dc2626;color:#fff}.time-period-selector{display:flex;flex-wrap:wrap;gap:.4rem;justify-content:center}.period-button{align-items:center;background:var(--card-bg);border:1.5px solid var(--border-color);border-radius:8px;color:var(--text-secondary);cursor:pointer;display:flex;font-size:.85rem;font-weight:600;gap:.4rem;padding:.5rem 1rem;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}.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:120px}.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;min-width:0}.player-username{flex:1 1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.player-username.anonymous{font-style:italic;opacity:.7}.you-badge{background:var(--focus-color);border-radius:4px;color:#fff;flex-shrink:0;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}.score-value.positive-change{color:#22c55e}.score-value.negative-change{color:#ef4444}.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)}.expert-category-selector{display:flex;flex-wrap:wrap;gap:.4rem;justify-content:center;margin-bottom:1.5rem}.category-button{align-items:center;background:var(--card-bg);border:1.5px solid var(--border-color);border-radius:8px;color:var(--text-secondary);cursor:pointer;display:flex;font-size:.85rem;font-weight:600;gap:.35rem;padding:.5rem .9rem;transition:all .2s ease}.category-button:hover{border-color:#ef4444;color:#ef4444}.category-button.active{background:#ef4444;border-color:#ef4444;color:#fff}.category-button i{font-size:.85rem}.expert-rank-card{background:linear-gradient(135deg,#ef4444,#b91c1c)!important}@media (max-width:600px){.leaderboard-page{padding:1rem}.leaderboard-header h1{font-size:1.8rem}.filter-section{flex-direction:column;gap:.35rem}.filter-label{min-width:auto}.game-type-selector{gap:.35rem}.type-button{font-size:.8rem;padding:.5rem .7rem}.type-button span{display:none}.time-period-selector{gap:.3rem}.period-button{font-size:.8rem;padding:.4rem .7rem}.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}}.legal-document{background:#f8f9fa;min-height:100vh;padding:40px 20px}.legal-container{background:#fff;border-radius:12px;box-shadow:0 2px 12px #00000014;margin:0 auto;max-width:900px;padding:60px}.legal-back-btn{align-items:center;background:none;border:none;color:#667eea;cursor:pointer;display:inline-flex;font-size:15px;font-weight:600;gap:8px;margin-bottom:16px;padding:8px 0;transition:color .2s ease}.legal-back-btn:hover{color:#764ba2}[data-theme=dark] .legal-back-btn{color:#8b9ce6}[data-theme=dark] .legal-back-btn:hover{color:#a89fd6}.legal-container h1{color:#1a1a2e;font-size:36px;font-weight:700;margin:0 0 12px;text-align:center}.legal-container .last-updated{color:#666;font-size:14px;font-style:italic;margin:0 0 40px;text-align:center}.legal-container section{margin-bottom:36px}.legal-container section:last-of-type{margin-bottom:0}.legal-container h2{border-bottom:2px solid #667eea;color:#1a1a2e;font-size:24px;font-weight:700;margin:32px 0 16px;padding-bottom:8px}.legal-container h3{color:#2d2d4a;font-size:18px;font-weight:600;margin:24px 0 12px}.legal-container p{color:#333;font-size:16px;line-height:1.7;margin:12px 0}.legal-container ul{margin:12px 0 12px 20px;padding-left:20px}.legal-container ul li{color:#333;font-size:16px;line-height:1.7;margin:8px 0}.legal-container ul li strong{color:#1a1a2e;font-weight:600}.legal-container a{color:#667eea;text-decoration:none;transition:color .2s ease}.legal-container a:hover{color:#764ba2;text-decoration:underline}.legal-container .contact-info{background:#f8f9fa;border-radius:8px;margin:16px 0;padding:20px}.legal-container .contact-info p{font-size:15px;margin:8px 0}.legal-container .legal-footer{border-top:1px solid #e0e0e0;margin-top:48px;padding-top:24px;text-align:center}.legal-container .legal-footer p{color:#666;font-size:15px;font-style:italic}[data-theme=dark] .legal-document{background:#0d1117}[data-theme=dark] .legal-container{background:#1a1a2e;box-shadow:0 2px 12px #0006}[data-theme=dark] .legal-container h1{color:#f0f0f0}[data-theme=dark] .legal-container .last-updated{color:#aaa}[data-theme=dark] .legal-container h2{border-bottom-color:#667eea;color:#f0f0f0}[data-theme=dark] .legal-container h3{color:#e0e0e0}[data-theme=dark] .legal-container p,[data-theme=dark] .legal-container ul li{color:#d0d0d0}[data-theme=dark] .legal-container ul li strong{color:#f0f0f0}[data-theme=dark] .legal-container a{color:#8b9ce6}[data-theme=dark] .legal-container a:hover{color:#a89fd6}[data-theme=dark] .legal-container .contact-info{background:#2d2d4a}[data-theme=dark] .legal-container .legal-footer{border-top-color:#4a4a6a}[data-theme=dark] .legal-container .legal-footer p{color:#aaa}@media (max-width:768px){.legal-document{padding:20px 12px}.legal-container{padding:32px 24px}.legal-container h1{font-size:28px}.legal-container h2{font-size:20px}.legal-container h3{font-size:17px}.legal-container p,.legal-container ul li{font-size:15px}}@media (max-width:480px){.legal-container{padding:24px 16px}.legal-container h1{font-size:24px}.legal-container h2{font-size:18px;margin:24px 0 12px}.legal-container h3{font-size:16px}.legal-container p,.legal-container ul li{font-size:14px}.legal-container ul{margin-left:12px;padding-left:12px}}.cookie-consent-overlay{animation:cookieSlideUp .3s ease-out;bottom:60px;left:0;padding:16px;position:fixed;right:0;z-index:10000}@supports (padding:env(safe-area-inset-bottom)){.cookie-consent-overlay{bottom:calc(60px + env(safe-area-inset-bottom))}}@keyframes cookieSlideUp{0%{opacity:0;transform:translateY(100%)}to{opacity:1;transform:translateY(0)}}.cookie-consent-banner{background:#fff;border-radius:12px;box-shadow:0 -4px 24px #00000026;margin:0 auto;max-width:720px;padding:24px}.cookie-consent-content h3{color:#1a1a2e;font-size:18px;font-weight:700;margin:0 0 8px}.cookie-consent-content p{color:#555;font-size:14px;line-height:1.5;margin:0 0 16px}.cookie-consent-content a{color:#667eea;text-decoration:underline}.cookie-consent-details{border-top:1px solid #eee;margin:16px 0;padding-top:16px}.cookie-category{margin-bottom:16px}.cookie-category:last-child{margin-bottom:0}.cookie-category-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:4px}.cookie-category-header label{align-items:center;cursor:pointer;display:flex;gap:8px}.cookie-category-header input[type=checkbox]{accent-color:#667eea;height:18px;width:18px}.cookie-category-header strong{color:#1a1a2e;font-size:15px}.cookie-always-on{color:#999;font-size:12px;font-style:italic}.cookie-category p{color:#777;font-size:13px;margin:4px 0 0 26px}.cookie-consent-actions{display:flex;flex-wrap:wrap;gap:8px;justify-content:flex-end}.cookie-btn{border:none;border-radius:8px;cursor:pointer;font-family:inherit;font-size:14px;font-weight:600;padding:10px 20px;transition:all .2s ease}.cookie-btn-primary{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.cookie-btn-primary:hover{opacity:.9;transform:translateY(-1px)}.cookie-btn-secondary{background:#f0f0f0;color:#333}.cookie-btn-secondary:hover{background:#e0e0e0}.cookie-btn-outline{background:#0000;border:1px solid #667eea;color:#667eea}.cookie-btn-outline:hover{background:#667eea10}[data-theme=dark] .cookie-consent-banner{background:#1a1a2e;box-shadow:0 -4px 24px #0006}[data-theme=dark] .cookie-consent-content h3{color:#f0f0f0}[data-theme=dark] .cookie-consent-content p{color:#bbb}[data-theme=dark] .cookie-consent-content a{color:#8b9ce6}[data-theme=dark] .cookie-consent-details{border-top-color:#333}[data-theme=dark] .cookie-category-header strong{color:#f0f0f0}[data-theme=dark] .cookie-always-on{color:#888}[data-theme=dark] .cookie-category p{color:#999}[data-theme=dark] .cookie-btn-secondary{background:#2d2d4a;color:#ddd}[data-theme=dark] .cookie-btn-secondary:hover{background:#3d3d5a}[data-theme=dark] .cookie-btn-outline{border-color:#8b9ce6;color:#8b9ce6}@media (max-width:480px){.cookie-consent-overlay{padding:8px}.cookie-consent-banner{padding:16px}.cookie-consent-content h3{font-size:16px}.cookie-consent-actions{flex-direction:column}.cookie-btn{text-align:center;width:100%}}.lang-selector{position:relative}.lang-button{align-items:center;background:var(--bg-secondary);border:none;border-radius:50%;color:var(--text-secondary);cursor:pointer;display:flex;font-size:1.15rem;height:42px;justify-content:center;transition:all .2s ease;width:42px}.lang-button:hover{background:rgba(var(--focus-color-rgb),.1);color:var(--focus-color);transform:scale(1.05)}.lang-dropdown{animation:langDropdownSlide .2s ease;background:var(--card-bg);border:1px solid var(--border-color);border-radius:14px;box-shadow:0 10px 40px #0006,0 0 1px #ffffff0d;min-width:170px;overflow:hidden;position:absolute;right:0;top:calc(100% + .5rem);z-index:200}[data-theme=light] .lang-dropdown{box-shadow:0 10px 40px #0000001f,0 0 1px #00000014}@keyframes langDropdownSlide{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.lang-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%}.lang-dropdown-item:hover{background:var(--bg-secondary)}.lang-dropdown-item.active{color:var(--focus-color)}.lang-dropdown-item+.lang-dropdown-item{border-top:1px solid var(--border-color)}.lang-flag{font-size:1.1rem;line-height:1}.lang-name{flex:1 1}.lang-check{color:var(--focus-color);font-size:1rem;font-weight:700;margin-left:auto}.lang-inline-single{cursor:default;opacity:.6}.lang-inline-item.active{color:var(--focus-color)}@media (max-width:768px){.lang-button{font-size:1rem;height:36px;width:36px}}.navbar{align-items:center;backdrop-filter:blur(16px) saturate(180%);-webkit-backdrop-filter:blur(16px) saturate(180%);background:#151929d9;border-bottom:1px solid #2a335080;box-shadow:0 1px 3px #0003,0 4px 12px #00000026;display:flex;justify-content:space-between;left:0;padding:.75rem 1.5rem;position:fixed;right:0;top:0;z-index:100}[data-theme=light] .navbar{background:#ffffffd1;border-bottom:1px solid #e2e8f099;box-shadow:0 1px 3px #0000000a,0 4px 12px #00000008}@supports (padding:env(safe-area-inset-top)){.navbar{padding-left:calc(1.5rem + env(safe-area-inset-left));padding-right:calc(1.5rem + env(safe-area-inset-right));padding-top:calc(.75rem + env(safe-area-inset-top))}}.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-logo{border-radius:22%;height:40px;width:40px}.brand-text{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,var(--focus-color) 0,#764ba2 60%,var(--focus-color-dark) 100%);-webkit-background-clip:text;background-clip:text;letter-spacing:-.01em}.navbar-right{align-items:center;display:flex;flex:1 1;gap:.75rem;justify-content:flex-end}.leaderboard-button{align-items:center;background:var(--bg-secondary);border:none;border-radius:50%;color:var(--text-secondary);cursor:pointer;display:flex;font-size:1.15rem;height:42px;justify-content:center;text-decoration:none;transition:all .2s ease;width:42px}.leaderboard-button:hover{background:#f59e0b1a;color:#f59e0b;text-decoration:none;transform:scale(1.05)}.shop-button{align-items:center;background:var(--bg-secondary);border:none;border-radius:50%;color:var(--text-secondary);cursor:pointer;display:flex;font-size:1.15rem;height:42px;justify-content:center;transition:all .2s ease;width:42px}.shop-button:hover{background:#10b9811a;color:#10b981;transform:scale(1.05)}.help-button{align-items:center;background:var(--bg-secondary);border:none;border-radius:50%;color:var(--text-secondary);cursor:pointer;display:flex;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),.35),0 0 20px rgba(var(--focus-color-rgb),.15);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);box-shadow:0 0 0 3px rgba(var(--focus-color-rgb),.1)}.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:14px;box-shadow:0 10px 40px #0006,0 0 1px #ffffff0d;min-width:200px;overflow:hidden;position:absolute;right:0;top:calc(100% + .5rem)}[data-theme=light] .user-dropdown{box-shadow:0 10px 40px #0000001f,0 0 1px #00000014}@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-streak{color:#f59e0b;font-weight:600}.dropdown-rating,.dropdown-streak{border-bottom:1px solid var(--border-color);font-size:.85rem;padding:.5rem 1rem .625rem}.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:#ef44441a}[data-theme=light] .dropdown-item.logout:hover{background:#fef2f2}.mobile-only{display:none}.mobile-options-container{position:relative}.options-button{align-items:center;background:var(--bg-secondary);border:none;border-radius:50%;color:var(--text-secondary);cursor:pointer;display:flex;font-size:1.15rem;height:42px;justify-content:center;transition:all .2s ease;width:42px}.options-button:hover{background:rgba(var(--focus-color-rgb),.1);color:var(--focus-color);transform:scale(1.05)}.options-dropdown{animation:dropdownSlide .2s ease;background:var(--card-bg);border:1px solid var(--border-color);border-radius:14px;box-shadow:0 10px 40px #0006,0 0 1px #ffffff0d;max-height:calc(100vh - 80px);max-height:calc(100dvh - 80px);min-width:220px;overflow-y:auto;position:absolute;right:0;top:calc(100% + .5rem);z-index:200}[data-theme=light] .options-dropdown{box-shadow:0 10px 40px #0000001f,0 0 1px #00000014}.options-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%}.options-dropdown-item>span:first-child,.options-dropdown-item>svg{align-items:center;display:inline-flex;flex:0 0 20px;justify-content:center;text-align:center;width:20px}.options-dropdown-item:hover{background:var(--bg-secondary)}.options-dropdown-item+.options-dropdown-item{border-top:1px solid var(--border-color)}.options-dropdown-item,.options-dropdown-item:visited{text-decoration:none}.options-dropdown-divider{background:var(--border-color);height:1px;margin:.25rem 0}.options-dropdown-legal-footer{border-top:1px solid var(--border-color);color:var(--text-secondary);font-size:.75rem;opacity:.6;padding:.5rem 1rem .75rem;text-align:center}@media (max-width:768px){.navbar{padding:calc(.5rem + env(safe-area-inset-top, 0px)) calc(.75rem + env(safe-area-inset-right, 0px)) .5rem calc(.75rem + env(safe-area-inset-left, 0px))}.brand-text{display:none}.brand-logo{height:32px;width:32px}.navbar-right{gap:.5rem}.desktop-only{display:none!important}.mobile-only{display:flex}.leaderboard-button,.options-button,.shop-button{font-size:1rem;height:36px;width:36px}.login-button span{display:none}.login-button{padding:.5rem}.user-name{display:none}.user-button{border-radius:50%;padding:.25rem}}.tutorial-overlay{z-index:1100}.tutorial-modal{border-radius:20px;display:flex;flex-direction:column;height:min(90vh,600px);max-width:480px;overflow:hidden;position:relative}@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;flex-shrink:0;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{display:flex;flex:1 1;flex-direction:column;justify-content:center;margin-bottom:1.5rem;min-height:0;overflow-y:auto;text-align:center}.tutorial-modal .tutorial-icon{flex-shrink:0;font-size:3rem;margin-bottom:1rem}.tutorial-modal .tutorial-title{color:#333;color:var(--text-color,#333);flex-shrink:0;font-size:1.35rem;font-weight:700;margin:0 0 .75rem}.tutorial-modal .tutorial-description{color:#666;color:var(--text-secondary,#666);flex-shrink:0;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;min-height:0;overflow-y:auto;padding:1.25rem}.tutorial-modal .goal-visual{align-items:center;display:flex;flex-direction:column;gap:.1rem;padding-left:2.5rem}.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:center}.tutorial-modal .transform-from{display:flex;justify-content:flex-end}.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}.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;flex-direction:column;gap:.25rem}.tutorial-modal .change-label{color:#666;color:var(--text-secondary,#666);font-size:.75rem;font-weight:600;text-align:center}.tutorial-modal .input-example{align-items:center;display:flex;flex-direction:column;gap:1rem}.tutorial-modal .example-letter-boxes{display:flex;gap:4px}.tutorial-modal .example-submit-row{align-items:center;display:flex;gap:.5rem}.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 .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;flex-shrink:0;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 .transformation-example .tut-letter{font-size:.8rem;height:24px;width:24px}.tutorial-modal .tutorial-button{font-size:.95rem;padding:.625rem 1rem}.tutorial-modal .goal-visual{gap:0}}.username-modal-overlay{bottom:0;bottom:var(--keyboard-height,0);z-index:10000}.username-modal{max-width:450px;padding:32px}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.username-modal-header{margin-bottom:24px;text-align:center}.username-modal-header h2{color:#333;font-size:24px;font-weight:700;margin:0 0 8px}.username-modal-header p{color:#666;font-size:14px;margin:0}.username-input-group{margin-bottom:20px}.username-input-group label{color:#333;display:block;font-size:14px;font-weight:600;margin-bottom:8px}.username-input-group input{border:2px solid #e0e0e0;border-radius:8px;font-family:Courier New,monospace;font-size:16px;padding:12px 16px;transition:all .2s ease;width:100%}.username-input-group input:focus{border-color:#667eea;box-shadow:0 0 0 3px #667eea1a;outline:none}.username-input-group input:disabled{background:#f5f5f5;cursor:not-allowed}.username-requirements{display:flex;flex-direction:column;font-size:13px;gap:6px;margin-top:8px}.username-requirements span{align-items:center;color:#888;display:flex;gap:6px;transition:color .2s ease}.username-requirements span.valid{color:#10b981}.username-requirements span svg{font-size:12px}.username-error{background:#fee;border:1px solid #fcc;border-radius:6px;color:#c33;font-size:14px;margin-bottom:16px;padding:12px 16px}.username-submit-button{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-size:16px;font-weight:600;gap:8px;justify-content:center;padding:14px 24px;transition:all .2s ease;width:100%}.username-submit-button:hover:not(:disabled){box-shadow:0 6px 16px #667eea66;transform:translateY(-2px)}.username-submit-button:active:not(:disabled){transform:translateY(0)}.username-submit-button:disabled{cursor:not-allowed;opacity:.6}.username-note{color:#888;font-size:12px;margin-top:16px;text-align:center}[data-theme=dark] .username-modal{background:#1a1a2e;color:#f0f0f0}[data-theme=dark] .username-modal-header h2{color:#f0f0f0}[data-theme=dark] .username-modal-header p{color:#aaa}[data-theme=dark] .username-input-group label{color:#e0e0e0}[data-theme=dark] .username-input-group input{background:#2d2d4a;border-color:#4a4a6a;color:#f0f0f0}[data-theme=dark] .username-input-group input:focus{border-color:#8b9ce6;box-shadow:0 0 0 3px #8b9ce633}[data-theme=dark] .username-input-group input:disabled{background:#1a1a2e}[data-theme=dark] .username-requirements span{color:#aaa}[data-theme=dark] .username-requirements span.valid{color:#10b981}[data-theme=dark] .username-error{background:#dc26261a;border-color:#f871714d;color:#f87171}[data-theme=dark] .username-note{color:#aaa}@media (max-width:480px){.username-modal{padding:24px}.username-modal-header h2{font-size:20px}.username-input-group input{font-size:15px;padding:10px 14px}.username-submit-button{font-size:15px;padding:12px 20px}}.ad-layout{background-color:var(--bg-color);width:100%}.ad-layout,.ad-layout-content{display:flex;flex:1 1;min-height:0;overflow:hidden}.ad-layout-content{flex-direction:column;min-width:0;padding-bottom:0;padding-bottom:calc(var(--native-ad-height, 0px) + var(--ad-bottom-height, 0px))}.ad-banner-bottom{align-items:center;background:#f5f5f5;background:var(--bg-color,#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;min-height:50px;overflow:hidden;position:fixed;right:0;transition:opacity .25s ease,visibility .25s ease;z-index:90}@supports (padding:env(safe-area-inset-bottom)){.ad-banner-bottom{height:calc(50px + env(safe-area-inset-bottom));min-height:calc(50px + env(safe-area-inset-bottom));padding-bottom:env(safe-area-inset-bottom)}}@media (min-width:901px){.ad-layout:not(.ads-removed) .ad-banner-bottom{left:160px;right:160px}}.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:0}.ad-banner-bottom.ad-error,.ad-banner-bottom:not(.ad-loaded):not(.ad-error){border:none;height:0;min-height:0;pointer-events:none}.ad-banner-bottom.ad-error{opacity:0}.ad-banner-bottom.ad-error .ad-placeholder{display:none}.ad-banner.ad-loaded{opacity:1}.ad-banner-left.ad-error .ad-placeholder,.ad-banner-right.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-color,#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}body.keyboard-open .ad-layout-content{padding-bottom:0!important}@media (max-height:500px) and (orientation:landscape){.ad-banner-bottom{height:32px;min-height:32px}}
/*# sourceMappingURL=main.05b298c5.css.map*/