body { font-family: sans-serif; margin: 20px; background-color: #f0f0f0; }
h1, h2 { color: #333; }
#game-container, .table-item, #table-list { background-color: #fff; padding: 20px; border-radius: 8px; box-shadow: 0 0 10px rgba(0,0,0,0.1); margin-bottom:20px; }
.card-area span, .pot-area span { font-weight: bold; color: #007bff; }
#players-area { display: flex; flex-wrap: wrap; gap: 15px; margin-bottom: 20px; }
.player-seat { border: 1px solid #ccc; padding: 10px; border-radius: 5px; min-width: 180px; background-color: #e9f5ff; }
.player-seat strong { display: block; margin-bottom: 5px; }
.current-turn-player { border: 2px solid #28a745; background-color: #d4edda; }
.folded-player { opacity: 0.6; background-color: #f8f9fa; }
.all-in-player { border-color: #dc3545; }
.empty-seat { background-color: #fdfdfd; border-style: dashed;}
.player-cards-on-table { font-weight: bold; color: #555; margin-top: 5px; }
.best-hand-desc { font-style: italic; color: green; font-size: 0.9em; }
#actions-area button { padding: 8px 15px; margin: 5px; cursor: pointer; border: none; border-radius: 4px; background-color: #007bff; color: white; }
#actions-area button:disabled { background-color: #ccc; cursor: not-allowed; }
#actions-area button[data-action="fold"] { background-color: #dc3545; }
#actions-area button[data-action="start_game"] { background-color: #28a745; }
#actions-area input[type="number"] { padding: 8px; margin-right: 10px; border-radius: 4px; border: 1px solid #ccc; }
#game-log-container { margin-top: 20px; max-height: 200px; overflow-y: auto; border: 1px solid #ddd; padding: 10px; background-color: #f9f9f9; }
#game-log p { margin: 2px 0; font-size: 0.9em; }
#message-area { margin-top: 15px; padding: 10px; background-color: #e9ecef; border-radius: 4px; }
.error { color: red; font-weight: bold; }
#queue-status { margin-top: 10px; font-weight: bold; color: #17a2b8; }
.turn-timer {
    font-weight: bold;
    color: #dc3545; /* Punainen väri */
    margin: 10px 0;
    padding: 5px;
    text-align: center;
    font-size: 1.1em;
    border: 1px solid #ffc107;
    background-color: #fff3cd;
    border-radius: 4px;
}
#im-back-button {
    background-color: #28a745; /* Vihreä */
    color: white;
}