.library-heading {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 12px;
}

.library-total {
    min-width: 34px;
    padding: 5px 9px;
    border-radius: 999px;
    color: #1f6540;
    background: #e5f1e9;
    font-size: .78rem;
    font-weight: 800;
    text-align: center;
}

.library-status {
    min-height: 20px;
    color: #64736b;
    font-size: .78rem;
}

.games-library {
    display: grid;
    gap: 9px;
}

.game-library-card {
    display: grid;
    gap: 8px;
    padding: 13px;
    border: 1px solid #d9e0dc;
    border-radius: 10px;
    background: #fafbf9;
}

.game-library-card.current {
    border-color: #84ad94;
    background: #f3f8f4;
    box-shadow: inset 3px 0 #27864b;
}

.game-library-card-heading {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 8px;
}

.game-library-card-heading strong { font-size: .9rem; }

.game-current-badge {
    padding: 3px 7px;
    border-radius: 999px;
    color: #21643f;
    background: #dceee3;
    font-size: .66rem;
    font-weight: 800;
    text-transform: uppercase;
}

.game-library-meta {
    margin: 0;
    color: #718078;
    font-size: .73rem;
    line-height: 1.4;
}

.game-review-state {
    padding: 8px 9px;
    border-radius: 7px;
    font-size: .76rem;
    line-height: 1.35;
}

.game-review-state.state-completed { color: #185b36; background: #e4f3e9; }
.game-review-state.state-running,
.game-review-state.state-queued { color: #6d5017; background: #fff1cf; }
.game-review-state.state-failed { color: #8e3029; background: #ffebe8; }
.game-review-state.state-none { color: #65726c; background: #eef1ef; }

.library-guest-note {
    margin: 2px 0 0;
    padding: 10px;
    border-radius: 8px;
    color: #6a5427;
    background: #fff5d9;
    font-size: .78rem;
    line-height: 1.45;
}
