/* Stile für das Pong-Spiel */

#game-container {
    /* Nutzt die gleichen Stile wie deine .card-Elemente */
    background: var(--card-bg);
    backdrop-filter: blur(12px);
    -webkit-backdrop-filter: blur(12px); 
    border: var(--card-border);
    border-radius: 16px; 
    padding: 2rem;
    max-width: 900px; /* Maximale Breite des Spielcontainers */
    margin: 0 auto; /* Zentrieren */
}

/* Das Canvas-Element, auf dem das Spiel läuft */
#pong-canvas {
    width: 100%;
    background-color: #000; /* Klassischer schwarzer Hintergrund für Pong */
    border-radius: 8px; /* Abgerundete Ecken passend zum Design */
}

/* Infotext für die Steuerung */
.controls-info {
    margin-top: 2rem;
    padding: 1rem;
    background: rgba(0,0,0,0.2); /* Leicht transparenter Hintergrund */
    border-radius: 8px;
}

.controls-info p {
    margin-bottom: 0.5rem;
    color: var(--text-grey); /* Nutzt die graue Textfarbe aus default.css */
}

.controls-info strong {
    color: var(--text-color); /* Nutzt die Haupttextfarbe */
}