#scanlines {
    position: fixed; /* Cover the entire screen */
    top: 0;
    left: 0;
    width: 100vw; /* Full width of the viewport */
    height: 100vh; /* Full height of the viewport */
    pointer-events: none; /* Allow clicks to pass through to the game */
    z-index: 999; /* Ensure it is below the TV foreground but above the game canvas */
    background: repeating-linear-gradient(
        to bottom,
        rgba(0, 0, 0, 0.2), /* Dark line */
        rgba(0, 0, 0, 0.2) 2px,
        rgba(0, 0, 0, 0) 2px,
        rgba(0, 0, 0, 0) 4px
    );
    mix-blend-mode: multiply; /* Blend the scanlines with the game canvas */
}

#game {
    position: relative; /* Ensure it is positioned relative to the body */
    width: -webkit-fill-available; /* Full width of the viewport */
    height: -webkit-fill-available; /* Full height of the viewport */
    overflow: hidden; /* Prevent scrolling */
    max-width: 800px; /* Limit the width to 800px */
    max-height: 600px; /* Limit the height to 600px */
    margin: 0 auto; /* Center the container */    
}

body {
    margin: 0;
    padding: 0;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    font-family: PressStart2P;
    background-color: #000;
    height: 100vh; /* Ensure the body takes up the full viewport height */
    overflow: hidden; /* Prevent scrolling */
    position: relative; /* Ensure child elements are positioned relative to the body */
}