body {
    font-family: 'Inter', sans-serif;
}
.hidden {
    display: none;
}
/* Style für die Buchstaben-Inputs in der Wabe */
.letter-input {
    width: 100%;
    height: 100%;
    text-align: center;
    font-size: 2rem;
    font-weight: bold;
    text-transform: uppercase;
    border-radius: 9999px; /* circle */
    border: 2px solid #9ca3af; /* gray-400 */
    background-color: #f9fafb; /* gray-50 */
    caret-color: transparent; /* Versteckt den Cursor */
}
.letter-input:focus {
    outline: none;
    border-color: #3b82f6; /* blue-500 */
    box-shadow: 0 0 0 3px rgba(59, 130, 246, 0.5);
}
.central.letter-input {
    border-color: #f59e0b; /* amber-500 */
    background-color: #fef3c7; /* amber-100 */
}
 .central.letter-input:focus {
    border-color: #d97706; /* amber-600 */
    box-shadow: 0 0 0 3px rgba(245, 158, 11, 0.5);
}