body { font-family: Arial, sans-serif; background: #f5f5f5; }
.container { max-width: 500px; margin: 40px auto; background: #fff; padding: 24px; border-radius: 8px; box-shadow: 0 2px 8px #0001; }
h1, h2 { text-align: center; }
input, button { padding: 8px; margin: 4px; }
#gameArea { margin: 20px 0; }
#chatArea { border-top: 1px solid #ccc; padding-top: 10px; }
#chatMessages { height: 120px; overflow-y: auto; background: #f0f0f0; margin-bottom: 8px; padding: 6px; border-radius: 4px; }
.card { width: 40px; height: 60px; background: #eee; border: 1px solid #aaa; display: inline-block; margin: 2px; border-radius: 4px; text-align: center; line-height: 60px; font-size: 18px; }
.card.face-down { background: #333; color: #333; }
.card.face-up { background: #fff; color: #000; }