body{margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}html,body{touch-action:manipulation;-ms-touch-action:manipulation;-webkit-text-size-adjust:none;overscroll-behavior:none;overflow-x:hidden;overflow-y:auto;width:100%;max-width:100%;margin:0;padding:0}.game-container{width:100%;max-width:100%;padding:0 10px;margin:0 auto;box-sizing:border-box;overflow-x:hidden;-webkit-overflow-scrolling:touch}:root{--primary-bg: #ffffff;--tile-bg: #2c3449;--success-green: #4cd137;--button-orange: #ff6b35;--coin-gold: #ffd700;--level-badge-red: #e74c3c;--text-dark: #1a1f35;--bg-primary: #ffffff;--bg-secondary: #f8f9fa;--text-primary: #2d3436;--text-secondary: #636e72;--border-color: #e0e0e0;--box-shadow: rgba(0,0,0,.1)}body{margin:0;padding:0;background-color:var(--bg-primary);min-height:100vh;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;color:var(--text-primary);transition:background-color .3s,color .3s}.App{text-align:center;min-height:100vh;display:flex;flex-direction:column}.game-container{width:100%;max-width:100%;padding:0 10px;margin:0 auto;box-sizing:border-box;overflow-x:hidden;-webkit-touch-callout:none;-webkit-user-select:none;-webkit-tap-highlight-color:transparent;touch-action:manipulation}.game-content{width:100%;height:auto;min-height:100%}.game-header{width:100%;max-width:600px;min-width:unset;margin:0 auto;padding:0;box-sizing:border-box}.game-header-content{position:relative;width:100%;padding:1rem;display:flex;flex-direction:column;align-items:center;min-height:60px}.menu-trigger{align-self:flex-end;position:relative;margin-bottom:0}.title-container{width:100%;text-align:center;margin-top:7px}.header-title{font-size:1.5rem;font-weight:700;color:var(--text-primary);margin:0;padding-bottom:4px}.score-display{display:flex;align-items:center}.score-circle{width:45px;height:45px;background:#ff6b6b;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;font-weight:700;font-size:1.2rem;box-shadow:0 2px 8px #ff6b6b4d}.user-account{position:relative;width:40px;height:40px;display:flex;align-items:center;justify-content:center;background:#fff;border-radius:8px;cursor:pointer;box-shadow:0 2px 4px #0000001a;color:#4a5568}.user-icon{font-size:1.5rem}.image-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem;margin:1.5rem 0}.image-card{aspect-ratio:1;background:var(--tile-bg);border-radius:12px;overflow:hidden;box-shadow:0 8px 16px #0003;border:3px solid #3d4761}.image-card img{width:100%;height:100%;object-fit:cover}.game-status{text-align:center;color:var(--text-dark);font-size:1.1rem;margin:0}.word-display{display:flex;justify-content:center;gap:10px;margin:20px 0}.letter-box{width:70px;height:70px;border:2px solid #e0e0e0;border-radius:8px;display:flex;align-items:center;justify-content:center;font-size:24px;font-weight:700;background:#fff;box-shadow:0 2px 4px #0000000d}.wrong-letters-text{text-align:center;margin:16px 0;min-height:24px;color:#4a4a4a;font-size:16px;font-weight:500}.alphabet-board{width:100%;max-width:500px;padding:10px;margin:0 auto;box-sizing:border-box;display:grid;grid-template-columns:repeat(7,1fr);gap:8px}.alphabet-board>div:nth-last-child(-n+5){grid-column:auto}.submit-button,.start-game-button{width:100%;max-width:400px;margin:20px auto;padding:16px;background:#ff6b6b;border:none;border-radius:12px;font-size:18px;font-weight:600;color:#fff;cursor:pointer;display:block;transition:all .2s;text-transform:uppercase;letter-spacing:.5px;box-shadow:0 4px 6px #0000001a}.submit-button:hover,.start-game-button:hover{background:#ff5252;transform:translateY(-2px);box-shadow:0 6px 8px #00000026}.submit-button:disabled,.start-game-button:disabled{background:#e0e0e0;cursor:not-allowed;transform:none;box-shadow:none;color:#999}.submit-button:active,.start-game-button:active{transform:translateY(0);box-shadow:0 4px 6px #0000001a}.keyboard{display:grid;grid-template-columns:repeat(7,1fr);gap:.5rem;padding:1rem;background:#2c34490d;border-radius:16px;margin-top:2rem}.key{aspect-ratio:1;background:#3d4761;border:none;border-radius:8px;font-size:20px;font-weight:700;color:#fff;cursor:pointer;box-shadow:0 4px #1a1f35;transition:all .1s}.key:active{transform:translateY(4px);box-shadow:0 0 #1a1f35}.key.used{background:#1a1f35;color:#3d4761;box-shadow:none}.action-button{width:100%;max-width:400px;margin:.5rem 0;padding:1rem 2rem;border-radius:12px;font-size:18px;font-weight:700;background:#ff5c5c;color:#fff;border:none;cursor:pointer;box-shadow:0 4px 15px #ff5c5c4d;transition:all .2s}.fantastic-message{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);font-size:48px;font-weight:700;color:var(--success-green);text-shadow:2px 2px 0 #000;animation:fantastic .5s ease-out}@keyframes fantastic{0%{transform:translate(-50%,-50%) scale(0)}50%{transform:translate(-50%,-50%) scale(1.2)}to{transform:translate(-50%,-50%) scale(1)}}.coin-reward{position:fixed;bottom:20%;left:50%;transform:translate(-50%);display:flex;align-items:center;gap:8px;background:linear-gradient(135deg,gold,#ffa502);padding:1rem 2rem;border-radius:25px;box-shadow:0 4px 8px #0000004d;animation:coinPop .5s ease-out}@keyframes coinPop{0%{transform:translate(-50%) scale(0)}50%{transform:translate(-50%) scale(1.2)}to{transform:translate(-50%) scale(1)}}.share-button{position:absolute;right:10px;bottom:10px;width:50px;height:50px;background:#25d366;border-radius:50%;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 8px #0003}@media(min-width:768px){.game-container{max-width:500px;margin:0 auto}.letter-box{width:70px;height:70px;font-size:32px}.keyboard{grid-template-columns:repeat(10,1fr)}}.start-screen{display:flex;flex-direction:column;align-items:center;gap:2rem}.game-title-container{text-align:center;margin-bottom:2.5rem}.game-title{font-size:2.5rem;font-weight:700;text-align:center;margin-top:1rem;margin-bottom:.5rem;color:#2d3748;letter-spacing:-.5px;line-height:1.2;text-shadow:0 2px 4px rgba(0,0,0,.1)}.game-subtitle{font-size:1.1rem;font-weight:600;text-align:center;margin-bottom:1.5rem;color:#ff6b6b;letter-spacing:1px;text-transform:uppercase}.start-game-button{background-color:#ff6b6b;color:#fff;border:none;padding:1rem 2rem;font-size:1.1rem;font-weight:600;border-radius:12px;cursor:pointer;transition:all .2s ease;box-shadow:0 4px 6px #0000001a}.start-game-button:hover{transform:translateY(-2px);box-shadow:0 6px 8px #00000026}.start-game-button:active{transform:translateY(0);box-shadow:0 4px 6px #0000001a}.dark-mode .game-title{background:linear-gradient(135deg,#fff,#ccc);-webkit-background-clip:text}.dark-mode .game-subtitle{color:#a0a0a0}.letter-boxes{display:flex;gap:.5rem;justify-content:center;margin:.5rem 0}.letter-input{position:absolute;top:0;left:0;width:100%;height:100%;border:none;background:transparent;text-align:center;font-size:24px;font-weight:700;outline:none;caret-color:#ff5c5c;cursor:text}.letter-input{color:inherit;padding:0;margin:0;text-transform:uppercase}.letter-input:-webkit-autofill{-webkit-box-shadow:0 0 0 30px white inset!important}.alphabet-board>div:nth-last-child(-n+5){grid-column:2 / span 1}.alphabet-board>div:nth-last-child(-n+4){grid-column:3 / span 1}.alphabet-board>div:nth-last-child(-n+3){grid-column:4 / span 1}.alphabet-board>div:nth-last-child(-n+2){grid-column:5 / span 1}.alphabet-board>div:nth-last-child(-n+1){grid-column:6 / span 1}.alphabet-tile{aspect-ratio:1;display:flex;align-items:center;justify-content:center;background:#fff;border-radius:8px;font-weight:700;font-size:18px;box-shadow:0 2px 4px #0000001a}.alphabet-tile:hover{transform:translateY(-2px);box-shadow:0 4px 8px #00000026;background:#ff5c5c;color:#fff}.alphabet-tile:active{transform:translateY(0);box-shadow:0 2px 4px #0000001a}.alphabet-tile.crossed-out{text-decoration:line-through;opacity:.5;background:#e0e0e0;cursor:not-allowed;pointer-events:none}.alphabet-tile.crossed-out:hover{transform:none;box-shadow:none;background:#e0e0e0;color:inherit}.action-button:disabled{opacity:.5;cursor:not-allowed}.notification{position:fixed;top:35%;left:50%;transform:translate(-50%,-50%);padding:20px 30px;border-radius:8px;background:#fff;box-shadow:0 4px 6px #0000001a;z-index:1000;min-height:60px;display:flex;align-items:center;justify-content:center;min-width:320px;animation:fadeIn .3s ease-out;font-size:1.2rem;font-weight:500;text-align:center}.notification.error{color:var(--text-primary);border:1px solid rgba(0,0,0,.1)}@keyframes fadeIn{0%{opacity:0;transform:translate(-50%,-45%)}to{opacity:1;transform:translate(-50%,-50%)}}.dark-mode .notification{background:var(--bg-primary);box-shadow:0 4px 6px #0003;border:1px solid var(--border-color)}.game-notification{background:#00c853;color:#fff;padding:1rem 2rem;border-radius:50px;text-align:center;margin:1rem auto;max-width:80%;box-shadow:0 4px 8px #0000001a;animation:slideDown .3s ease-out;font-weight:500}.game-alphabet-board{display:grid;grid-template-columns:repeat(7,1fr);gap:.5rem;margin:2rem 0;padding:1rem;background:#f8f9fa;border-radius:12px;max-width:400px;width:100%;margin:1.5rem auto}.game-alphabet-tile{aspect-ratio:1;display:flex;align-items:center;justify-content:center;background:#2c3449;border-radius:8px;font-weight:700;font-size:18px;color:#fff;box-shadow:0 2px 4px #0000001a;transition:all .2s}.game-alphabet-tile.used{background:#1a1f35;color:#3d4761;opacity:.5}.game-alphabet-board>div:nth-last-child(-n+5){grid-column:2 / span 1}.game-alphabet-board>div:nth-last-child(-n+4){grid-column:3 / span 1}.game-alphabet-board>div:nth-last-child(-n+3){grid-column:4 / span 1}.game-alphabet-board>div:nth-last-child(-n+2){grid-column:5 / span 1}.game-alphabet-board>div:nth-last-child(-n+1){grid-column:6 / span 1}@keyframes slideDown{0%{transform:translateY(-20px);opacity:0}to{transform:translateY(0);opacity:1}}@media(max-width:400px){.letter-tile{width:50px;height:50px;font-size:20px}.game-alphabet-board{padding:.5rem}.game-alphabet-tile{font-size:16px}}.guess-history{display:flex;justify-content:space-between;gap:1.5rem;padding:0 1rem;max-width:600px;width:100%;margin:.5rem auto 0}.guess-column{flex:1;max-width:250px}.guess-column h3{text-align:center;color:var(--text-dark);margin:0 0 .5rem;font-size:1.1rem}.guess-list{display:flex;flex-direction:column;gap:.25rem}.guess-item{padding:.4rem .75rem;background:#f8f9fa;border-radius:8px;text-align:center;font-family:monospace;font-size:1rem}@media(max-width:500px){.guess-history{flex-direction:column;gap:1rem}.guess-column{max-width:100%}}.game-screen{display:flex;flex-direction:column;align-items:center;padding:1rem;gap:1rem;max-width:600px;margin:0 auto}.player-word{text-align:center;color:#333;font-size:1rem;font-weight:500;margin:.75rem 0;padding:.5rem;background:#f8f9fa;border-radius:8px;box-shadow:0 2px 4px #0000000d}.player-word span{font-weight:700;margin-left:.5rem}@media(max-height:700px){.game-screen{gap:.75rem}.letter-boxes{margin:.25rem 0}.alphabet-board{padding:.5rem}.player-word{margin:.5rem 0}.guess-history{margin-top:.25rem}}.tries-counter{width:100%;max-width:400px;margin:.75rem auto;display:flex;align-items:center;justify-content:center;gap:.8rem}.tries-label{color:#333;font-weight:600;font-size:1rem;letter-spacing:.5px}.tries-box{width:60px;height:60px;border:3px solid #e0e0e0;border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:24px;font-weight:700;background-color:var(--bg-primary);box-shadow:0 4px 8px #0000001a;transition:all .2s;color:#ff6b6b;animation:bounceIn .3s ease-out;cursor:default}.tries-box:hover{transform:translateY(-2px);box-shadow:0 6px 12px #0000001a}@keyframes bounceIn{0%{transform:scale(.3);opacity:0}50%{transform:scale(1.1)}70%{transform:scale(.9)}to{transform:scale(1);opacity:1}}.switch{position:relative;display:inline-block;width:40px;height:20px}.slider{position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;background-color:#ccc;transition:.4s;border-radius:20px}.slider:before{position:absolute;content:"";height:16px;width:16px;left:2px;bottom:2px;background-color:#fff;transition:.4s;border-radius:50%}.switch input:checked+.slider{background-color:#ff6b6b}.switch input:checked+.slider:before{transform:translate(20px)}@keyframes slideUp{0%{transform:translateY(100%)}to{transform:translateY(0)}}.profile-container{position:relative}.profile-icon{position:relative;width:40px;height:40px;display:flex;align-items:center;justify-content:center;cursor:pointer;background:#fff;border-radius:50%;box-shadow:0 2px 8px #0000001a;transition:transform .2s}.profile-icon:hover{transform:translateY(-2px)}.game-content{max-width:600px;margin:0 auto;padding:1rem}.theme-toggle{display:flex!important;align-items:center;justify-content:space-between!important}.switch{position:relative;display:inline-block;width:44px;height:24px}.switch input{opacity:0;width:0;height:0}.slider{position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;background-color:#e0e0e0;transition:.4s;border-radius:34px}.slider:before{position:absolute;content:"";height:20px;width:20px;left:2px;bottom:2px;background-color:#fff;transition:.4s;border-radius:50%}input:checked+.slider{background-color:#ff6b6b}input:checked+.slider:before{transform:translate(20px)}.dark-mode{--bg-primary: #1a1a1a;--bg-secondary: #2d2d2d;--text-primary: #ffffff;--text-secondary: #b0b0b0;--border-color: #404040;--box-shadow: rgba(0,0,0,.3)}body{background-color:var(--bg-primary);color:var(--text-primary);transition:background-color .3s,color .3s}.game-header{background-color:var(--bg-primary)}.tries-box{background-color:var(--bg-primary);border-color:var(--border-color);color:#ff6b6b}.menu-content{position:absolute;top:100%;right:0;width:200px;background:#fff;padding:8px;border:1px solid #e0e0e0;border-radius:8px;box-shadow:0 2px 10px #0000001a;z-index:9999}.menu-item{width:100%;padding:12px;margin:2px 0;background:none;border:none;border-radius:6px;cursor:pointer;text-align:left;display:flex;align-items:center;gap:12px;font-size:14px;color:var(--text-primary)}.menu-icon{width:20px;height:20px}.menu-item:hover{background-color:#f5f5f5}.game-title{background:linear-gradient(135deg,var(--text-primary) 0%,var(--text-secondary) 100%);-webkit-background-clip:text}.game-subtitle{color:var(--text-secondary)}.letter-box,.keyboard-button{background-color:var(--bg-primary);border-color:var(--border-color);color:var(--text-primary)}.keyboard-button:hover{background-color:var(--bg-secondary)}.difficulty-select{padding:4px 8px;border-radius:8px;border:1px solid var(--border-color);background:var(--bg-primary);color:var(--text-primary);font-size:.9rem;cursor:pointer;outline:none}.dark-mode .difficulty-select{background:var(--bg-secondary)}.your-word-text{text-align:center;margin:24px auto;padding:12px;color:#4a4a4a;font-size:16px;font-weight:500;background:#f8f9fa;border-radius:8px;max-width:200px}.guesses-container{width:100%;max-width:600px;margin:0 auto}.guesses-columns{display:flex;justify-content:center;gap:48px;padding:0 24px}.guesses-column{flex:1;max-width:240px}.guesses-column h3{text-align:center;margin-bottom:16px;color:#333;font-size:16px;font-weight:600;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif}.guess-item{text-align:center;padding:8px 0;margin:4px 0;font-family:Roboto Mono,monospace;font-size:14px;background:#f8f9fa;border-radius:8px;color:#4a4a4a}.crossed-out{opacity:.4}.alphabet-tile.crossed-out{cursor:pointer;pointer-events:auto}.header{display:flex;justify-content:space-between;align-items:center;padding:1rem;background:var(--bg-primary);margin:0 auto}.auth-container{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:1rem;background:var(--bg-primary)}.auth-card{width:100%;max-width:400px;padding:2rem;background:#fff;border-radius:12px;box-shadow:0 4px 6px #0000001a}.auth-title{display:flex;align-items:center;gap:8px;margin-bottom:1.5rem;color:var(--text-primary);font-size:1.5rem}.auth-icon{font-size:1.5rem;color:#ff6b6b}.auth-error{padding:.75rem;margin-bottom:1rem;background:#fee2e2;border:1px solid #FCA5A5;border-radius:6px;color:#dc2626;font-size:.875rem}.auth-form{display:flex;flex-direction:column;gap:1rem}.form-group{display:flex;flex-direction:column;gap:.5rem}.form-group label{font-size:.875rem;font-weight:500;color:var(--text-primary)}.form-group input{padding:.75rem;border:1px solid #E5E7EB;border-radius:6px;font-size:1rem;transition:border-color .2s}.form-group input:focus{outline:none;border-color:#ff6b6b}.auth-button{margin-top:.5rem;padding:.75rem;background:#ff6b6b;color:#fff;border:none;border-radius:6px;font-size:1rem;font-weight:500;cursor:pointer;transition:background .2s}.auth-button:hover{background:#ff5252}.auth-button:disabled{background:#fda4a4;cursor:not-allowed}.auth-footer{margin-top:1.5rem;text-align:center;font-size:.875rem;color:var(--text-secondary)}.auth-footer a{color:#ff6b6b;text-decoration:none;font-weight:500}.auth-footer a:hover{text-decoration:underline}.dark-mode .auth-card{background:var(--bg-primary)}.dark-mode .form-group input{background:var(--bg-secondary);border-color:var(--border-color);color:var(--text-primary)}.dark-mode .auth-footer{color:var(--text-secondary)}.back-button{margin-top:1rem;padding:.5rem 1rem;background:none;border:1px solid #E5E7EB;border-radius:6px;color:var(--text-secondary);cursor:pointer;transition:all .2s}.back-button:hover{background:#f3f4f6;border-color:#d1d5db}:root{--bg-primary: #F9FAFB;--bg-secondary: #F3F4F6;--text-primary: #1F2937;--text-secondary: #4B5563;--border-color: #E5E7EB}.dark-mode{--bg-primary: #1F2937;--bg-secondary: #374151;--text-primary: #F9FAFB;--text-secondary: #D1D5DB;--border-color: #4B5563}.menu-overlay{position:fixed;top:0;left:0;right:0;bottom:0;z-index:9998}.word-input{margin-top:1rem}*{box-sizing:border-box}@media(hover:none)and (pointer:coarse){.alphabet-tile{-webkit-tap-highlight-color:transparent}.alphabet-tile:active{transform:scale(.95);transition:transform .1s;color:#fff}.alphabet-tile:not(:active){background:#fff;transform:scale(1);transition:all .2s;color:inherit}.word-display{margin:0}}@media(max-width:768px){.your-word-text{padding:0;margin:12px auto}.game-header{position:sticky;top:0;background:var(--bg-primary);z-index:10;width:100%;max-width:100%;margin:0 auto;box-sizing:border-box}.tries-box{box-shadow:0 2px 4px #0000000d}.tries-box:hover{transform:translateY(-2px);box-shadow:0 2px 4px #0000001a}}@viewport{width:device-width;zoom:1;user-zoom:fixed}.auth-container{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:1rem;background:#f8f9fa}.auth-box{background:#fff;padding:2rem;border-radius:20px;box-shadow:0 4px 20px #0000001a;width:100%;max-width:400px;animation:slideUp .3s ease-out}.auth-box h2{margin:0 0 1.5rem;color:#333;font-size:1.5rem;text-align:center}.auth-input-group{margin-bottom:1rem}.auth-input-group input{width:100%;padding:.8rem 1rem;border:2px solid #e0e0e0;border-radius:12px;font-size:1rem;transition:all .2s}.auth-input-group input:focus{border-color:#ff6b6b;outline:none;box-shadow:0 0 0 3px #ff6b6b1a}.auth-submit{width:100%;padding:1rem;background:#ff6b6b;color:#fff;border:none;border-radius:12px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .2s;margin-top:1rem}.auth-submit:hover{background:#ff5252;transform:translateY(-2px);box-shadow:0 4px 12px #ff6b6b33}.auth-back{width:100%;padding:.8rem;background:none;border:2px solid #e0e0e0;border-radius:12px;color:#666;font-size:1rem;cursor:pointer;transition:all .2s;margin-top:1rem}.auth-back:hover{background:#f5f5f5;border-color:#ccc}.auth-error{background:#ffe5e5;color:#f33;padding:.8rem 1rem;border-radius:12px;margin-bottom:1rem;font-size:.9rem;animation:shake .5s ease-in-out}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes shake{0%,to{transform:translate(0)}25%{transform:translate(-5px)}75%{transform:translate(5px)}}@media(max-width:480px){.auth-box{padding:1.5rem}}