body {
        background-color: #0d0d1a;
        color: #00ffff;
        font-family: 'Courier New', Courier, monospace;
        display: flex;
        justify-content: center;
        align-items: center;
        height: 100vh;
        margin: 0;
        overflow: hidden;
    }

    #arcade-container {
        text-align: center;
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
    }

    h1 {
        text-shadow: 0 0 10px #ff00ff, 0 0 20px #ff00ff;
        letter-spacing: 2px;
        margin-top: 0;
        margin-bottom: 15px;
        font-size: 28px; /* Slightly upscaled main cabinet title */
    }

    #volume-container {
        display: flex;
        justify-content: center;
        align-items: center;
        gap: 10px;
        margin-bottom: 15px;
    }

    #volume-icon {
        font-size: 16px;
        text-shadow: 0 0 5px #00ffff;
    }

    #volume-slider {
        -webkit-appearance: none;
        appearance: none;
        width: 120px;
        height: 6px;
        background: #1a1a3a;
        border: 1px solid #00ffff;
        border-radius: 3px;
        outline: none;
        box-shadow: 0 0 5px #00ffff;
        cursor: pointer;
    }

    #volume-slider::-webkit-slider-thumb {
        -webkit-appearance: none;
        appearance: none;
        width: 14px;
        height: 14px;
        background: #ff00ff;
        border-radius: 50%;
        box-shadow: 0 0 8px #ff00ff;
    }

    #secret-egg {
        width: 18px;
        height: 18px;
        opacity: 0.3;
        cursor: pointer;
        transition: opacity 0.2s ease, transform 0.2s ease;
        margin-left: 8px;
    }

    #secret-egg:hover {
        opacity: 1;
        transform: scale(1.2) rotate(15deg);
    }

    #scoreboard {
        display: flex;
        justify-content: space-between;
        width: 400px; 
        font-size: 16px; /* Increased for high-visibility readability */
        font-weight: bold;
        color: #ffffff;
        margin-bottom: 12px;
        letter-spacing: 1px;
    }

    #current-score {
        text-shadow: 0 0 5px #00ffff;
    }

    #high-score {
        text-shadow: 0 0 5px #ff00ff;
    }

    /* Keeps the title screen and canvas perfectly aligned without shifting pixel maps */
    #game-window {
        position: relative;
        width: 400px;
        height: 400px;
        border: 4px solid #ff00ff;
        box-shadow: 0 0 15px #ff00ff;
        background-color: #000000; /* Keeps a dark background if canvas lags */
    }

    canvas {
        position: absolute;
        top: 0;
        left: 0;
        width: 400px;
        height: 400px;
        background-color: #000000;
        display: block;
    }


    #title-screen {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background-color: rgba(5, 5, 15, 0.95);
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        z-index: 10;
    }

    /* Feature 2: Bigger Retro Typographic Classes */
    .arcade-logo {
        font-size: 56px; /* Scaled up from 42px for massive screen presence */
        margin: 0;
        color: #00ffff;
        text-shadow: 0 0 12px #00ffff, 0 0 25px #00ffff;
        letter-spacing: 5px;
    }

    .subtitle {
        font-size: 18px; /* Increased from 14px */
        color: #ff00ff;
        margin: 8px 0 35px 0;
        text-shadow: 0 0 6px #ff00ff;
    }

    .controls-guide {
        margin-bottom: 35px;
        font-size: 15px; /* Increased from 12px for better readability */
        color: #a0a0c0;
        line-height: 2;
        font-weight: bold;
    }

    .controls-guide p {
        margin: 4px 0;
        text-shadow: 0 0 3px rgba(160, 160, 192, 0.5);
    }

    #start-btn {
        color: #ffaa00;
        font-size: 18px; /* Increased from 16px */
        font-weight: bold;
        text-shadow: 0 0 8px #ffaa00;
        animation: blink 1.2s infinite;
        letter-spacing: 1px;
    }

    @keyframes blink {
        0% { opacity: 1; }
        50% { opacity: 0; }
        100% { opacity: 1; }
    }