body {
display: flex;
flex-direction: column;
height: 100vh; /* Allow body to use full viewport height */
}
#gameContainer {
flex: 1; /* Fill remaining space */
position: relative;
}
#chatContainer {
position: fixed; /* Keep chat fixed at the bottom */
bottom: 0;
left: 0;
right: 0;
background: #f9f9f9; /* Background color for chat */
border-top: 1px solid #ccc; /* Top border */
padding: 10px; /* Padding */
}
#messages {
height: 150px; /* Fixed height for messages area */
overflow-y: auto; /* Allow scrolling */
border: 1px solid #ccc; /* Border for messages area */
}
Sail the Boat Game!
Money: $0 | Fuel: 1000
Take the Quiz to Earn Fuel Credits!