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;background:#121213;color:#fff;position:relative}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.cell{width:3.3rem;height:3.3rem;line-height:32px;display:inline-flex;justify-content:center;align-items:center;font-size:24px;line-height:1;font-weight:700;vertical-align:middle;box-sizing:border-box;border:1px solid #9fa0a2;text-transform:uppercase;color:#fff;margin-right:5px;font-family:-apple-system,BlinkMacSystemFont,Roboto,sans-serif}.cell-close{background:#b49f39}.cell-wrong,#disabled{background:#3a3a3c}.cell-correct{background:#538d4e}.row{margin-bottom:5px}.board{text-align:center;max-width:600px;margin:0 auto;padding:0 20px}.game{margin-top:20px}h1{text-align:center;padding:10px 20px;margin:0 15px}.word-length-selector{display:flex;justify-content:center;gap:10px;margin:10px 0}.length-btn{padding:8px 16px;border:2px solid #538d4e;border-radius:5px;background:transparent;color:#fff;font-size:14px;font-weight:700;cursor:pointer;transition:all .2s ease}.length-btn:hover{background:#538d4e}.length-btn.active{background:#538d4e;border-color:#538d4e}.keyboard{max-width:700px;height:300px;margin:15px auto 60px;width:100%}.line1{flex:33%;flex-direction:row;display:flex;justify-content:center;margin:0 5px 5px}.line2,.line3{flex:33%;display:flex;flex-direction:row;justify-content:center;margin:0 5px 5px}.key{width:2.5rem;height:3rem;margin:0 5px 5px;border-radius:3px;display:grid;place-items:center;font-size:13px;background-color:#818384;color:#fff;font-weight:700;font-family:Arial,Helvetica,sans-serif;cursor:pointer}#big{width:100px}.wrong{background-color:#3a3a3c;pointer-events:none}.correct{background-color:#538d4e}.close{background-color:#b49f39}.keyboardDisabled .key{pointer-events:none}.gameResult{position:absolute;background:#12111199;width:100%;height:100%;left:0;top:0}.gameResult .gameContent{background:#000;max-width:720px;padding:40px 30px;top:50%;margin:0 20px;left:50%;transform:translate(-50%,-50%);width:100%;position:relative}.gameResult .closeGame{text-align:right;cursor:pointer}.bigbutton{background-color:#fff;padding:10px 30px;color:#000;text-transform:capitalize;cursor:pointer;font-weight:700}.bigbutton:hover{color:#fff;background-color:#538d4e}.wordle-game{text-align:center;padding:40px 20px;max-width:600px;margin:0 auto}.wordle-game .buttons{display:flex;justify-content:center;gap:15px;margin:30px 0}.wordle-game .buttons button{padding:12px 30px;font-size:16px;font-weight:700;border:none;border-radius:5px;cursor:pointer;background:#538d4e;color:#fff;transition:background .2s}.wordle-game .buttons button:hover{background:#6aaa5f}.wordle-game .buttons button:disabled{background:#3a3a3c;cursor:not-allowed}.wordle-game .footer{margin-top:50px;color:#818384}.wordle-game .footer a{color:#538d4e;text-decoration:none}.wordle-game .footer a:hover{text-decoration:underline}.login-form{max-width:300px;margin:30px auto}.login-form .form-group{margin-bottom:20px;text-align:left}.login-form label{display:block;margin-bottom:5px;color:#818384}.login-form input{width:100%;padding:12px;font-size:16px;border:2px solid #3a3a3c;border-radius:5px;background:#121213;color:#fff;box-sizing:border-box}.login-form input:focus{outline:none;border-color:#538d4e}.login-form .error{color:#e74c3c;margin-bottom:15px}.stats-container{background:#1a1a1b;padding:20px;border-radius:10px;margin:20px 0}.stats-container h2{margin-top:0}.stats{display:grid;grid-template-columns:repeat(2,1fr);gap:15px;text-align:left}.stats p{margin:0;padding:10px;background:#3a3a3c;border-radius:5px}.toggle-auth{margin-top:20px;color:#818384}.link-button{background:none;border:none;color:#538d4e;cursor:pointer;font-size:inherit;padding:0;text-decoration:underline}.link-button:hover{color:#6aaa5f}.game-header{display:flex;justify-content:space-between;align-items:center;padding:0 10px;max-width:500px;margin:0 auto}.game-header h1{margin:0;padding:10px 0}.nav-buttons{display:flex;gap:10px}.nav-btn{padding:8px 16px;font-size:14px;font-weight:700;border:none;border-radius:5px;cursor:pointer;background:#3a3a3c;color:#fff;transition:background .2s}.nav-btn:hover{background:#538d4e}.correct-word-reveal{font-size:1.5rem;margin:20px 0;color:#b49f39;text-transform:uppercase}.correct-word-reveal strong{color:#538d4e;letter-spacing:3px}.correct-word-small{color:#818384;font-size:.9rem;margin-top:10px}