.career-path-card{border:2px solid #e5e7eb;border-radius:8px;transition:all 0.2s;cursor:pointer}.career-path-card:hover{border-color:#667eea;box-shadow:0 4px 12px rgba(102,126,234,0.15);transform:translateY(-2px)}.career-path-icon{font-size:32px;color:#667eea;display:flex;align-items:center;justify-content:center;width:48px;height:48px;background:linear-gradient(135deg,rgba(102,126,234,0.1) 0%,rgba(118,75,162,0.1) 100%);border-radius:8px}.career-path-card .card-title{font-size:16px;font-weight:700;color:#111827;margin-bottom:4px}.career-path-card:hover .card-title{color:#667eea}.view-toggle-header{display:flex;gap:16px;margin-bottom:32px;border-bottom:2px solid #e5e7eb}.view-toggle-btn{padding:12px 24px;font-size:16px;font-weight:600;background:transparent;border:none;border-bottom:3px solid transparent;cursor:pointer;transition:all 0.2s;color:#6b7280}.view-toggle-btn:hover{color:#667eea;background:#f9fafb}.view-toggle-btn.active{border-bottom-color:#667eea;color:#667eea}.view-section{display:none}.view-section.active{display:block}#careerPathsView{font-family:'Instrument Sans',-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif}.path-selector-label{font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:0.5px;color:#9ca3af;margin-bottom:16px}.path-tabs-horizontal{display:flex;gap:12px;overflow-x:auto;margin-bottom:32px;padding-bottom:8px}.path-tab-compact{background:white;border:2px solid #e5e7eb;border-radius:8px;padding:16px 20px;cursor:pointer;transition:all 0.2s;white-space:nowrap;display:flex;align-items:center;gap:12px;min-width:200px}.path-tab-compact:hover{border-color:#667eea;box-shadow:0 2px 8px rgba(102,126,234,0.15);transform:translateY(-2px)}.path-tab-compact.active{background:linear-gradient(135deg,rgba(102,126,234,0.08) 0%,rgba(118,75,162,0.08) 100%);border-color:#667eea;box-shadow:0 4px 12px rgba(102,126,234,0.2)}.path-tab-icon{font-size:24px;line-height:1}.path-tab-content{flex:1}.path-tab-name{font-size:14px;font-weight:700;color:#111827;margin-bottom:4px}.path-tab-meta{font-size:12px;color:#6b7280;display:flex;align-items:center;gap:8px}.path-progress-indicator{color:#10b981;font-weight:600}.progress-sidebar{background:white;border:2px solid #e5e7eb;border-radius:8px;overflow:hidden;position:sticky;top:20px;margin-bottom:24px}.progress-sidebar-header{background:linear-gradient(135deg,rgba(102,126,234,0.08) 0%,rgba(118,75,162,0.08) 100%);padding:28px;text-align:center;border-bottom:2px solid #e5e7eb}.progress-sidebar-icon{font-size:56px;margin-bottom:12px;display:block}.progress-sidebar-title{font-size:20px;font-weight:800;color:#111827;margin-bottom:6px}.progress-sidebar-tagline{font-size:14px;color:#6b7280;font-weight:500}.progress-stats-grid{display:grid;grid-template-columns:1fr 1fr;border-bottom:2px solid #e5e7eb}.progress-stat-box{padding:24px;text-align:center;border-right:1px solid #e5e7eb}.progress-stat-box:last-child{border-right:none}.progress-stat-icon{font-size:20px;margin-bottom:8px}.progress-stat-value{font-size:24px;font-weight:800;color:#111827;display:block;margin-bottom:4px}.progress-stat-label{font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:0.5px;color:#9ca3af}.progress-main-metric{padding:28px}.progress-percentage{font-size:48px;font-weight:800;color:#111827;text-align:center;margin-bottom:12px}.progress-percentage-label{font-size:13px;font-weight:600;text-transform:uppercase;text-align:center;color:#6b7280;margin-bottom:16px}.progress-bar-wrapper{background:#e5e7eb;height:12px;border-radius:6px;overflow:hidden;margin-bottom:12px}.progress-bar-fill{background:linear-gradient(90deg,#10b981 0%,#059669 100%);height:100%;transition:width 0.5s ease;border-radius:6px}.progress-count-text{font-size:14px;color:#6b7280;text-align:center;font-weight:500}.cert-action{padding:24px;background:#f9fafb;border-top:2px solid #e5e7eb}.cert-action.unlocked{background:linear-gradient(135deg,rgba(251,191,36,0.1) 0%,rgba(245,158,11,0.1) 100%)}.cert-action-icon{font-size:32px;text-align:center;margin-bottom:12px}.cert-action-text{font-size:13px;font-weight:600;color:#6b7280;text-align:center;margin-bottom:16px}.curriculum-header{margin-bottom:32px}.curriculum-title{font-size:28px;font-weight:800;color:#111827;margin-bottom:8px}.curriculum-subtitle{font-size:16px;color:#6b7280}.jd-card{background:linear-gradient(135deg,rgba(102,126,234,0.05) 0%,rgba(118,75,162,0.05) 100%);border:2px solid #e5e7eb;border-radius:8px;padding:28px;margin-bottom:32px}.jd-card-header{display:flex;justify-content:space-between;align-items:center;cursor:pointer;margin-bottom:20px}.jd-card-title{font-size:18px;font-weight:700;color:#111827;margin:0}.jd-list{list-style:none;padding:0;margin:0;display:grid;gap:12px}.jd-list li{display:flex;gap:12px;font-size:14px;color:#374151;line-height:1.6}.jd-check{color:#10b981;font-weight:bold}.module-item{background:white;border:2px solid #e5e7eb;border-left:4px solid #e5e7eb;border-radius:6px;margin-bottom:12px;transition:all 0.2s;overflow:hidden}.module-item:hover{border-left-color:#667eea;box-shadow:0 2px 8px rgba(0,0,0,0.06)}.module-item.completed{border-left-color:#10b981;background:linear-gradient(90deg,rgba(16,185,129,0.08) 0%,rgba(16,185,129,0.02) 100%)}.module-item-header{display:flex;align-items:center;padding:16px 20px;cursor:pointer;gap:16px}.module-number{font-size:14px;font-weight:700;color:#9ca3af;min-width:40px;text-align:center}.module-item.completed .module-number{color:#10b981}.module-info{flex:1}.module-name{font-size:15px;font-weight:600;color:#111827;margin-bottom:4px;display:flex;align-items:center;gap:8px}.module-item.completed .module-name{color:#059669}.completion-badge{background:#10b981;color:white;padding:3px 8px;border-radius:3px;font-size:10px;font-weight:700;text-transform:uppercase}.module-meta{display:flex;gap:12px;font-size:12px;color:#6b7280}.module-meta-item{display:flex;align-items:center;gap:4px}.module-badge-small{padding:2px 8px;border-radius:10px;font-size:11px;font-weight:600}.badge-capstone{background:#fef3c7;color:#92400e}.module-expand-icon{color:#d1d5db;font-size:14px;transition:transform 0.2s}.module-item.expanded .module-expand-icon{transform:rotate(180deg)}.module-body{padding:0 20px 20px 76px;border-top:1px solid #f3f4f6;display:none}.module-item.expanded .module-body{display:block;padding-top:16px}.module-objectives-inline{padding-bottom:16px;margin-bottom:16px;border-bottom:1px solid #f3f4f6}.module-objectives-label{font-size:10px;font-weight:700;text-transform:uppercase;color:#9ca3af;margin-bottom:8px}.objectives-tags{display:flex;flex-wrap:wrap;gap:6px}.objective-tag{background:#f3f4f6;color:#4b5563;padding:4px 10px;border-radius:3px;font-size:12px;font-weight:500}.module-body-section{margin-bottom:16px}.module-body-heading{font-size:12px;font-weight:600;text-transform:uppercase;color:#9ca3af;margin-bottom:8px}.module-body-text{font-size:14px;color:#4b5563;line-height:1.6}#browseAllView{font-family:'Instrument Sans',-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif}.games-hero-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:20px;margin-bottom:32px}.hero-stat-card{background:white;border:2px solid #e5e7eb;border-radius:12px;padding:24px;display:flex;align-items:center;gap:16px;transition:all 0.2s}.hero-stat-card:hover{border-color:#667eea;box-shadow:0 4px 12px rgba(102,126,234,0.12);transform:translateY(-2px)}.hero-stat-icon{font-size:40px;line-height:1;color:#667eea}.hero-stat-content{flex:1}.hero-stat-value{font-size:32px;font-weight:800;color:#111827;line-height:1.2;margin-bottom:4px}.hero-stat-label{font-size:13px;font-weight:600;color:#6b7280;text-transform:uppercase;letter-spacing:0.5px}.games-filter-pills{display:flex;flex-wrap:wrap;gap:12px;margin-bottom:32px;padding-bottom:24px;border-bottom:2px solid #e5e7eb}.filter-pill{background:transparent;border:2px solid #e5e7eb;border-radius:20px;padding:8px 20px;font-size:14px;font-weight:600;color:#6b7280;cursor:pointer;transition:all 0.2s;white-space:nowrap}.filter-pill:hover{border-color:#667eea;color:#667eea;background:rgba(102,126,234,0.05)}.filter-pill.active{background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);border-color:#667eea;color:white}.games-gallery{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:24px;margin-bottom:40px}.game-card{background:white;border:2px solid #e5e7eb;border-radius:12px;overflow:hidden;transition:all 0.3s cubic-bezier(0.4,0,0.2,1);cursor:pointer;position:relative}.game-card:hover{border-color:#667eea;box-shadow:0 8px 24px rgba(102,126,234,0.15);transform:translateY(-4px)}.game-card.completed{border-color:#10b981}.game-card.completed::before{content:'';position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,#10b981 0%,#34d399 100%)}.game-card-image{position:relative;width:100%;height:200px;overflow:hidden;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%)}.game-card-image img{width:100%;height:100%;object-fit:cover}.game-card-image .game-icon-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;font-size:64px;color:rgba(255,255,255,0.3);background:linear-gradient(135deg,#667eea 0%,#764ba2 100%)}.game-card-image::after{content:'';position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(180deg,rgba(0,0,0,0) 0%,rgba(0,0,0,0.3) 100%);pointer-events:none}.game-card.completed .game-card-image::after{background:linear-gradient(180deg,rgba(16,185,129,0.1) 0%,rgba(16,185,129,0.4) 100%)}.progress-ring-container{position:absolute;bottom:12px;right:12px;width:64px;height:64px;z-index:2}.progress-ring{transform:rotate(-90deg);width:64px;height:64px;filter:drop-shadow(0 2px 8px rgba(0,0,0,0.2))}.progress-ring-circle{fill:none;stroke-width:4}.progress-ring-circle.bg{stroke:rgba(255,255,255,0.3)}.progress-ring-circle.progress{stroke:white;stroke-linecap:round;transition:stroke-dashoffset 0.8s cubic-bezier(0.4,0,0.2,1)}.game-card.completed .progress-ring-circle.progress{stroke:#fbbf24}.progress-percentage-badge{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background:rgba(0,0,0,0.7);color:white;font-size:12px;font-weight:700;padding:4px 8px;border-radius:8px;backdrop-filter:blur(4px)}.game-card.completed .progress-percentage-badge{background:rgba(16,185,129,0.9)}.achievement-badge{position:absolute;top:12px;right:12px;background:linear-gradient(135deg,#fbbf24 0%,#f59e0b 100%);color:white;font-size:20px;width:44px;height:44px;border-radius:50%;display:flex;align-items:center;justify-content:center;border:3px solid white;box-shadow:0 4px 12px rgba(251,191,36,0.6);animation:achievementPulse 2s ease-in-out infinite;z-index:2}@keyframes achievementPulse{0%,100%{transform:scale(1)}50%{transform:scale(1.05)}}.game-card-content{padding:20px}.game-card-title{font-size:16px;font-weight:700;color:#111827;margin-bottom:8px;line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.game-card-meta{display:flex;gap:12px;margin-bottom:16px;flex-wrap:wrap}.game-meta-badge{font-size:11px;font-weight:600;padding:4px 10px;border-radius:12px;text-transform:uppercase;letter-spacing:0.3px}.game-meta-badge.type-core{background:#dbeafe;color:#1e40af}.game-meta-badge.type-other{background:#e0e7ff;color:#4338ca}.game-meta-badge.type-managed{background:#fef3c7;color:#92400e}.game-meta-badge.status-completed{background:#d1fae5;color:#065f46}.game-meta-badge.status-progress{background:#dbeafe;color:#1e40af}.game-card-action{padding-top:16px;border-top:2px solid #f3f4f6}.game-action-btn{width:100%;padding:10px 16px;border:none;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;transition:all 0.2s;display:flex;align-items:center;justify-content:center;gap:8px}.game-action-btn.primary{background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);color:white}.game-action-btn.primary:hover{background:linear-gradient(135deg,#5568d3 0%,#653a8a 100%);transform:translateY(-1px);box-shadow:0 4px 12px rgba(102,126,234,0.3)}.game-action-btn.completed{background:linear-gradient(135deg,#10b981 0%,#34d399 100%);color:white}.game-action-btn.completed:hover{background:linear-gradient(135deg,#059669 0%,#10b981 100%);transform:translateY(-1px);box-shadow:0 4px 12px rgba(16,185,129,0.3)}.games-empty-state{text-align:center;padding:80px 20px;background:white;border:2px dashed #e5e7eb;border-radius:12px}.empty-state-icon{font-size:64px;margin-bottom:16px;opacity:0.3;color:#9ca3af}.empty-state-title{font-size:20px;font-weight:700;color:#111827;margin-bottom:8px}.empty-state-text{font-size:14px;color:#6b7280}@keyframes fadeInUp{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.game-card{animation:fadeInUp 0.4s ease-out backwards}.game-card:nth-child(1){animation-delay:0.05s}.game-card:nth-child(2){animation-delay:0.1s}.game-card:nth-child(3){animation-delay:0.15s}.game-card:nth-child(4){animation-delay:0.2s}.game-card:nth-child(5){animation-delay:0.25s}.game-card:nth-child(6){animation-delay:0.3s}@media (max-width:768px){.path-tabs-horizontal{flex-direction:column}.path-tab-compact{width:100%}.progress-sidebar{position:static}.games-gallery{grid-template-columns:1fr}.games-hero-stats{grid-template-columns:1fr}.games-filter-pills{overflow-x:auto;flex-wrap:nowrap;padding-bottom:16px}}.suggested-game-card{background:white;border:2px solid #fef3c7;border-radius:12px;overflow:hidden;transition:all 0.2s ease;box-shadow:0 2px 8px rgba(245,158,11,0.08);height:100%;display:flex;flex-direction:column}.suggested-game-card:hover{transform:translateY(-4px);box-shadow:0 8px 20px rgba(245,158,11,0.2);border-color:#fbbf24}.suggested-game-image{position:relative;overflow:hidden}.suggested-game-image img{transition:transform 0.3s ease}.suggested-game-card:hover .suggested-game-image img{transform:scale(1.05)}.suggested-badge{position:absolute;top:8px;right:8px;background:linear-gradient(135deg,#f59e0b 0%,#d97706 100%);color:white;padding:4px 10px;border-radius:6px;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:0.5px;box-shadow:0 2px 8px rgba(245,158,11,0.3)}.suggested-game-content{padding:16px;flex:1;display:flex;flex-direction:column}.suggested-game-title{font-size:15px;font-weight:700;color:#111827;margin-bottom:8px;line-height:1.3;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.suggested-game-tagline{font-size:12px;color:#6b7280;margin:0 0 8px 0;font-weight:500}.suggested-game-tagline i{color:#f59e0b;margin-right:4px}.suggested-game-content .progress{margin-top:8px}#suggestedGamesSection .badge-warning{background:linear-gradient(135deg,#fef3c7 0%,#fde68a 100%);color:#92400e;border:1px solid #fbbf24}