/* Draft Prediction V1 */

.home-draft-lifecycle {
    border: 1px solid rgba(167, 139, 250, 0.25);
    background: linear-gradient(135deg, rgba(139, 92, 246, 0.10), rgba(16, 185, 129, 0.06));
}

.draft-lifecycle-steps { gap: 0.35rem; }

.draft-life-step {
    display: inline-flex;
    align-items: center;
    gap: 0.3rem;
    padding: 0.35rem 0.7rem;
    border-radius: 999px;
    font-weight: 800;
    border: 1px solid rgba(255, 255, 255, 0.12);
    white-space: nowrap;
}

.draft-life-step.done { background: rgba(16, 185, 129, 0.12); color: #6ee7b7; }
.draft-life-step.current { background: rgba(139, 92, 246, 0.22); color: #c4b5fd; border-color: rgba(139, 92, 246, 0.45); }
.draft-life-step.future { color: #94a3b8; }
.draft-life-arrow { color: #64748b; }

.draft-home-cta { white-space: nowrap; }

.draft-prob-box { min-width: 150px; }

.draft-prob-circle {
    width: 168px;
    height: 168px;
    border-radius: 50%;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    text-align: center;
    border: 2px solid rgba(255, 255, 255, 0.12);
    background: radial-gradient(circle at 30% 25%, rgba(255,255,255,0.10), transparent 65%);
}

.band-very-low { background: rgba(71, 85, 105, 0.55); color: #cbd5e1; }
.band-low { background: rgba(100, 116, 139, 0.55); color: #e2e8f0; }
.band-medium { background: rgba(245, 158, 11, 0.28); color: #fde68a; border-color: rgba(245, 158, 11, 0.45); }
.band-high { background: rgba(16, 185, 129, 0.28); color: #a7f3d0; border-color: rgba(16, 185, 129, 0.45); }
.band-very-high { background: rgba(139, 92, 246, 0.35); color: #ddd6fe; border-color: rgba(139, 92, 246, 0.55); }

.draft-result-row:focus { outline: 2px solid rgba(16, 185, 129, 0.5); }

@media (max-width: 639px) {
    .draft-prob-circle { width: 140px; height: 140px; }
    .draft-prob-circle .text-4xl { font-size: 2rem; }
}