html, body { overflow: hidden; width: 100%; height: 100%; margin: 0; padding: 0; font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif; }
        #renderCanvas { width: 100%; height: 100%; touch-action: none; }
        
        /* Game Instructions Overlay */
        #gameOverlay { position: absolute; top: 20px; left: 20px; color: white; pointer-events: none; text-shadow: 2px 2px 4px #000; }
        
        /* Chat Interface Container */
        #chatContainer { 
            position: absolute; 
            bottom: 20px; 
            left: 20px; 
            width: 320px; 
            background: rgba(0, 0, 0, 0.7); 
            padding: 10px; 
            border-radius: 8px; 
            display: flex; 
            flex-direction: column; 
            border: 1px solid #444;
        }

        #chatbox { 
            height: 150px; 
            color: #fff; 
            overflow-y: auto; 
            margin-bottom: 10px; 
            font-size: 14px; 
            line-height: 1.4;
        }

        #chatbox div { margin-bottom: 4px; border-bottom: 1px solid rgba(255,255,255,0.1); padding-bottom: 2px; }

        /* Input Area */
        #inputRow { display: flex; gap: 5px; }
        #msgInput { 
            flex-grow: 1; 
            padding: 8px; 
            border-radius: 4px; 
            border: none; 
            outline: none; 
            background: #222; 
            color: white; 
        }
        #btnSend { 
            padding: 8px 15px; 
            background: #28a745; 
            color: white; 
            border: none; 
            border-radius: 4px; 
            cursor: pointer; 
            font-weight: bold;
        }
        #btnSend:hover { background: #218838; }