html, body {
    margin: 0;
    padding: 0;
    height: 100%;
    overflow: hidden !important; /* Ensure no scrollbars on the main page, override any defaults */
    font-family: sans-serif;
    background-color: #282c34; /* Keep a background color in case iframe fails */
    color: #e0e0e0;
}

#gameFrame {
    width: 100vw; /* 100% of viewport width */
    height: 100vh; /* 100% of viewport height */
    border: none; /* Remove default iframe border */
    display: block; /* Remove any extra space below the iframe */
    /* Attempt to hide iframe's internal scrollbars, though cross-origin control is limited */
    overflow: hidden !important;
}

#greyFrame {
    position: fixed; /* Position relative to the viewport */
    bottom: 0; /* 0px from the bottom to place it directly in the corner */
    right: 0; /* 0px from the right to place it directly in the corner */
    width: 150px; /* Example width */
    height: 100px; /* Example height */
    background-color: #888; /* A medium grey background */
    border: 1px solid #555; /* A slightly darker grey border for definition */
    z-index: 1000; /* Ensure it's above the iframe */
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2); /* Optional: add a subtle shadow */
}

/* --- Scrollbar Removal for all elements, including potential iframe scrollbars (best effort for cross-origin) --- */
/* For WebKit browsers (Chrome, Safari, newer Edge) */
::-webkit-scrollbar {
    display: none !important; /* Hide scrollbar visually */
    width: 0 !important; /* Also hide the width */
    height: 0 !important; /* Also hide the height for horizontal scrollbars */
}

/* For Firefox */
html, body, #gameFrame {
    scrollbar-width: none !important; /* Hide scrollbar for Firefox */
}

/* For Internet Explorer and older Edge */
html, body, #gameFrame {
    -ms-overflow-style: none !important; /* Hide scrollbar for IE/Edge */
}

/* --- WEBSIM OVERLAY REMOVAL --- */
/* This CSS targets common elements used by the websim platform for its overlay */
/* and ensures they are completely hidden and do not take up space or interfere. */
#websim-overlay,
#websim-debugger,
#_websim_overlay_container,
div[data-role="websim-overlay"],
iframe[src*="websim.com/overlay"],
/* Added more general websim-related selectors for robustness */
[id^="websim-"],        /* IDs starting with "websim-" */
[class^="websim-"],     /* Classes starting with "websim-" */
[id*="_websim"],        /* IDs containing "_websim" */
[class*="_websim"],     /* Classes containing "_websim" */
div.websim-footer,      /* Common class for footer-like overlays */
div.websim-branding
{
    display: none !important;
    visibility: hidden !important;
    width: 0 !important;
    height: 0 !important;
    overflow: hidden !important;
    position: absolute !important; /* ensure it doesn't take up space */
    top: -9999px !important; /* move it off-screen */
    left: -9999px !important; /* move it off-screen */
    pointer-events: none !important; /* prevent interaction */
    z-index: -9999 !important; /* place it behind everything */
}