/* style.css - Corrected to remove canvas background rectangle */

#game-container {
    text-align: center;
    background: linear-gradient(to bottom, #1e90ff, #00b7eb);
    padding: 20px;
    font-family: 'Arial', sans-serif;
    color: white;
    min-height: 500px;
}

#welcome-screen {
    background: rgba(255, 255, 255, 0.9);
    padding: 30px;
    border-radius: 15px;
    color: #333;
    max-width: 500px;
    margin: 50px auto;
}

#gameCanvas {
    /* Removed solid background - now transparent to show container gradient */
    background-color: transparent;
    border: 5px solid #0047ab;
    border-radius: 10px;
    margin: 20px auto;
}

#start-button, #pause-button {
    padding: 10px 25px;
    font-size: 20px;
    background-color: #0047ab;
    color: white;
    border: none;
    border-radius: 5px;
    cursor: pointer;
}

#start-button:hover { background-color: #003580; }

#ui-elements { margin-top: 15px; }
#instructions { font-size: 22px; margin-bottom: 10px; font-weight: bold; }
#score-panel { font-size: 18px; background: rgba(0,0,0,0.2); padding: 10px; border-radius: 5px; }