.phase-item {
    transition: background-color 0.2s ease;
}

.phase-item.active-phase {
    font-weight: bold;
}

.phase-item.completed-phase {
    opacity: 0.5;
}

.phase-item.skipped-phase {
    opacity: 0.4;
    text-decoration: line-through;
}

.die-result {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 48px;
    height: 48px;
    border: 2px solid var(--bs-border-color);
    border-radius: 6px;
    font-size: 1.5rem;
    font-weight: bold;
}

.side-label {
    font-weight: 600;
    min-width: 80px;
    display: inline-block;
}

.action-row {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    margin-bottom: 0.75rem;
}

.surprise-badge {
    font-size: 0.85rem;
}