body{font-family:'Roboto',sans-serif;margin:0;padding:20px;background-color:#f5f5f5;color:#333}h1{text-align:center;margin-top:32px;color:#2c3e50;letter-spacing:2px;font-size:24px}h2{text-align:center;color:#16a085;margin-bottom:24px}img{display:block;margin:0 auto;height:auto}.avatar{width:50px;height:50px}.header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;flex-wrap:wrap;padding:10px 0}.header h1{margin:0;font-size:24px}.header a{text-decoration:none}.header-buttons{display:flex;gap:10px;flex-wrap:wrap;align-items:center}#profile-picture{width:50px;height:50px}.container{display:flex;justify-content:space-between;align-items:flex-start;gap:20px;flex-wrap:wrap}input[type="text"],input[type="password"]{display:block;margin:0 auto 16px auto;padding:10px 14px;width:250px;border:1px solid #b2bec3;border-radius:4px;font-size:16px;transition:border 0.2s}input[type="text"]:focus,input[type="password"]:focus{border:1.5px solid #16a085;outline:none}button,.btn,.header-buttons a,#search-button,#login-button,#edit-button{padding:8px 16px;background-color:#16a085;color:#fff;border:none;border-radius:4px;cursor:pointer;text-decoration:none;font-size:14px;transition:background-color 0.2s;line-height:1.5;height:36px;box-sizing:border-box;display:inline-flex;align-items:center;justify-content:center}button:hover,.btn:hover,.header-buttons a:hover,#search-button:hover,#login-button:hover,#edit-button:hover,.profile-upload label:hover{background-color:#138d75}.btn{margin-right:6px}.btn-primary{background-color:#19b01e}.btn-primary:hover{background-color:#117914}.btn-danger{background-color:#e74c3c}.btn-danger:hover{background-color:#c0392b}#search-button,#edit-button{display:block;margin:0 auto 24px auto;padding:10px 24px;font-size:16px;height:auto}#restart-button{margin-top:5px}#score-container{display:flex;flex-direction:column}#score{font-size:24px;text-align:center;width:150px;background:#16a085;padding:15px;border-radius:5px;color:#fff;font-weight:700}#game-container{display:block;background:#bbada0;font-family:'Roboto',sans-serif;font-weight:700;font-size:30px;border-radius:5px;padding:3px;max-width:100%}#game-container .row{display:flex;justify-content:center}#game-container .row .cell{display:flex;align-items:center;justify-content:center;background:#cdc0b4;width:100px;height:100px;margin:5px;border-radius:3px;box-shadow:0 1px 3px rgb(0 0 0 / .12),0 1px 2px rgb(0 0 0 / .24)}.leaderboard-container{padding:15px;border:2px solid #ccc;background-color:#fff;box-shadow:0 0 10px rgb(0 0 0 / .1);height:100%;overflow-y:auto}.leaderboard-container h1{font-size:24px;margin-top:0;text-align:center}table{width:100%;border-collapse:collapse}th,td{padding:8px;text-align:center;border:1px solid #ddd}#admin-table{width:80%;margin:32px auto;border-collapse:collapse;background:#fff;box-shadow:0 2px 12px rgb(44 62 80 / .07);border-radius:8px;overflow:hidden}#admin-table th,#admin-table td{padding:16px 12px;text-align:left}#admin-table thead{background:#16a085;color:#fff}#admin-table tbody tr:nth-child(even){background:#f9f9f9}#admin-table tbody tr:hover{background:#e8f6f3}#login-form,#register-form{display:flex;flex-direction:column;align-items:center;justify-content:center;max-width:300px;margin:80px auto;padding:30px;background-color:#fff;border-radius:8px;box-shadow:0 2px 10px rgb(0 0 0 / .1)}#login-form #login-button,#register-form #register-button{width:250px;margin-top:10px;padding:12px 24px;font-size:16px;height:auto}.settings-container{max-width:800px;margin:0 auto;padding:20px}.settings-section{background-color:#fff;border-radius:8px;padding:20px;margin-bottom:24px;box-shadow:0 2px 8px rgb(0 0 0 / .1)}.settings-section h2{margin-top:0;border-bottom:1px solid #eee;padding-bottom:10px;color:#2c3e50;text-align:left}.settings-content{display:flex;flex-direction:column;gap:16px}.form-group{display:flex;flex-direction:column;gap:8px;width:100%}.form-group label{font-weight:700;color:#555;text-align:left}.form-group input{margin:0;width:100%}.password-hint{font-size:12px;color:#7f8c8d;margin-top:4px;text-align:left}.profile-image-container{display:flex;flex-direction:column;align-items:center;gap:16px;width:100%}.profile-preview{width:128px;height:128px;border-radius:50%;object-fit:cover;border:3px solid #16a085}.profile-upload{text-align:center;width:100%}.profile-upload input[type="file"]{display:none}.profile-upload label{cursor:pointer;padding:8px 16px;border-radius:4px;transition:background-color 0.2s;display:inline-block}.settings-section button{align-self:flex-end}@media (max-width:768px){.header{flex-direction:column;align-items:flex-start}.container{flex-direction:column;align-items:center}#score-container{width:100%;text-align:center}#game-container{width:100%}.leaderboard-container{width:100%}#game-container .row .cell{width:80px;height:80px;font-size:24px}}@media (max-width:480px){#game-container .row .cell{width:60px;height:60px;font-size:18px}#score{font-size:20px}button,.btn,.header-buttons a,#search-button,#login-button,.edit-button{font-size:12px;padding:6px 12px}}@media (min-width:768px){.settings-content{flex-direction:row;justify-content:space-between;align-items:flex-start;flex-wrap:wrap}.form-group{flex:1;margin-right:20px}.settings-section button{align-self:flex-end}}