body {
    margin: 0;
    padding: 0;
    background-color: #F2F5EA;
    touch-action: none;
}

/* Lobby */
.lobby { max-width: 600px; margin: 0 auto; padding: 20px; font-family: sans-serif; }
.lobby h1 { color: #A4243B; text-align: center; }
.lobby h2 { color: #333; border-bottom: 2px solid #A4243B; padding-bottom: 5px; margin-top: 30px; }
.create-form { text-align: center; margin: 20px 0; }
.create-form select, .create-form button { padding: 10px 20px; font-size: 1em; margin: 5px; }
.game-list { list-style: none; padding: 0; }
.game-item { display: flex; justify-content: space-between; align-items: center; padding: 10px; border-bottom: 1px solid #eee; gap: 10px; }
.game-item .info { flex: 1; color: #666; font-size: 0.9em; }
.game-item .game-id { font-weight: bold; color: #333; }
.stats { text-align: center; margin: 10px 0; color: #666; }
.prefs { margin-top: 20px; text-align: center; }
.prefs label { margin-right: 10px; }
.empty { color: #999; text-align: center; padding: 20px; }
.danger-btn { background: #c0392b; color: white; border: none; border-radius: 5px; padding: 5px 15px; cursor: pointer; font-size: 0.9em; }
.danger-btn:hover { background: #a93226; }

/* Play page back link */
.back-bar { padding: 8px 16px; background: #fff; border-bottom: 1px solid #ddd; }
.back-bar a { color: #A4243B; text-decoration: none; font-size: 0.9em; }