/* roadmap.css - עיצוב מפת הדרכים והשלבים */
.roadmap-content { padding-bottom: 100px; }
.roadmap-section { padding: 1rem 0; }
.roadmap-wrapper { display: flex; flex-direction: column; gap: 2rem; }

/* כרטיס העולם (World Card) */
.world-card { 
    background: rgba(255, 255, 255, 0.03); 
    border-radius: var(--radius-lg); 
    padding: 1.5rem; 
    border: 1px solid rgba(255,255,255,0.05); 
}
.world-card h3 { 
    text-align: center; 
    margin-bottom: 1.5rem; 
    font-size: 1rem; 
    color: var(--gray-light); 
}

/* הצמתים (Nodes) */
.world-nodes { display: flex; flex-wrap: wrap; justify-content: center; gap: 1rem; }
.node-wrapper { display: flex; flex-direction: column; align-items: center; }

.roadmap-node { 
    width: 55px; height: 55px; 
    border-radius: 50%; 
    background: var(--dark-lighter); 
    border: 3px solid var(--gray); 
    display: flex; align-items: center; justify-content: center; 
    font-weight: 700; font-size: 1rem; 
    color: var(--gray-light); 
    cursor: pointer; 
    transition: all 0.3s; 
    position: relative; 
}

/* מצבי הצומת */
.roadmap-node.locked { opacity: 0.4; cursor: not-allowed; }
.roadmap-node.completed { background: var(--secondary); border-color: var(--secondary-light); color: white; }
.roadmap-node.current { 
    background: var(--warning); 
    border-color: white; 
    color: white; 
    transform: scale(1.15); 
    box-shadow: 0 0 20px rgba(245, 158, 11, 0.5); 
    animation: pulse-node 2s infinite; 
}

.node-stars { margin-top: 0.25rem; font-size: 0.7rem; }

@keyframes pulse-node { 
    0%, 100% { box-shadow: 0 0 20px rgba(245, 158, 11, 0.5); } 
    50% { box-shadow: 0 0 30px rgba(245, 158, 11, 0.8); } 
}