code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.signup-container{align-items:center;display:flex;justify-content:center;min-height:100vh;padding:20px}.signup-wrapper{align-items:center;background:#fff;border-radius:16px;box-shadow:0 25px 50px -12px #00000040;display:flex;flex-direction:column;max-width:400px;padding:40px;width:100%}.signup-wrapper h1{color:#374151;font-size:28px;margin-bottom:30px;text-align:center}.signup-form{display:flex;flex-direction:column}.form-group{margin-bottom:20px}.form-group label{color:#374151;display:block;font-weight:500;margin-bottom:8px}.form-group input{border:2px solid #d1d5db;border-radius:8px;box-sizing:border-box;font-size:16px;padding:12px;transition:border-color .2s;width:100%}.form-group input:focus{border-color:#3b82f6;outline:none}.login-btn{background:#818181;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:18px;font-weight:600;margin-bottom:10px;padding:14px;transition:transform .2s}.login-btn:hover{transform:translateY(-2px)}.signup-btn{background:#818181;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:18px;font-weight:600;padding:14px 64px;transition:transform .2s}.signup-btn:hover{transform:translateY(-2px)}.labelText{color:#00000080;margin-top:30px}body{background:linear-gradient(135deg,#f5f7fa,#c3cfe2)}.web-page{align-items:center}.game-layout,.web-page{display:flex;justify-content:center}.game-layout{gap:20px;justify-self:center;margin:0 auto;min-height:100vh;padding:20px}.game-main{justify-self:center;min-width:0}.game-sidebar{margin-right:20px;margin-top:50px;position:absolute;right:0}@media (max-width:1000px){.game-sidebar{position:relative}.game-layout{justify-content:space-around}}@media (max-width:700px){.game-layout{flex-direction:column}.game-main{margin-top:50px}.game-sidebar{margin-top:0}}.logout-btn{background-color:#5b92ec;color:#fff;font-weight:600;margin:10px}.top-right-container{align-items:center;display:flex;margin:10px;position:absolute;right:0;top:0}.welcome-message{font-weight:600;margin:10px}.leaderboard-container{background:#fff;border-radius:12px;box-shadow:0 4px 20px #0000001a;height:fit-content;max-height:500px;overflow-y:auto;padding:20px;width:300px}.leaderboard-header{border-bottom:2px solid #f0f0f0;margin-bottom:20px;padding-bottom:15px;text-align:center}.leaderboard-header h2{color:#333;font-size:22px;margin:0 0 8px}.date{color:#666;font-size:14px;font-weight:500;margin:0}.loading{color:#666;font-size:16px;padding:40px;text-align:center}.leaderboard-content{display:flex;flex-direction:column;height:100%}.leaderboard-list{flex:1 1}.leaderboard-item{align-items:center;background:#e1e5eb;border-radius:8px;display:flex;margin-bottom:8px;padding:12px;transition:all .2s ease}.rank{color:#333;font-size:18px;font-weight:700;text-align:center;width:40px}.player-info{flex:1 1;margin-left:12px}.username{color:#333;font-size:14px;font-weight:600;margin-bottom:2px}.time{color:#28a745;font-size:14px;font-weight:700}.leaderboard-footer{border-top:1px solid #f0f0f0;margin-top:20px;padding-top:15px;text-align:center}.refresh-btn{background:#007bff;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:14px;margin-bottom:8px;padding:8px 16px;transition:background-color .2s}.refresh-btn:hover{background:#0056b3}.update-info{color:#999;font-size:12px;margin:0}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}.app-container{align-items:center;background:linear-gradient(135deg,#f5f7fa,#c3cfe2);display:flex;justify-content:center;min-height:100vh;padding:16px}.grid-wrapper{background:#fff;border-radius:12px;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;height:500px;padding:32px;width:100%;width:300px}.title{color:#374151;font-size:24px;font-weight:700;margin-top:0;text-align:center}.grid,.title{margin-bottom:24px}.grid{display:grid;grid-template-columns:repeat(5,0fr)}.grid,.grid-cell{border:2px solid #d1d5db}.grid-cell{background:#fff;font-family:Courier New,Courier,monospace;font-size:18px;font-weight:500;height:48px;text-align:center;transition:all .2s ease;width:48px}.grid-cell:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a;outline:none;transform:scale(1.02)}.grid-cell.related-cell{border-color:#537bc0}.grid-cell.highlighted{background-color:#ade4fa;border-color:#537bc0;box-shadow:0 0 0 2px #f59e0b33}.button-container{display:flex;gap:12px;justify-content:center;margin-bottom:16px}.btn{border-radius:6px;font-size:14px;font-weight:500;min-width:100px;padding:8px 16px;transition:all .2s ease}.btn:focus{box-shadow:0 0 0 3px #0000001a;outline:none}.btn-acrossdown{background-color:hwb(0 46% 54%);color:#fff}.display-text{background-color:#e1e5eb;border-radius:4px;color:#374151;font-size:16px;margin:10px 0 20px;padding:8px;text-align:center}.modal-content{animation:modalSlideIn 1s ease-out;background:#fff;border-radius:16px;height:300px;padding:40px;text-align:center}@keyframes modalSlideIn{0%{opacity:0;transform:translateY(-50px) scale(.9)}to{opacity:1;transform:translateY(0) scale(1)}}.modal-content h2{color:#059669;font-size:28px;margin-bottom:16px}.modal-content p{color:#374151;font-size:18px;margin-bottom:24px}.timer-display{color:#374151;font-size:24px;font-weight:700;margin-left:15px;margin-top:5px}.timer-label{color:#6b7280}.timer-time{color:#059669;font-family:Courier New,monospace}*{box-sizing:border-box;margin:0;padding:0}body{align-items:center;display:flex;justify-content:center;min-height:100vh;padding:20px}.wordle-container{background:#fff;border-radius:20px;box-shadow:0 20px 40px #0003;margin-bottom:30px;max-height:500px;max-width:300px;padding:30px;text-align:center;width:100%}.wordle-title{color:#333;font-size:2.5rem;font-weight:700;letter-spacing:2px;margin-bottom:10px}.wordle-subtitle{color:#666;font-size:1rem}.game-board{display:flex;flex-direction:column;gap:10px;margin-bottom:30px;margin-top:30px;min-height:300px}.word-row{animation:slideIn .3s ease-out forwards;display:flex;gap:8px;justify-content:center;opacity:0;transform:translateY(-20px)}@keyframes slideIn{to{opacity:1;transform:translateY(0)}}.letter-cell{align-items:center;background:#fff;border:2px solid #ddd;border-radius:8px;display:flex;height:60px;justify-content:center;transition:all .3s ease;width:60px}.letter-cell,.letter-cell input{font-size:1.5rem;font-weight:700;text-transform:uppercase}.letter-cell input{background:#0000;border:none;color:#333;height:100%;outline:none;text-align:center;width:100%}.letter-cell.correct{background-color:#6aaa64;border-color:#6aaa64;color:#fff}.letter-cell.correct input{color:#fff}.letter-cell.present{background-color:#c9b458;border-color:#c9b458;color:#fff}.letter-cell.present input{color:#fff}.letter-cell.absent{background-color:#787c7e;border-color:#787c7e;color:#fff}.letter-cell.absent input{color:#fff}.letter-cell.filled{background-color:#f8f9fa;border-color:#878a8c}.letter-cell.active{border-color:#565758;border-width:3px}.controls{display:flex;gap:15px;justify-content:center;margin-bottom:20px}.btn{border:none;border-radius:8px;cursor:pointer;font-size:1rem;font-weight:700;padding:12px 24px;transition:all .3s ease}.btn-primary{background-color:#6aaa64;color:#fff}.btn-primary:hover{background-color:#5a9a54;transform:translateY(-2px)}.btn-secondary{background-color:#787c7e;color:#fff}.btn-secondary:hover{background-color:#6a6e70;transform:translateY(-2px)}.btn:disabled{background-color:#ccc;cursor:not-allowed;transform:none}.message{align-items:center;border-radius:8px;display:flex;font-weight:700;justify-content:center;margin-top:20px;min-height:50px;padding:15px;text-align:center}.message.success{background-color:#d4edda;border:1px solid #c3e6cb;color:#155724}.message.error{background-color:#f8d7da;border:1px solid #f5c6cb;color:#721c24}.message.info{background-color:#d1ecf1;border:1px solid #bee5eb;color:#0c5460}.stats{background-color:#f8f9fa;border-radius:8px;display:flex;justify-content:space-around;margin-top:20px;padding:15px}.stat{text-align:center}.stat-number{color:#333;font-size:1.5rem;font-weight:700}.stat-label{color:#666;font-size:.9rem;margin-top:5px}@media (max-width:480px){.game-container{padding:20px}.letter-cell{height:50px;width:50px}.letter-cell,.letter-cell input{font-size:1.2rem}.game-title{font-size:2rem}}
/*# sourceMappingURL=main.18ab8ceb.css.map*/