.overlay-card {
    width: 320px;
    padding: 20px;

    background: linear-gradient(to bottom, #8B5A2B, #5C3A21);
    border: 4px solid #3D2A18;
    border-radius: 8px;

    box-shadow:
        inset 0 0 8px rgba(0,0,0,0.4),
        0 6px 12px rgba(0,0,0,0.6);

    font-family: monospace;
    color: #ffd27f;
    text-align: center;
}

.overlay-card h1 {
    margin-top: 0;
    color: #ffd27f;
    text-shadow: 2px 2px #000;
}

.overlay-card input {
    width: 100%;
    margin-top: 10px;
    padding: 6px;

    background: #2a1a10;
    border: 2px solid #8B4513;
    color: #ffd27f;

    font-family: monospace;
}

.overlay-buttons {
    margin-top: 12px;
}

.overlay-buttons button {
    margin: 4px;
    padding: 6px 10px;

    background: #3e2a1c;
    border: 2px solid #8B4513;
    color: #ffd27f;

    cursor: pointer;
    font-family: monospace;
}

.overlay-buttons button:hover {
    background: #5C3A21;
}