/* Player Journey Specific Styles */

/* Ensure the sticky functionality works well */
.sticky-wrapper {
    position: relative;
    height: 100%;
}

/* Custom step styling */
.step-number {
    font-variant-numeric: tabular-nums;
}

/* Timeline Line (Optional) */
.timeline-line {
    position: absolute;
    left: 0;
    top: 0;
    width: 1px;
    height: 100%;
    background: rgba(255, 255, 255, 0.1);
}

.timeline-progress {
    position: absolute;
    left: 0;
    top: 0;
    width: 2px;
    height: 0%;
    background: #CCFF00; /* m11-accent */
    transition: height 0.1s linear;
}

/* Highlight active step */
.step-card {
    opacity: 0.4;
    filter: blur(1px);
    transition: all 0.6s cubic-bezier(0.16, 1, 0.3, 1); /* Ease out quart */
    transform: scale(0.98);
}

.step-card.active {
    opacity: 1;
    filter: blur(0);
    transform: scale(1);
}