/* assets/css/game.css */
/* Styled for Consultio theme compatibility */
#eso-game-board { max-width: 800px; margin: 0 auto; padding: 20px; }
.scenario { margin: 10px 0; padding: 10px; border: 1px solid #ddd; background: #fff; }
.trait { margin: 5px 0; padding: 5px; cursor: pointer; }
.trait:hover { background: #f0f0f0; }
#chat { margin-top: 20px; }
#chat-messages { height: 200px; overflow-y: scroll; padding: 10px; border: 1px solid #ddd; }
#chat-input { width: 100%; height: 50px; margin-bottom: 10px; }
#trait-select { margin: 10px 0; width: 100%; padding: 8px; }
.eso-auth-tabs { margin-bottom: 20px; }
.tablink { padding: 10px 20px; margin-right: 5px; cursor: pointer; border: 1px solid #0073aa; background: #f1f1f1; }
.tablink.active { font-weight: bold; background: #0073aa; color: #fff; }
.tabcontent { display: none; }
.success { color: green; }
.error { color: red; }
form { max-width: 400px; margin: 20px 0; }
form input[type="text"], form input[type="email"], form input[type="tel"], form input[type="password"], form textarea, form select {
    width: 100%;
    box-sizing: border-box;
    margin-bottom: 10px;
    padding: 8px;
}
#eso-group-join-select { width: 100%; margin-bottom: 10px; }
@media (max-width: 768px) {
    #eso-game-board { padding: 10px; }
    form { max-width: 100%; }
}