.chip-container {
    margin: 20px 0;
    min-height: 60px; /* Increased to accommodate chip stacks */
    position: relative; /* Allow absolute positioning of chip groups */
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
}

.chip-group {
    display: inline-flex;
    align-items: center;
    position: absolute; /* Position relative to container */
}

.chip-image {
    width: 80px;
    height: 60px;
    margin: 0 -11px; /* Slight overlap within the same color group */
    vertical-align: middle;
}

/* Chip stack transition */
.chip-group.moving {
    transition: transform 789ms ease-in-out;
}

@keyframes chipsToBankroll {
    0% { transform: translateY(0); opacity: 1; }
    100% { transform: translateY(-300px); opacity: 0.7; } /* Move up to bankroll */
}

@keyframes chipsOffScreen {
    0% { transform: translateY(0); opacity: 1; }
    100% { transform: translateY(600px); opacity: 0; } /* Move off bottom */
}