/* CGA PALETTE: #01010A (Dunkelblau/Schwarz), #55FFFF (Cyan), #FF55FF (Magenta), #FFFF55 (Gelb) */
        body {
            display: flex;
            flex-direction: column;
            justify-content: center;
            align-items: center;
            min-height: 100vh;
            margin: 0;
            background-color: #01010A; /* CGA-Hintergrund */
            color: #55FFFF;
            font-family: 'Courier New', monospace; /* Monospace für Retro-Look */
            overflow: hidden;
        }

        canvas {
            border: 2px solid #55FFFF;
            box-shadow: 0 0 0 transparent; /* Schatten entfernt für CGA */
            background-color: #01010A;
            cursor: none;
            max-width: 95vw;
            max-height: 80vh;
        }

        .game-controls {
            display: flex;
            justify-content: space-between;
            align-items: center;
            width: 100%;
            max-width: 800px;
            padding: 10px 0;
            font-size: 1.2rem;
        }

        /* Standard-Button-Stil */
        .control-button {
            background-color: transparent;
            color: #55FFFF;
            border: 1px solid #55FFFF;
            padding: 5px 15px;
            font-size: 1rem;
            font-family: 'Courier New', monospace;
            border-radius: 0; /* Eckig für Retro */
            cursor: pointer;
            transition: background-color 0.1s;
        }

        .control-button:hover {
            background-color: rgba(85, 255, 255, 0.2);
        }

        /* Spiel-Overlay (Start/Game Over/Pause) */
        .overlay {
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            background-color: rgba(1, 1, 10, 0.95);
            display: flex;
            flex-direction: column;
            justify-content: center;
            align-items: center;
            text-align: center;
            z-index: 100;
        }

        .overlay h1 {
            color: #FF55FF; /* Magenta-Titel */
            font-size: 3rem;
            margin-bottom: 20px;
            text-shadow: none;
        }

        .overlay p {
            font-size: 1.5rem;
            margin-bottom: 30px;
            color: #FFFF55; /* Gelber Text */
            text-shadow: none;
        }

        .overlay button {
            background-color: #FF55FF;
            color: #01010A;
            border: 2px solid #FF55FF;
            padding: 10px 30px;
            font-size: 1.5rem;
            font-weight: bold;
            border-radius: 0;
            cursor: pointer;
            transition: all 0.1s;
            box-shadow: none;
        }

        .overlay button:hover {
            background-color: #FFFF55;
            color: #01010A;
            transform: scale(1.0);
        }

        /* Neues Modal für Steuerung */
        #controls-modal {
            display: none; /* Standardmäßig ausgeblendet */
            position: fixed;
            z-index: 200;
            left: 0;
            top: 0;
            width: 100%;
            height: 100%;
            background-color: rgba(1, 1, 10, 0.9);
            justify-content: center;
            align-items: center;
        }

        .modal-content {
            background-color: #01010A;
            color: #55FFFF;
            padding: 40px; 
            border: 2px solid #55FFFF;
            width: 80%;
            max-width: 450px; 
            text-align: left;
        }

        .modal-content h2 {
            color: #FF55FF;
            margin-top: 0;
            border-bottom: 1px dashed #55FFFF;
            padding-bottom: 10px;
            margin-bottom: 20px;
        }

        .modal-content ul {
            list-style-type: none;
            padding: 0;
        }

        .modal-content li {
            margin-bottom: 15px; 
            padding: 5px 0;
            display: flex; 
            justify-content: space-between;
            align-items: center;
        }

        .modal-content .key {
            color: #FFFF55;
            font-weight: bold;
            font-size: 1.2em; 
            white-space: nowrap;
        }
        
        .modal-content .description {
            color: #55FFFF;
            text-align: right;
            flex-grow: 1;
        }