/* Use a grid layout for the entire page */
        body {
            margin: 0;
            display: grid;
            grid-template-columns: 1fr 1fr; /* Two equal columns */
            grid-template-rows: auto 2fr 1fr; /* Header, main content, and console sections */
            height: 100vh; /* Full viewport height */
            font-family: Arial, sans-serif;
        }

        h1 {
            grid-column: span 2; /* Header spans both columns */
            text-align: center;
            margin: 10px 0;
        }

        #monaco-editor {
            grid-column: 1; /* Left column */
            grid-row: 2 / span 2; /* Takes full left side */
            border: 1px solid #ccc;
            height: 100%; /* Fill available space */
        }

        #gameCanvas {
            grid-column: 2; /* Right column */
            grid-row: 2; /* Top two-thirds */
            width: 100%;
            height: 100%; /* Canvas stretches to fill the grid cell */
            border: 1px solid black;
        }

        #console {
            grid-column: 2; /* Right column */
            grid-row: 3; /* Bottom one-third */
            background-color: black;
            color: white;
            font-family: monospace;
            padding: 10px;
            overflow-y: auto;
            border: 1px solid #ccc;
            height: 100%;
        }

        button {
            margin: 10px;
        }