body {
    font-family: Arial, sans-serif;
    background-color: #2c2f33;
    color: #ffffff;
    text-align: center;
    padding: 20px;
}
.container {
    max-width: 600px;
    margin: 0 auto;
    background-color: #23272a;
    padding: 20px;
    border-radius: 10px;
    box-shadow: 0 4px 8px rgba(0,0,0,0.2);
}
input, select, button {
    padding: 10px;
    margin: 10px 0;
    border-radius: 5px;
    border: none;
    font-size: 16px;
}
button {
    background-color: #7289da;
    color: white;
    cursor: pointer;
    transition: 0.3s;
}

button:hover { 
    background-color: #5b6eae; 
}
.ascuns { 
    display: none; 
}
#cuvant {
    font-size: 2em;
    letter-spacing: 15px;
    margin: 20px 0;
    font-family: monospace;
}
#mesaj-eroare { 
    color: #ff5555; 
}
#litere-gresite {
    color: #ff5555;
}
#mesaj-joc {
    color: #f1c40f; 
    min-height: 20px;
}
#input-litera {
    width: 50px; 
    text-align: center;
}
#mesaj-ramas-bun {
    color: #43b581;
}
#desen {
    max-height: 200px;
    margin-bottom: 20px;
}