:root{font-family:system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{margin:0;padding:0;min-height:100vh}#root{min-height:100vh}*{box-sizing:border-box;margin:0;padding:0}html{font-size:20px}html[data-font-size=medium]{font-size:23px}html[data-font-size=large]{font-size:26px}.app{min-height:100vh;background:linear-gradient(135deg,#1a1a2e,#16213e);color:#f0f0f0;padding:2rem;line-height:1.6}.app-logo-button{background:#2d3561;border:3px solid #ffd700;border-radius:12px;padding:.75rem 1.25rem;cursor:pointer;transition:all .3s ease;margin-bottom:2rem;display:inline-flex;align-items:center}.app-logo-button:hover{background:#3d4571;transform:translateY(-2px);box-shadow:0 6px 20px #ffd7004d}.logo-content{display:flex;align-items:center;gap:.75rem}.wrench-icon{font-size:2rem;line-height:1}.logo-text{display:flex;flex-direction:column;align-items:flex-start;line-height:1.1}.logo-title{font-size:1.1rem;font-weight:700;color:gold;letter-spacing:.5px}.logo-subtitle{font-size:.85rem;color:#b0b0b0;font-weight:400}.modal-overlay{position:fixed;inset:0;background:#000c;display:flex;align-items:center;justify-content:center;z-index:2000}.modal-content{background:#2d3561;border:3px solid #ffd700;border-radius:12px;padding:2.5rem;max-width:500px;width:90%;box-shadow:0 10px 40px #00000080}.modal-title{font-size:2rem;color:gold;margin-bottom:1.5rem;text-align:center}.modal-message{font-size:1.3rem;color:#e0e0e0;margin-bottom:2rem;text-align:center;line-height:1.6}.modal-buttons{display:flex;flex-direction:column;gap:1rem}.modal-button{padding:1.25rem 2rem;font-size:1.3rem;font-weight:700;border-radius:10px;cursor:pointer;transition:all .3s ease;border:3px solid transparent}.modal-button.confirm{background:#ff6b6b;color:#fff;border-color:#ff6b6b}.modal-button.confirm:hover{background:#ff5252;transform:translateY(-2px);box-shadow:0 6px 20px #ff6b6b66}.modal-button.cancel{background:gold;color:#1a1a2e;border-color:gold}.modal-button.cancel:hover{background:#ffed4e;transform:translateY(-2px);box-shadow:0 6px 20px #ffd70066}.landing{min-height:100vh;display:flex;align-items:center;justify-content:center}.landing-content{text-align:center;animation:fadeIn .8s ease-in}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.shop-sign-wrapper{perspective:1000px;margin-bottom:4rem;position:relative}.shop-sign{background:linear-gradient(135deg,#2d3561,#1a1a2e);border:6px solid #ffd700;border-radius:15px;padding:3rem 4rem;box-shadow:0 15px 50px #0009,inset 0 2px 5px #ffffff1a;animation:signSwing 8s ease-in-out infinite;transform-style:preserve-3d;position:relative}.shop-sign:before{content:"";position:absolute;inset:-6px;border:2px solid #b8860b;border-radius:15px;pointer-events:none}@keyframes signSwing{0%,to{transform:rotateY(-8deg) rotateX(2deg)}25%{transform:rotateY(0) rotateX(0)}50%{transform:rotateY(8deg) rotateX(-2deg)}75%{transform:rotateY(0) rotateX(0)}}.sign-content{text-align:center}.landing-tools-icon{display:flex;align-items:flex-end;justify-content:center;gap:1rem;margin-bottom:1.5rem;filter:drop-shadow(3px 3px 6px rgba(0,0,0,.5))}.wrench{line-height:1}.wrench-1{font-size:5rem}.wrench-2{font-size:6.5rem}.wrench-3{font-size:4.5rem}.gear{font-size:7rem;line-height:1}.bolt{font-size:4rem;line-height:1;transform:scaleY(-1)}.landing-title{font-size:4.5rem;font-weight:700;color:gold;margin-bottom:.75rem;text-shadow:3px 3px 6px rgba(0,0,0,.7),0 0 20px rgba(255,215,0,.3);letter-spacing:3px;text-transform:uppercase}.landing-subtitle{font-size:2.2rem;color:#e0e0e0;margin-bottom:1rem;font-weight:400;letter-spacing:1px}.sign-decorative-line{width:60%;height:3px;background:linear-gradient(to right,transparent,#ffd700,transparent);margin:1rem auto}.landing-tagline{font-size:1.2rem;color:#b0b0b0;font-style:italic;letter-spacing:2px}.start-button{padding:2rem 5rem;font-size:2rem;font-weight:700;background:gold;color:#1a1a2e;border:4px solid #ffd700;border-radius:15px;cursor:pointer;transition:all .3s ease;text-transform:uppercase;letter-spacing:2px;box-shadow:0 8px 25px #ffd7004d}.start-button:hover{background:#ffed4e;transform:translateY(-5px);box-shadow:0 12px 35px #ffd70080}.start-button:active{transform:translateY(-2px)}.landing-footer{margin-top:3rem;padding-top:2rem}.deployment-timestamp{font-size:.9rem;color:gray;font-family:Courier New,monospace;opacity:.7;letter-spacing:.5px}.mode-selection{max-width:1200px;margin:0 auto;text-align:center}.modes-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem;margin:3rem 0;padding:0 1rem}.mode-card{background:#2d3561;border:3px solid #4a5f8a;border-radius:15px;padding:2.5rem 2rem;cursor:pointer;transition:all .3s ease;text-align:center;display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:220px}.mode-card:hover{background:#3d4571;border-color:gold;transform:translateY(-5px);box-shadow:0 8px 25px #ffd7004d}.mode-card:active{transform:translateY(-2px)}.mode-icon{font-size:4rem;margin-bottom:1rem;filter:drop-shadow(2px 2px 4px rgba(0,0,0,.3))}.mode-name{font-size:1.8rem;font-weight:700;color:gold;margin-bottom:.75rem}.mode-description{font-size:1.2rem;color:#b0b0b0;line-height:1.4}.main-modes{grid-template-columns:repeat(auto-fit,minmax(400px,1fr));max-width:900px;margin:3rem auto}.mode-card-large{min-height:280px;padding:3rem 2.5rem}.mode-card-large .mode-icon{font-size:5rem}.mode-card-large .mode-name{font-size:2.2rem}.mode-card-large .mode-description{font-size:1.3rem}.back-button{display:flex;align-items:center;gap:.5rem;background:#2d3561;border:2px solid #4a5f8a;border-radius:8px;padding:.75rem 1.5rem;font-size:1.2rem;color:#e0e0e0;cursor:pointer;transition:all .3s ease;margin:2rem auto 1rem;max-width:fit-content}.back-button:hover{background:#3d4571;border-color:gold;color:gold}.back-button svg{width:1.2rem;height:1.2rem}.career-mode-selection{max-width:1200px;margin:0 auto;text-align:center}.career-mode-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(450px,1fr));gap:3rem;margin:3rem 0;padding:0 1rem}.career-mode-card{background:#2d3561;border:4px solid #4a5f8a;border-radius:20px;padding:3rem 2.5rem;cursor:pointer;transition:all .3s ease;text-align:center;display:flex;flex-direction:column;align-items:center;gap:1.5rem}.career-mode-card:hover{background:#3d4571;transform:translateY(-5px);box-shadow:0 10px 30px #ffd7004d}.arcade-card{border-color:#8b5cf6}.arcade-card:hover{border-color:#a78bfa;box-shadow:0 10px 30px #8b5cf666}.realistic-card{border-color:#f59e0b}.realistic-card:hover{border-color:#fbbf24;box-shadow:0 10px 30px #f59e0b66}.career-mode-icon{font-size:5rem;filter:drop-shadow(2px 2px 6px rgba(0,0,0,.4))}.career-mode-name{font-size:2.2rem;font-weight:700;color:gold;margin:0}.saved-game-indicator{font-size:1rem;color:#22c55e;background:#22c55e1a;border:1px solid rgba(34,197,94,.3);padding:.5rem 1rem;border-radius:20px;margin-top:-.5rem}.career-mode-desc{font-size:1.3rem;color:#b0b0b0;line-height:1.5;margin:0}.career-mode-features{list-style:none;padding:0;margin:0;width:100%;text-align:left}.career-mode-features li{font-size:1.2rem;color:#e0e0e0;padding:.5rem 0 .5rem 2rem;position:relative}.career-mode-features li:before{content:"✓";position:absolute;left:0;color:#4ade80;font-weight:700;font-size:1.4rem}.career-mode-progression{background:#1a1a2e;border:2px solid #4a5f8a;border-radius:12px;padding:1.5rem;width:100%;margin-top:1rem}.progression-title{font-size:1.1rem;color:gold;font-weight:700;margin-bottom:.75rem}.progression-levels{font-size:1rem;color:#b0b0b0;line-height:1.6;font-family:Courier New,monospace}.back-button-container{margin-top:3rem}.career-progress{max-width:900px;margin:0 auto;text-align:center}.career-stats{margin:3rem 0}.level-display{margin-bottom:3rem}.level-badge{display:inline-flex;flex-direction:column;align-items:center;background:linear-gradient(135deg,gold,#ffed4e);color:#1a1a2e;padding:2rem 3rem;border-radius:15px;box-shadow:0 8px 25px #ffd70066;margin-bottom:2rem}.level-number{font-size:3rem;font-weight:700}.level-title{font-size:1.5rem;margin-top:.5rem;opacity:.9}.level-description{font-size:1.1rem;color:#1a1a2e;opacity:.8;margin-top:1rem;max-width:400px;line-height:1.5}.xp-bar-container{max-width:500px;margin:0 auto}.xp-bar{width:100%;height:30px;background:#2d3561;border-radius:15px;overflow:hidden;border:3px solid #4a5f8a;margin-bottom:.75rem}.xp-fill{height:100%;background:linear-gradient(90deg,#4ade80,#22c55e);transition:width .5s ease}.xp-text{font-size:1.2rem;color:#b0b0b0;font-family:Courier New,monospace}.career-stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:2rem;margin:3rem 0}.stat-card{background:#2d3561;border:3px solid #4a5f8a;border-radius:12px;padding:2rem;display:flex;flex-direction:column;align-items:center;gap:.75rem}.stat-icon{font-size:3rem;line-height:1}.stat-value{font-size:2.5rem;font-weight:700;color:gold}.stat-label{font-size:1.2rem;color:#b0b0b0}.career-info{background:#2d3561;border:3px solid #4a5f8a;border-radius:12px;padding:2rem;margin:3rem 0;text-align:left}.career-info h3{font-size:1.8rem;color:gold;margin-bottom:1.5rem}.career-rules{list-style:none;padding:0}.career-rules li{font-size:1.2rem;color:#e0e0e0;padding:.75rem 0 .75rem 2rem;position:relative}.career-rules li:before{content:"⚙️";position:absolute;left:0;font-size:1.3rem}.career-controls{display:flex;flex-direction:column;gap:1rem;max-width:500px;margin:3rem auto 0}.realistic-career-dashboard{max-width:1100px;margin:0 auto;text-align:center}.welcome-back-message{margin:0 auto 1.5rem;padding:1rem 2rem;background:#ffd7001a;border:1px solid rgba(255,215,0,.3);border-radius:8px;max-width:600px}.welcome-back-message p{font-size:1.2rem;color:gold;margin:0}.current-certification{margin:2rem 0 3rem}.cert-label{font-size:1.3rem;color:gold;margin-bottom:1rem}.cert-badge{display:inline-flex;flex-direction:column;align-items:center;background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff;padding:2rem 3rem;border-radius:15px;box-shadow:0 8px 25px #3b82f666;margin-bottom:1rem}.cert-level{font-size:1.2rem;opacity:.9}.cert-title{font-size:2rem;font-weight:700;margin-top:.5rem}.cert-description{font-size:1.1rem;color:#b0b0b0;margin-top:.5rem}.foundation-courses{margin:3rem 0;text-align:left}.foundation-courses h2{margin-bottom:1.5rem;color:gold;text-align:center}.foundation-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1.5rem}.foundation-card{background:#2d3561;border:3px solid;border-radius:12px;padding:1.5rem;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;gap:1.5rem}.foundation-card.completed{border-color:#22c55e}.foundation-card.completed:hover{border-color:#4ade80;transform:translateY(-3px);box-shadow:0 8px 20px #22c55e4d}.foundation-card.pending{border-color:#6b7280;opacity:.85;cursor:pointer}.foundation-card.pending:hover{border-color:#9ca3af;opacity:1}.foundation-status{font-size:3rem;flex-shrink:0}.foundation-card.completed .foundation-status{color:#22c55e}.foundation-card.pending .foundation-status{color:#6b7280}.foundation-info{flex:1}.foundation-info h3{color:#fff;font-size:1.3rem;margin-bottom:.5rem}.foundation-desc{color:#b0b0b0;font-size:.95rem;margin-bottom:.5rem}.foundation-status-text{color:gold;font-size:.9rem;font-style:italic}.foundation-card.pending .foundation-status-text{color:#6b7280}.system-mastery-section{margin:3rem 0}.system-mastery-section h2{margin-bottom:2rem;color:gold}.system-mastery-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1.5rem;margin-top:2rem}.system-mastery-card{background:#2d3561;border:3px solid #4a5f8a;border-radius:12px;padding:1.5rem;cursor:pointer;transition:all .3s ease;position:relative}.system-mastery-card:hover{border-color:gold;transform:translateY(-3px);box-shadow:0 8px 20px #ffd7004d}.system-name{font-size:1.2rem;font-weight:700;margin-bottom:1rem;color:#fff}.mastery-bar-container{margin:1rem 0}.mastery-bar{width:100%;height:20px;background:#1a1a2e;border-radius:10px;overflow:hidden;border:2px solid #4a5f8a}.mastery-fill{height:100%;background:linear-gradient(90deg,#60a5fa,#3b82f6);transition:width .5s ease}.mastery-fill.mastery-70{background:linear-gradient(90deg,#4ade80,#22c55e)}.mastery-fill.mastery-90{background:linear-gradient(90deg,gold,#ffed4e)}.mastery-stats{display:flex;justify-content:space-between;align-items:center;margin-top:.75rem}.mastery-percentage{font-size:1.5rem;font-weight:700;color:gold}.mastery-count{font-size:.9rem;color:#b0b0b0}.mastery-badge{position:absolute;top:.5rem;right:.5rem;background:#22c55e;color:#fff;padding:.25rem .75rem;border-radius:12px;font-size:.8rem;font-weight:700}.next-certification{background:#2d3561;border:3px solid #4a5f8a;border-radius:15px;padding:2rem;margin:3rem 0}.next-certification h3{color:gold;margin-bottom:1.5rem}.requirements{max-width:600px;margin:0 auto}.requirement-text{font-size:1.1rem;color:#fff;margin-bottom:1rem}.requirement-progress{display:flex;align-items:center;gap:1rem}.requirement-bar{flex:1;height:25px;background:#1a1a2e;border-radius:12px;overflow:hidden;border:2px solid #4a5f8a}.requirement-fill{height:100%;background:linear-gradient(90deg,#4ade80,#22c55e);transition:width .5s ease}.requirement-count{font-size:1.1rem;color:gold;font-weight:700;min-width:100px;text-align:right}.dashboard-controls{margin:3rem 0}.select-prompt{font-size:1.2rem;color:gold;margin-bottom:1.5rem}.realistic-system-scenarios{max-width:1000px;margin:0 auto;text-align:center}.system-progress{background:#2d3561;border:3px solid #4a5f8a;border-radius:15px;padding:2rem;margin:2rem 0 3rem}.progress-stats{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.progress-percentage{font-size:1.8rem;font-weight:700;color:gold}.progress-count{font-size:1.1rem;color:#b0b0b0}.progress-bar-container{width:100%}.progress-bar{width:100%;height:30px;background:#1a1a2e;border-radius:15px;overflow:hidden;border:2px solid #4a5f8a}.progress-fill{height:100%;background:linear-gradient(90deg,#60a5fa,#3b82f6);transition:width .5s ease}.progress-fill.proficient{background:linear-gradient(90deg,#4ade80,#22c55e)}.progress-fill.expert{background:linear-gradient(90deg,gold,#ffed4e)}.no-scenarios{background:#2d3561;border:3px solid #4a5f8a;border-radius:15px;padding:3rem;margin:3rem 0}.no-scenarios p{font-size:1.2rem;color:#b0b0b0;margin-bottom:.5rem}.no-scenarios-hint{font-size:1rem;color:gray}.scenarios-list{display:flex;flex-direction:column;gap:1.5rem;margin:2rem 0}.scenario-card{background:#2d3561;border:3px solid #4a5f8a;border-radius:12px;padding:2rem;text-align:left;cursor:pointer;transition:all .3s ease;position:relative}.scenario-card:hover{border-color:gold;transform:translate(5px);box-shadow:0 8px 20px #ffd7004d}.scenario-card.completed{opacity:.7;border-color:#22c55e}.completed-badge{position:absolute;top:1rem;right:1rem;background:#22c55e;color:#fff;padding:.4rem 1rem;border-radius:12px;font-size:.9rem;font-weight:700}.scenario-header{display:flex;justify-content:space-between;align-items:flex-start;gap:1rem;margin-bottom:.75rem}.scenario-title{font-size:1.3rem;color:#fff;margin:0;flex:1}.scenario-meta{display:flex;gap:.5rem}.skill-badge{padding:.3rem .8rem;border-radius:8px;font-size:.85rem;font-weight:700;white-space:nowrap}.skill-fundamental,.skill-beginner{background:#4ade80;color:#1a1a2e}.skill-intermediate{background:#fbbf24;color:#1a1a2e}.skill-advanced{background:#ef4444;color:#fff}.scenario-car{font-size:1.1rem;color:gold;margin-bottom:1rem}.scenario-description{font-size:1rem;color:#b0b0b0;line-height:1.6;margin:0}.system-controls{display:flex;gap:1rem;justify-content:center;margin:3rem 0}.home{max-width:900px;margin:0 auto;text-align:center}.header h1{font-size:3rem;margin-bottom:1rem;color:gold;text-shadow:2px 2px 4px rgba(0,0,0,.5)}.subtitle{font-size:1.8rem;color:#e0e0e0;margin-bottom:1rem;font-weight:700}.construction-notice{font-size:1rem;color:#b0b0b0;font-style:italic;margin-bottom:1.5rem;opacity:.8}.font-size-selector{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.5rem;margin-bottom:3rem;position:relative}.font-size-toggle-button{display:flex;align-items:center;gap:.75rem;background:#2d356199;border:1px solid rgba(255,215,0,.3);border-radius:8px;padding:.75rem 1.25rem;cursor:pointer;transition:all .2s ease;color:#e0e0e0;font-size:1rem}.font-size-toggle-button:hover{background:#2d3561cc;border-color:#ffd70080}.font-size-label{font-size:1rem;color:#e0e0e0;font-weight:500}.font-size-current{font-weight:600;color:gold}.font-size-arrow{font-size:.8rem;color:#b0b0b0;margin-left:.25rem}.font-size-buttons{display:flex;gap:.5rem;background:#2d356180;padding:.3rem;border-radius:8px;border:1px solid rgba(255,215,0,.3);animation:slideDown .2s ease-out}@keyframes slideDown{0%{opacity:0;transform:translateY(-5px)}to{opacity:1;transform:translateY(0)}}.font-size-button{background:transparent;color:#e0e0e0;border:none;padding:.5rem 1rem;font-size:.9rem;border-radius:6px;cursor:pointer;transition:all .2s ease;font-weight:500}.font-size-button:hover{background:#ffd7001a;color:gold}.font-size-button.active{background:gold;color:#1a1a2e;font-weight:600}.difficulty-container{margin:3rem 0}.difficulty-container h2{font-size:2rem;margin-bottom:2rem;color:gold}.difficulty-button{display:flex;flex-direction:column;align-items:flex-start;width:100%;max-width:600px;margin:1.5rem auto;padding:2rem;font-size:1.5rem;background:#2d3561;color:#fff;border:3px solid #ffd700;border-radius:12px;cursor:pointer;transition:all .3s ease;text-align:left}.difficulty-button:hover{background:#3d4571;transform:translateY(-3px);box-shadow:0 6px 20px #ffd7004d}.difficulty-button:active{transform:translateY(0)}.difficulty-label{font-size:1.8rem;font-weight:700;margin-bottom:.5rem}.difficulty-desc{font-size:1.2rem;color:#b0b0b0}.footer{margin-top:3rem;color:#888;font-size:1.1rem}.scenario-list{max-width:900px;margin:0 auto}.toggle-controls{display:flex;justify-content:center;margin:1.5rem 0}.toggle-categories-btn{background:#2d3561;border:2px solid #4a5f8a;border-radius:8px;padding:.75rem 1.5rem;font-size:1rem;color:#b0b0b0;cursor:pointer;transition:all .3s ease;display:flex;flex-direction:column;align-items:center;gap:.25rem}.toggle-categories-btn:hover{background:#3d4571;border-color:gold;color:gold;transform:translateY(-2px);box-shadow:0 4px 12px #ffd70033}.toggle-main{font-size:1rem}.toggle-subtitle{font-size:.75rem;color:#888;font-weight:400;font-style:italic}.scenarios-container{margin:2rem 0}.scenario-card{width:100%;margin:1.5rem 0;padding:2rem;background:#2d3561;border:3px solid #4a5f8a;border-radius:12px;cursor:pointer;transition:all .3s ease;text-align:left;position:relative}.scenario-card.completed{border-color:#4ade80;opacity:.85}.scenario-card:hover{border-color:gold;background:#3d4571;transform:translateY(-3px);box-shadow:0 6px 20px #ffd70033}.scenario-card.completed:hover{opacity:1}.scenario-categories{display:flex;gap:.5rem;margin-top:1.5rem;margin-bottom:0;flex-wrap:wrap}.category-badge{display:inline-block;padding:.5rem 1rem;background:linear-gradient(135deg,#a78bfa,#8b5cf6);color:#fff;border-radius:6px;font-size:1.1rem;font-weight:600;box-shadow:0 2px 8px #8b5cf64d}.subcategory-badge{display:inline-block;padding:.5rem 1rem;background:linear-gradient(135deg,#60a5fa,#3b82f6);color:#fff;border-radius:6px;font-size:1rem;font-weight:500;box-shadow:0 2px 8px #3b82f64d}.skill-level-badge{margin-top:1rem}.skill-level{display:inline-block;padding:.5rem 1rem;color:#fff;border-radius:6px;font-size:1rem;font-weight:600}.skill-level.fundamental,.skill-level.beginner{background:linear-gradient(135deg,#34d399,#10b981);box-shadow:0 2px 8px #10b9814d}.skill-level.intermediate{background:linear-gradient(135deg,#fbbf24,#f59e0b);box-shadow:0 2px 8px #f59e0b4d}.skill-level.advanced{background:linear-gradient(135deg,#f87171,#ef4444);box-shadow:0 2px 8px #ef44444d}.problem-info{margin-bottom:1rem}.problem-title{font-size:1.6rem;color:gold;margin:0;font-weight:700}.problem-badge{display:inline-block;padding:.5rem 1rem;background:#ff6b6b;color:#fff;border-radius:6px;font-size:1.2rem;font-weight:700}.car-info-context{margin-top:1rem;padding-top:1rem;border-top:1px solid #4a5f8a}.example-label{font-size:.9rem;color:#888;margin-bottom:.3rem;text-transform:uppercase;letter-spacing:1px}.car-details{font-size:1.1rem;color:#b0b0b0;margin:0}.car-info h3{font-size:1.8rem;color:gold;margin-bottom:.5rem}.engine-info{font-size:1.2rem;color:#b0b0b0;margin-bottom:1rem}.completion-badge{position:absolute;top:1rem;right:1rem;width:50px;height:50px;background:#4ade80;border-radius:50%;display:flex;align-items:center;justify-content:center;box-shadow:0 3px 10px #4ade8066}.check-icon{font-size:2rem;color:#1a1a2e;font-weight:700}.high-score{margin-top:1rem;padding-top:1rem;border-top:2px solid #4a5f8a;display:flex;justify-content:space-between;align-items:center}.high-score-label{color:#b0b0b0;font-size:1.1rem}.high-score-value{color:#4ade80;font-size:1.4rem;font-weight:700}.diagnostic-game{max-width:1000px;margin:0 auto}.vehicle-header{text-align:center;margin-top:5rem;margin-bottom:1.5rem;padding-bottom:1rem;border-bottom:2px solid #4a5f8a}.vehicle-header h2{font-size:2rem;color:gold;margin-bottom:.5rem}.game-header{display:flex;justify-content:center;margin-bottom:2rem}.problem-title{font-size:1.3rem;color:#ff6b6b}.difficulty-badge-corner{position:fixed;top:2rem;right:2rem;font-size:1.2rem;font-weight:700;padding:.6rem 1.2rem;border-radius:8px;text-transform:uppercase;letter-spacing:.5px;z-index:1000}.difficulty-badge-corner.beginner{background:#4ade80;color:#1a1a2e}.difficulty-badge-corner.intermediate{background:#fbbf24;color:#1a1a2e}.difficulty-badge-corner.advanced{background:#ff6b6b;color:#fff}.timer-display{position:fixed;top:2rem;right:2rem;display:flex;align-items:center;gap:.5rem;font-size:1.5rem;font-weight:700;padding:.75rem 1.5rem;border-radius:10px;z-index:1000;transition:all .3s ease}.timer-normal{background:#4ade80;color:#1a1a2e}.timer-warning{background:#fbbf24;color:#1a1a2e}.timer-critical{background:#ff6b6b;color:#fff;animation:timerPulse 1s ease-in-out infinite}.timer-icon{font-size:1.8rem;line-height:1}.timer-value{font-family:Courier New,monospace;font-size:1.8rem;min-width:60px;text-align:center}@keyframes timerPulse{0%,to{transform:scale(1);box-shadow:0 4px 15px #ff6b6b4d}50%{transform:scale(1.05);box-shadow:0 6px 20px #ff6b6b99}}.progress{font-size:1.3rem;color:#b0b0b0;background:#2d3561;padding:.75rem 1.5rem;border-radius:8px}.bonus-indicator{color:gold;font-weight:700}.scenario-description{background:#2d3561;padding:2rem;border-radius:12px;margin-bottom:2rem;border-left:5px solid #ffd700}.scenario-description p{font-size:1.3rem;line-height:1.8}.question-section{margin:2rem 0}.follow-up-badge{display:inline-block;background:#fbbf24;color:#1a1a2e;padding:.5rem 1rem;border-radius:6px;font-size:1.1rem;font-weight:700;margin-bottom:1.5rem}.question-text{font-size:1.8rem;color:gold;margin-bottom:2rem;line-height:1.5}.options-container{margin:2rem 0}.option-button{display:flex;align-items:center;width:100%;margin:1rem 0;padding:1.5rem;font-size:1.3rem;background:#2d3561;color:#fff;border:3px solid #4a5f8a;border-radius:10px;cursor:pointer;transition:all .2s ease;text-align:left}.option-button:hover:not(:disabled){background:#3d4571;border-color:#6a7faa}.option-button:disabled{cursor:not-allowed}.option-button.selected{border-color:gold}.option-button.correct{background:#2d5016;border-color:#4ade80}.option-button.incorrect{background:#5f1616;border-color:#ff6b6b}.option-letter{display:flex;align-items:center;justify-content:center;width:50px;height:50px;margin-right:1rem;background:#1a1a2e;border-radius:8px;font-weight:700;font-size:1.5rem;flex-shrink:0}.option-text{flex:1}.check-mark{margin-left:1rem;font-size:2rem;color:#4ade80}.x-mark{margin-left:1rem;font-size:2rem;color:#ff6b6b}.explanation-box{background:#2d5016;border:3px solid #4ade80;border-radius:12px;padding:2rem;margin-top:2rem}.explanation-box h4{font-size:1.5rem;color:#4ade80;margin-bottom:1rem}.explanation-box p{font-size:1.3rem;line-height:1.7}.explanation-box.incorrect-explanation{background:#3d1616;border-color:#ef4444}.explanation-box.incorrect-explanation h4{color:#ef4444}.game-controls{margin-top:3rem;display:flex;justify-content:center;gap:1rem}.follow-up-controls{display:flex;flex-direction:column;gap:1rem;width:100%;max-width:600px;margin:0 auto}.quiz-me-button{padding:1.5rem 3rem;font-size:1.5rem;font-weight:700;border-radius:10px;cursor:pointer;transition:all .3s ease;background:#fbbf24;color:#1a1a2e;border:3px solid #fbbf24}.quiz-me-button:hover{background:#fcd34d;transform:translateY(-2px);box-shadow:0 6px 20px #fbbf2466}.continue-button{padding:1.5rem 3rem;font-size:1.5rem;font-weight:700;border-radius:10px;cursor:pointer;transition:all .3s ease;background:transparent;color:#b0b0b0;border:3px solid #4a5f8a}.continue-button:hover{background:#2d3561;color:gold;border-color:gold;transform:translateY(-2px)}.results{max-width:800px;margin:0 auto;text-align:center}.results-header h1{font-size:3rem;color:gold;margin-bottom:2rem}.results-car h2{font-size:2rem;margin-bottom:.5rem}.problem-solved{font-size:1.3rem;color:#4ade80;margin-bottom:3rem}.score-container{margin:3rem 0}.score-circle{width:250px;height:250px;margin:0 auto 2rem;background:#2d3561;border:5px solid #ffd700;border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center}.score-percentage{font-size:4rem;font-weight:700;color:gold}.score-fraction{font-size:1.5rem;color:#b0b0b0}.score-breakdown{background:#2d3561;border:2px solid #4a5f8a;border-radius:12px;padding:1.5rem;margin:2rem auto;max-width:400px}.breakdown-row{display:flex;justify-content:space-between;align-items:center;padding:.75rem 0;font-size:1.2rem}.breakdown-row:not(:last-child){border-bottom:1px solid #4a5f8a}.breakdown-label{color:#b0b0b0;font-weight:400}.breakdown-value{color:gold;font-weight:700;font-size:1.3rem}.rating-badge{display:inline-block;padding:1rem 2rem;background:gold;color:#1a1a2e;font-size:1.8rem;font-weight:700;border-radius:10px}.time-bonus{margin-top:2rem;padding:1.5rem 2rem;background:#4ade80;color:#1a1a2e;border-radius:12px;display:inline-flex;align-items:center;gap:1rem;box-shadow:0 4px 15px #4ade804d}.time-bonus.timeout{background:#ff6b6b;color:#fff;box-shadow:0 4px 15px #ff6b6b4d}.bonus-icon{font-size:2.5rem;line-height:1}.bonus-text{display:flex;flex-direction:column;align-items:flex-start;text-align:left}.bonus-label{font-size:1.1rem;font-weight:400;opacity:.9}.bonus-value{font-size:1.8rem;font-weight:700;margin-top:.25rem;font-family:Courier New,monospace}.system-mastery-update{margin-top:2rem;padding:1.5rem 2rem;background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff;border-radius:12px;display:inline-flex;align-items:center;gap:1rem;box-shadow:0 4px 15px #3b82f666}.mastery-icon{font-size:2.5rem;line-height:1}.mastery-text{display:flex;flex-direction:column;align-items:flex-start;text-align:left}.mastery-label{font-size:1.1rem;font-weight:400;opacity:.9}.mastery-value{font-size:1.6rem;font-weight:700;margin-top:.25rem}.xp-earned{margin-top:2rem;padding:1.5rem 2rem;background:gold;color:#1a1a2e;border-radius:12px;display:inline-flex;align-items:center;gap:1rem;box-shadow:0 4px 15px #ffd70066}.xp-icon{font-size:2.5rem;line-height:1}.xp-text{display:flex;flex-direction:column;align-items:flex-start;text-align:left}.xp-label{font-size:1.1rem;font-weight:400}.xp-value{font-size:1.8rem;font-weight:700;margin-top:.25rem}.level-up-banner{margin-top:2rem;padding:2rem 3rem;background:linear-gradient(135deg,gold,#ffed4e);color:#1a1a2e;border-radius:15px;display:inline-flex;align-items:center;gap:1.5rem;box-shadow:0 6px 25px #ffd70080;animation:levelUpPulse 2s ease-in-out infinite}@keyframes levelUpPulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}.points-earned{margin-top:2rem;padding:1.5rem 2rem;background:linear-gradient(135deg,#60a5fa,#3b82f6);color:#fff;border-radius:12px;display:inline-flex;align-items:center;gap:1rem;box-shadow:0 4px 15px #3b82f666}.points-icon{font-size:2.5rem;line-height:1}.points-text{display:flex;flex-direction:column;align-items:flex-start;text-align:left}.points-label{font-size:1.1rem;font-weight:400;opacity:.95}.points-value{font-size:1.8rem;font-weight:700;margin-top:.25rem}.category-contribution{margin-top:1.5rem;padding:1.2rem 2rem;background:linear-gradient(135deg,#a78bfa,#8b5cf6);color:#fff;border-radius:12px;display:inline-flex;align-items:center;gap:1rem;box-shadow:0 4px 15px #8b5cf666}.category-icon{font-size:2rem;line-height:1}.category-text{display:flex;flex-direction:column;align-items:flex-start;text-align:left}.category-label{font-size:1rem;font-weight:400;opacity:.95}.category-value{font-size:1.5rem;font-weight:700;margin-top:.25rem}.level-up-icon{font-size:3rem;line-height:1}.level-up-text{display:flex;flex-direction:column;align-items:flex-start;text-align:left}.level-up-label{font-size:1.4rem;font-weight:700}.level-up-value{font-size:2rem;font-weight:700;margin-top:.25rem}.results-message{margin:3rem 0}.results-message p{font-size:1.5rem;color:#e0e0e0}.results-controls{display:flex;flex-direction:column;gap:1rem;max-width:500px;margin:3rem auto 0}.primary-button,.secondary-button,.back-button,.next-button{padding:1.5rem 3rem;font-size:1.5rem;font-weight:700;border-radius:10px;cursor:pointer;transition:all .3s ease;border:3px solid transparent}.primary-button,.next-button{background:gold;color:#1a1a2e;border-color:gold}.primary-button:hover,.next-button:hover{background:#ffed4e;transform:translateY(-2px);box-shadow:0 6px 20px #ffd70066}.secondary-button,.back-button{background:transparent;color:gold;border-color:gold}.secondary-button:hover,.back-button:hover{background:#2d3561;transform:translateY(-2px)}@media(max-width:768px){.app{padding:1rem;font-size:18px}.header h1{font-size:2.5rem}.difficulty-label{font-size:1.5rem}.vehicle-header{margin-top:4rem}.vehicle-header h2{font-size:1.5rem}.difficulty-badge-corner{top:1rem;right:1rem;font-size:1rem;padding:.5rem 1rem}.app-logo-button{padding:.5rem .75rem;margin-bottom:1.5rem}.logo-title{font-size:.9rem}.logo-subtitle{font-size:.75rem}.wrench-icon{font-size:1.5rem}.modal-content{padding:2rem}.modal-title{font-size:1.6rem}.modal-message{font-size:1.1rem}.modal-button{padding:1rem 1.5rem;font-size:1.1rem}.shop-sign{padding:2rem 2.5rem;border-width:4px}.wrench-1{font-size:3.25rem}.wrench-2{font-size:4.25rem}.wrench-3{font-size:3rem}.gear{font-size:4.5rem}.bolt{font-size:2.75rem;transform:scaleY(-1)}.landing-title{font-size:2.5rem}.landing-subtitle{font-size:1.5rem}.landing-tagline{font-size:1rem}.start-button{padding:1.5rem 3rem;font-size:1.5rem}.score-circle{width:200px;height:200px}.score-percentage{font-size:3rem}.skill-level-card{flex-direction:column;align-items:flex-start;padding:1.5rem;gap:1rem}.skill-level-card:hover{transform:translateY(-3px)}.skill-icon{font-size:2.5rem}.skill-name{font-size:1.6rem;min-width:unset}.skill-description{font-size:1rem}.skill-points{font-size:1.1rem;text-align:left;min-width:unset}}.classic-mode-home{max-width:1000px;margin:0 auto}.lifetime-stats{margin:2rem 0;padding:2rem;background:linear-gradient(135deg,#2d3561,#3d4571);border:3px solid #4a5f8a;border-radius:15px}.lifetime-points{text-align:center;margin-bottom:2rem}.points-display{display:flex;flex-direction:column;align-items:center;gap:.5rem}.points-number{font-size:3.5rem;font-weight:700;color:gold;font-family:Courier New,monospace}.points-label{font-size:1.2rem;color:#b0b0b0;text-transform:uppercase;letter-spacing:2px}.tier-stats-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem;margin-top:1.5rem}.tier-stat{padding:1rem;background:#1a1a2e;border-radius:10px;border:2px solid;text-align:center}.tier-stat.fundamental-tier{border-color:#10b981}.tier-stat.intermediate-tier{border-color:#f59e0b}.tier-stat.advanced-tier{border-color:#ef4444}.tier-label{display:block;font-size:.95rem;color:#b0b0b0;margin-bottom:.5rem}.tier-value{display:block;font-size:1.5rem;font-weight:700;color:gold;font-family:Courier New,monospace}.random-option{margin:2rem 0}.random-button{width:100%;padding:2rem;background:linear-gradient(135deg,#fbbf24,#f59e0b);color:#1a1a2e;border:3px solid #fbbf24;border-radius:12px;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;gap:2rem}.random-button:hover{transform:translateY(-3px);box-shadow:0 8px 25px #fbbf2466;background:linear-gradient(135deg,#fcd34d,#fbbf24)}.random-icon{font-size:3rem;line-height:1}.random-text{text-align:left;flex:1}.random-text h3{font-size:1.8rem;margin-bottom:.5rem}.random-text p{font-size:1.1rem;opacity:.9}.categories-section{margin:3rem 0}.section-title{font-size:2rem;color:gold;margin-bottom:1.5rem;text-align:center}.categories-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.5rem;margin-bottom:2rem}.category-card{padding:2rem;background:#2d3561;border:3px solid;border-radius:12px;cursor:pointer;transition:all .3s ease;text-align:center}.category-card:hover{transform:translateY(-3px);box-shadow:0 8px 25px #ffd70033;background:#3d4571}.category-icon{font-size:3rem;margin-bottom:1rem;line-height:1}.category-name{font-size:1.4rem;color:#fff;margin-bottom:1rem}.category-stats{display:flex;flex-direction:column;gap:.5rem;font-size:1rem;color:#b0b0b0}.category-points{font-weight:700;color:gold}.category-questions{font-size:.9rem}.classic-skill-selection{max-width:900px;margin:0 auto}.skill-levels-container{display:flex;flex-direction:column;gap:2rem;margin:3rem 0}.skill-level-card{padding:2.5rem;background:#2d3561;border:3px solid;border-radius:12px;cursor:pointer;transition:all .3s ease;text-align:left;display:flex;align-items:center;gap:2rem}.skill-level-card:hover{transform:translate(10px);box-shadow:0 8px 25px #ffd70033;background:#3d4571}.skill-icon{font-size:3rem;line-height:1;flex-shrink:0}.skill-name{font-size:2rem;margin-bottom:.5rem;flex-shrink:0;min-width:180px}.skill-description{font-size:1.1rem;color:#b0b0b0;flex:1;line-height:1.5}.skill-points{font-size:1.3rem;font-weight:700;font-family:Courier New,monospace;flex-shrink:0;min-width:120px;text-align:right}.make-selection,.model-selection{max-width:1200px;margin:0 auto}.makes-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.5rem;margin-bottom:2rem}.make-card{padding:2rem;background:#2d3561;border:3px solid;border-radius:12px;cursor:pointer;transition:all .3s ease;text-align:center}.make-card:hover{transform:translateY(-3px);box-shadow:0 8px 25px #ffd70033;background:#3d4571}.make-icon{font-size:3rem;margin-bottom:1rem;line-height:1}.make-name{font-size:1.6rem;color:#fff;margin-bottom:.8rem}.make-description{font-size:1.1rem;color:#b0b0b0;line-height:1.4}.models-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1.5rem;margin-bottom:2rem}.model-card{padding:2rem;background:#2d3561;border:3px solid #ffd700;border-radius:12px;cursor:pointer;transition:all .3s ease;text-align:center}.model-card:hover{transform:translateY(-3px);box-shadow:0 8px 25px #ffd70033;background:#3d4571}.model-name{font-size:1.5rem;color:gold;margin-bottom:.8rem}.model-scenario-count{font-size:1.1rem;color:#b0b0b0;margin-bottom:.3rem}.model-packages-note{font-size:.9rem;color:#888;font-style:italic}.model-hub{max-width:800px;margin:0 auto}.hub-options{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem;margin:3rem 0}.hub-option-card{padding:3rem 2rem;background:#2d3561;border:3px solid #ffd700;border-radius:12px;cursor:pointer;transition:all .3s ease;text-align:center}.hub-option-card:hover:not(:disabled){transform:translateY(-5px);box-shadow:0 10px 30px #ffd7004d;background:#3d4571}.hub-option-card:disabled{opacity:.5;cursor:not-allowed;border-color:#666}.hub-icon{font-size:4rem;margin-bottom:1.5rem;line-height:1}.hub-title{font-size:2rem;color:gold;margin-bottom:1rem}.hub-description{font-size:1.2rem;color:#b0b0b0;line-height:1.5}.model-history{max-width:1000px;margin:0 auto}.history-overview{background:#2d3561;border:2px solid #4a5f8a;border-radius:12px;padding:2rem;margin:2rem 0}.overview-text{font-size:1.2rem;color:#e0e0e0;line-height:1.7;margin-bottom:1.5rem}.name-origin{background:#1a1a2e;border-left:4px solid #ffd700;padding:1.5rem;border-radius:8px;margin-top:1.5rem}.name-origin h3{font-size:1.4rem;color:gold;margin-bottom:.8rem}.name-origin p{font-size:1.1rem;color:#b0b0b0;line-height:1.6}.eras-section{margin:3rem 0}.eras-section h2{font-size:2rem;color:gold;margin-bottom:1.5rem}.eras-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1.5rem}.era-card{padding:2rem;background:linear-gradient(135deg,#2d3561,#3d4571);border:3px solid #8b5cf6;border-radius:12px;cursor:pointer;transition:all .3s ease;text-align:center}.era-card:hover{transform:translateY(-3px);box-shadow:0 8px 25px #8b5cf64d;border-color:#a78bfa}.era-name{font-size:1.4rem;color:gold;margin-bottom:.8rem}.era-years{font-size:1.1rem;color:#e0e0e0;margin-bottom:.5rem}.era-generation{font-size:1rem;color:#b0b0b0;font-style:italic}.era-detail .era-content{margin:2rem 0}.era-section{background:#2d3561;border:2px solid #4a5f8a;border-radius:12px;padding:2rem;margin-bottom:2rem}.era-section h2{font-size:1.8rem;color:gold;margin-bottom:1.5rem;border-bottom:2px solid #4a5f8a;padding-bottom:.8rem}.era-platform,.era-philosophy{font-size:1.1rem;color:#e0e0e0;line-height:1.7;margin-bottom:1rem}.era-philosophy{font-style:italic;color:#b0b0b0}.feature-list{list-style:none;padding:0}.feature-list li{font-size:1.1rem;color:#e0e0e0;padding:.8rem 0 .8rem 2rem;border-left:3px solid #8b5cf6;margin-bottom:.8rem;background:#8b5cf61a;border-radius:4px}.engine-option{background:#1a1a2e;border-radius:8px;padding:1.5rem;margin-bottom:1.5rem}.engine-option h3{font-size:1.3rem;color:#60a5fa;margin-bottom:.8rem}.engine-option p{font-size:1.1rem;color:#e0e0e0;margin-bottom:.5rem}.engine-notes{color:#b0b0b0;font-style:italic}.design-category{margin-bottom:1.5rem}.design-category h3{font-size:1.3rem;margin-bottom:1rem}.good-decisions h3{color:#10b981}.bad-decisions h3{color:#ef4444}.design-category ul{list-style:none;padding:0}.design-category li{font-size:1.1rem;color:#e0e0e0;padding:.8rem 0 .8rem 2rem;margin-bottom:.8rem;border-radius:4px;position:relative}.good-decisions li{background:#10b9811a;border-left:3px solid #10b981}.good-decisions li:before{content:"✓";position:absolute;left:.8rem;color:#10b981;font-weight:700}.bad-decisions li{background:#ef44441a;border-left:3px solid #ef4444}.bad-decisions li:before{content:"✗";position:absolute;left:.8rem;color:#ef4444;font-weight:700}.problem-card{background:#1a1a2e;border-left:4px solid #f59e0b;border-radius:8px;padding:1.5rem;margin-bottom:1.5rem}.problem-card h3{font-size:1.4rem;color:gold;margin-bottom:.8rem}.problem-severity{font-size:1rem;color:#f59e0b;margin-bottom:1rem;text-transform:capitalize}.problem-description{font-size:1.1rem;color:#e0e0e0;line-height:1.7;margin-bottom:1rem}.problem-solutions{margin-top:1rem;padding-top:1rem;border-top:1px solid #4a5f8a}.problem-solutions strong{color:#60a5fa;font-size:1.1rem}.problem-solutions ul{margin-top:.8rem;padding-left:1.5rem}.problem-solutions li{font-size:1rem;color:#b0b0b0;margin-bottom:.5rem;line-height:1.6}.cross-era-section{margin:3rem 0}.cross-era-section h2{font-size:2rem;color:#ef4444;margin-bottom:1.5rem}.settings{min-height:100vh;padding:2rem;max-width:800px;margin:0 auto}.settings-content{margin:3rem 0}.settings-section{background:#2d3561;border:2px solid #4a5f8a;border-radius:12px;padding:2rem;margin-bottom:2rem}.settings-section h2{font-size:1.8rem;color:#e0e0e0;margin-bottom:1rem}.settings-text{font-size:1.2rem;color:#b0b0b0;line-height:1.6;margin-bottom:.75rem}.settings-link{background:none;border:none;color:#4ade80;font-size:1.1rem;cursor:pointer;padding:.5rem 1rem;margin-top:1rem;transition:color .3s ease}.settings-link:hover{color:#22c55e;text-decoration:underline}.danger-zone{background:#3d1616;border-color:#7f1d1d}.danger-zone h2{color:#ef4444}.reset-button{background:#7f1d1d;color:#fff;border:2px solid #ef4444;padding:1rem 2rem;font-size:1.2rem;font-weight:700;border-radius:8px;cursor:pointer;margin-top:1rem;transition:all .3s ease}.reset-button:hover{background:#991b1b;border-color:#dc2626;transform:translateY(-2px)}.reset-button:active{transform:translateY(0)}.career-streak-badge{display:flex;align-items:center;gap:.5rem;background:linear-gradient(135deg,#f59e0b,#d97706);color:#fff;padding:.75rem 1.5rem;border-radius:12px;border:2px solid #fbbf24;margin-bottom:1rem;animation:streakAppear .3s ease-out;box-shadow:0 4px 12px #f59e0b4d}.career-streak-badge .streak-icon{font-size:1.5rem;animation:flicker 1.5s ease-in-out infinite}.career-streak-badge .streak-text{font-size:1.2rem;font-weight:700}@keyframes streakAppear{0%{transform:scale(.9) translateY(-5px);opacity:0}to{transform:scale(1) translateY(0);opacity:1}}@keyframes flicker{0%,to{opacity:1}50%{opacity:.7}}@media(max-width:768px){.career-streak-badge{padding:.5rem 1rem}.career-streak-badge .streak-text{font-size:1rem}}.basic-systems-intro,.basic-systems-assessment,.tool-school-intro,.tool-school-assessment{max-width:900px;margin:0 auto;text-align:center;padding:2rem 1rem}.course-description{background:#2d3561;border:2px solid #4a5f8a;border-radius:12px;padding:2rem;margin:2rem 0;text-align:left}.course-description p{font-size:1.2rem;color:#e0e0e0;line-height:1.6;margin-bottom:1.5rem}.systems-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem;margin-top:1.5rem}.system-item{background:#1a1a2e;padding:1rem;border-radius:8px;font-size:1.1rem;color:gold;border:1px solid #4a5f8a}.course-options{display:grid;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:2rem;margin:3rem 0}.option-card{background:#2d3561;border:3px solid #4a5f8a;border-radius:12px;padding:2rem;display:flex;flex-direction:column;gap:1rem}.option-card h3{font-size:1.8rem;color:gold;margin:0}.option-card p{font-size:1.1rem;color:#b0b0b0;flex-grow:1}.course-controls{margin-top:2rem}.assessment-content{max-width:800px;margin:0 auto}.question-header{margin-bottom:1rem}.system-badge{background:#4a5f8a;color:gold;padding:.5rem 1rem;border-radius:6px;font-size:1rem;font-weight:700}.question-text{font-size:1.4rem;color:#e0e0e0;margin:2rem 0;line-height:1.6;text-align:left}.options-container{display:flex;flex-direction:column;gap:1rem;margin:2rem 0}.option-button{background:#2d3561;border:2px solid #4a5f8a;border-radius:8px;padding:1.2rem;display:flex;align-items:center;gap:1rem;cursor:pointer;transition:all .3s ease;text-align:left}.option-button:hover:not(:disabled){background:#3d4571;border-color:gold}.option-button.selected{border-color:gold;background:#3d4571;box-shadow:0 0 15px #ffd70066}.option-button.correct{border-color:#22c55e;background:#1a3a2e}.option-button.wrong{border-color:#ef4444;background:#3a1a1a}.option-button:disabled{cursor:default;opacity:.9}.option-letter{background:#4a5f8a;color:gold;width:2.5rem;height:2.5rem;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:1.2rem;flex-shrink:0}.option-text{font-size:1.1rem;color:#e0e0e0;flex-grow:1}.check-mark,.x-mark{font-size:1.8rem;flex-shrink:0}.check-mark{color:#22c55e}.x-mark{color:#ef4444}.explanation-box{background:#2d3561;border:3px solid;border-radius:12px;padding:1.5rem;margin:2rem 0;text-align:left}.explanation-box.correct-explanation{border-color:#22c55e;background:#1a3a2e}.explanation-box.wrong-explanation{border-color:#ef4444;background:#3a1a1a}.explanation-box.neutral-explanation{border-color:#6b7280;background:#2a2a2a}.explanation-box h4{color:gold;font-size:1.3rem;margin:0 0 1rem}.explanation-box p{font-size:1.1rem;color:#e0e0e0;line-height:1.6;margin:0}.assessment-controls{display:flex;flex-direction:column;gap:1rem;margin-top:2rem}.basic-systems-refresher,.tool-school-refresher{max-width:900px;margin:0 auto;text-align:center;padding:2rem 1rem}.refresher-content{margin-top:2rem}.category-header{display:flex;flex-direction:column;align-items:center;gap:.5rem;margin-bottom:2.5rem;text-align:center}.category-icon{font-size:3.5rem}.category-header h2{color:gold;font-size:2rem;margin:0}.system-header{display:flex;align-items:center;justify-content:center;gap:1rem;margin-bottom:3rem}.system-icon{font-size:4rem}.system-header h2{font-size:2.5rem;color:gold;margin:0}.refresher-section{background:#2d3561;border:2px solid #4a5f8a;border-radius:12px;padding:2rem;margin-bottom:2rem;text-align:left}.refresher-section.highlight{border-color:gold;background:linear-gradient(135deg,#2d3561,#3d4571)}.refresher-section h3{color:gold;font-size:1.5rem;margin-top:0;margin-bottom:1rem}.refresher-section p{color:#e0e0e0;font-size:1.1rem;line-height:1.7;margin:0}.components-list{display:grid;gap:1.5rem}.component-item{background:#0000004d;border-left:4px solid #60a5fa;padding:1.5rem;border-radius:8px}.component-item h4{color:#60a5fa;font-size:1.2rem;margin:0 0 .5rem}.component-item p{color:#d0d0d0;font-size:1rem;line-height:1.6;margin:0}.tool-cards-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:2rem;margin-top:1.5rem}@media(max-width:768px){.tool-cards-grid{grid-template-columns:1fr}}.tool-card{background:#0000004d;border:2px solid #4a5f8a;border-radius:12px;padding:1.5rem;display:flex;flex-direction:column;align-items:center;text-align:center;transition:border-color .3s ease,transform .2s ease}.tool-card:hover{border-color:#60a5fa;transform:translateY(-2px)}.tool-image-placeholder{width:100%;height:150px;background:linear-gradient(135deg,#1a1f3a,#2d3561);border:2px dashed #4a5f8a;border-radius:8px;display:flex;flex-direction:column;align-items:center;justify-content:center;margin-bottom:1rem;gap:.5rem}.tool-placeholder-icon{font-size:3rem;opacity:.5}.tool-placeholder-text{color:#6b7280;font-size:.9rem;font-style:italic}.tool-name{color:#60a5fa;font-size:1.3rem;margin:0 0 1rem;font-weight:600}.tool-quick-tip{background:linear-gradient(135deg,gold,#ffed4e);color:#1a1f3a;padding:.75rem 1rem;border-radius:8px;display:flex;align-items:center;gap:.5rem;width:100%;margin-bottom:1rem;font-weight:500;box-shadow:0 2px 8px #ffd7004d}.quick-tip-icon{font-size:1.2rem;flex-shrink:0}.quick-tip-text{flex:1;text-align:left;font-size:.95rem;line-height:1.3}.tool-expand-button{background:#2d3561;color:#60a5fa;border:2px solid #4a5f8a;border-radius:8px;padding:.6rem 1.2rem;font-size:.95rem;font-weight:500;cursor:pointer;transition:all .2s ease;width:100%;margin-top:.5rem}.tool-expand-button:hover{background:#3d4571;border-color:#60a5fa;color:gold}.tools-list{display:flex;flex-direction:column;gap:2rem;margin-top:1.5rem}.tool-item{background:#0006;border:2px solid #4a5f8a;border-radius:12px;padding:2rem;transition:border-color .3s ease}.tool-item:hover{border-color:#60a5fa}.tool-item h4{color:#60a5fa;font-size:1.4rem;margin:0 0 1rem;font-weight:600}.tool-description{color:#d0d0d0;font-size:1.05rem;line-height:1.6;margin:0 0 1.5rem}.tool-details{width:100%;margin-top:2rem;display:flex;flex-direction:column;gap:1.5rem;text-align:left}.tool-detail{background:#ffffff0d;border-left:4px solid #6b7280;padding:1.5rem 2rem;border-radius:8px;display:flex;flex-direction:column;gap:1rem}.tool-detail.quick-tip{border-left-color:gold;background:#ffd7001a}.tool-detail.when-to-use{border-left-color:#22c55e;background:#22c55e1a}.tool-detail.common-mistakes{border-left-color:#ef4444;background:#ef44441a}.detail-label{color:gold;font-weight:600;font-size:1.05rem;display:block;margin-bottom:.5rem}.detail-text{color:#e0e0e0;font-size:1rem;line-height:1.7;display:block}.tool-detail-section{background:#0000004d;border-left:3px solid #4a5f8a;border-radius:6px;padding:1rem}.tool-detail-section h5{color:#60a5fa;font-size:1rem;margin:0 0 .5rem;display:flex;align-items:center;gap:.5rem}.detail-icon{font-size:1.1rem}.tool-detail-section p{color:#d0d0d0;font-size:.95rem;line-height:1.6;margin:0}.refresher-navigation{margin-top:3rem}.nav-buttons{display:flex;gap:1rem;justify-content:center;margin-bottom:2rem}.progress-dots{display:flex;gap:.75rem;justify-content:center;margin:2rem 0}.progress-dot{width:14px;height:14px;border-radius:50%;background:#4a5f8a;cursor:pointer;transition:all .3s ease}.progress-dot:hover{background:#60a5fa;transform:scale(1.2)}.progress-dot.active{background:gold;transform:scale(1.3);box-shadow:0 0 10px #ffd70099}.progress-dot.completed{background:#22c55e}.basic-systems-results,.tool-school-results{max-width:700px;margin:0 auto;text-align:center;padding:2rem 1rem}.results-content{margin-top:3rem}.results-card{background:#2d3561;border:3px solid;border-radius:16px;padding:3rem 2rem;margin-bottom:2rem}.results-card.passed{border-color:#22c55e;background:linear-gradient(135deg,#1a3a2e,#2d3561)}.results-card.failed{border-color:#60a5fa;background:linear-gradient(135deg,#2d3561,#3d4571)}.results-icon{font-size:5rem;margin-bottom:1rem;font-weight:700}.results-icon.success{color:#22c55e;text-shadow:0 0 20px rgba(34,197,94,.5)}.results-icon.retry{color:#60a5fa;text-shadow:0 0 20px rgba(96,165,250,.5)}.results-card h2{font-size:2rem;color:gold;margin-bottom:1rem}.results-message{color:#e0e0e0;font-size:1.1rem;line-height:1.6;margin-bottom:2rem}.results-stats{display:flex;align-items:center;justify-content:center;gap:2rem;margin:2rem 0;padding:1.5rem;background:#0000004d;border-radius:12px}.stat-item{text-align:center}.stat-value{font-size:2.5rem;font-weight:700;color:gold;margin-bottom:.5rem}.stat-label{font-size:.9rem;color:#a0a0a0;text-transform:uppercase;letter-spacing:1px}.stat-divider{width:2px;height:60px;background:linear-gradient(to bottom,transparent,#4a5f8a,transparent)}.retry-encouragement{margin-top:2rem;padding:1.5rem;background:#60a5fa1a;border:1px solid #60a5fa;border-radius:8px}.retry-encouragement p{color:#e0e0e0;font-size:1rem;margin:0}.retry-encouragement strong{color:#60a5fa}.results-controls{display:flex;flex-direction:column;gap:1rem}@media(max-width:600px){.results-icon{font-size:4rem}.results-card h2{font-size:1.5rem}.results-message{font-size:1rem}.stat-value{font-size:2rem}.results-stats{gap:1rem}.stat-divider{height:50px}}.expertise-badge{background:linear-gradient(135deg,#1a1a2e,#2d3561);border:2px solid #ffd700;border-radius:12px;padding:1.5rem;margin:1.5rem 0;text-align:center}.expertise-badge h4{color:gold;margin-bottom:.8rem;font-size:1.2rem}.expertise-text{font-size:1.1rem;color:#fff;margin-bottom:.5rem}.expertise-subtext{font-size:.9rem;color:#b0b0b0}.advancement-subtitle{font-size:1rem;color:#b0b0b0;margin-bottom:2rem;text-align:center}.tier-requirements{display:flex;flex-direction:column;gap:1.5rem;margin:2rem 0}.requirement-item{background:#1a1a2e;border:2px solid #4a5f8a;border-radius:10px;padding:1.5rem;transition:all .3s ease}.requirement-item.requirement-met{border-color:#22c55e;background:linear-gradient(135deg,#1a1a2e,#1a2e1a)}.requirement-item.requirement-pending{border-color:#4a5f8a}.requirement-header{display:flex;align-items:center;gap:.8rem;margin-bottom:.8rem}.requirement-icon{font-size:1.5rem;min-width:30px}.requirement-item.requirement-met .requirement-icon{color:#22c55e}.requirement-item.requirement-pending .requirement-icon{color:gray}.requirement-title{font-size:1.2rem;font-weight:700;color:gold}.requirement-desc{font-size:1rem;color:#b0b0b0;margin-bottom:.5rem;margin-left:2.3rem}.requirement-progress-text{font-size:.9rem;color:gray;margin-left:2.3rem;font-style:italic}.advancement-ready{background:linear-gradient(135deg,#1a2e1a,#2d3561);border:2px solid #22c55e;border-radius:10px;padding:1.5rem;margin-top:2rem;text-align:center}.advancement-ready-text{font-size:1.1rem;color:#22c55e;font-weight:700}.max-tier-message{background:linear-gradient(135deg,#2d3561,#1a1a2e);border:3px solid #ffd700;border-radius:15px;padding:2rem;margin:3rem 0;text-align:center}.max-tier-message h3{color:gold;margin-bottom:1rem;font-size:1.5rem}.max-tier-message p{color:#b0b0b0;font-size:1.1rem}.tier-advancement-banner{background:linear-gradient(135deg,gold,#ffed4e,gold);border:4px solid #ff8c00;border-radius:15px;padding:2rem;margin:2rem 0;display:flex;align-items:center;gap:1.5rem;box-shadow:0 8px 30px #ffd70080;animation:celebration-pulse 2s ease-in-out infinite}@keyframes celebration-pulse{0%,to{transform:scale(1);box-shadow:0 8px 30px #ffd70080}50%{transform:scale(1.02);box-shadow:0 12px 40px #ffd700b3}}.tier-advancement-icon{font-size:4rem;animation:trophy-bounce 1s ease-in-out infinite}@keyframes trophy-bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.tier-advancement-text{display:flex;flex-direction:column;gap:.5rem;flex:1}.tier-advancement-label{font-size:1.8rem;font-weight:700;color:#8b4513;text-shadow:2px 2px 4px rgba(255,255,255,.3)}.tier-advancement-value{font-size:1.4rem;font-weight:700;color:#654321}.tier-advancement-desc{font-size:1rem;color:#8b6914;font-style:italic}@media(max-width:600px){.tier-advancement-banner{flex-direction:column;text-align:center}.tier-advancement-label{font-size:1.4rem}.tier-advancement-value{font-size:1.2rem}}.christmas-gift{min-height:100vh;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#0f2027,#203a43,#2c5364);padding:2rem;animation:fadeIn .5s ease-in}.christmas-gift.opening{animation:fadeOut .8s ease-out forwards}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeOut{to{opacity:0;transform:scale(.95)}}.wrapping-paper{position:relative;width:90%;max-width:600px;min-height:500px;background:repeating-linear-gradient(45deg,#c41e3a,#c41e3a 20px,#165b33 20px 40px);border-radius:20px;padding:4rem 3rem;box-shadow:0 20px 60px #00000080,inset 0 1px 1px #ffffff1a;overflow:hidden;animation:giftFloat 3s ease-in-out infinite}@keyframes giftFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.ribbon-horizontal{position:absolute;top:50%;left:0;right:0;height:80px;transform:translateY(-50%);background:linear-gradient(180deg,#d4af37,gold 20%,#ffed4e,gold 80%,#d4af37);box-shadow:0 4px 8px #0000004d,inset 0 2px 4px #ffffff80,inset 0 -2px 4px #0003;z-index:1}.ribbon-vertical{position:absolute;top:0;bottom:0;left:50%;width:80px;transform:translate(-50%);background:linear-gradient(90deg,#d4af37,gold 20%,#ffed4e,gold 80%,#d4af37);box-shadow:0 4px 8px #0000004d,inset 0 2px 4px #ffffff80,inset 0 -2px 4px #0003;z-index:1}.bow{position:absolute;top:-20px;left:50%;transform:translate(-50%);z-index:2;filter:drop-shadow(0 8px 16px rgba(0,0,0,.4))}.bow-left,.bow-right{position:absolute;width:80px;height:80px;background:linear-gradient(135deg,#ff1744,#d01040);border-radius:50% 50% 0;box-shadow:inset -5px -5px 15px #0000004d}.bow-left{transform:rotate(-45deg);left:-70px;top:20px}.bow-right{transform:rotate(45deg) scaleX(-1);right:-70px;top:20px}.bow-center{position:absolute;width:40px;height:40px;background:linear-gradient(135deg,#ff1744,#d01040);border-radius:50%;top:30px;left:50%;transform:translate(-50%);box-shadow:inset -3px -3px 8px #0006,0 4px 8px #0000004d}.gift-content{position:relative;z-index:3;text-align:center;display:flex;flex-direction:column;align-items:center;gap:2rem;padding-top:2rem}.christmas-greeting{font-size:3rem;font-weight:700;color:#fff;text-shadow:0 2px 4px rgba(0,0,0,.5),0 0 20px rgba(255,215,0,.5);margin:0;animation:twinkle 2s ease-in-out infinite}@keyframes twinkle{0%,to{text-shadow:0 2px 4px rgba(0,0,0,.5),0 0 20px rgba(255,215,0,.5)}50%{text-shadow:0 2px 4px rgba(0,0,0,.5),0 0 30px rgba(255,215,0,.8)}}.gift-tag{position:relative;margin:1rem 0}.tag-string{position:absolute;top:-30px;left:50%;width:2px;height:30px;background:#d4af37;transform:translate(-50%)}.tag-body{background:#fffef0;padding:1.5rem 2rem;border-radius:8px;box-shadow:0 4px 12px #0000004d;border:2px solid #d4af37;transform:rotate(-2deg);font-family:Courier New,monospace}.tag-to,.tag-from{margin:.5rem 0;font-size:1.3rem;color:#333;font-weight:600}.tag-to{color:#c41e3a}.tag-from{color:#165b33}.open-button{background:linear-gradient(135deg,gold,#ffed4e);color:#333;border:none;padding:1.5rem 3rem;font-size:1.8rem;font-weight:700;border-radius:50px;cursor:pointer;box-shadow:0 8px 20px #ffd70066,inset 0 2px 4px #ffffff80;transition:all .3s ease;display:flex;align-items:center;gap:.75rem;text-transform:uppercase;letter-spacing:2px;animation:pulse 2s ease-in-out infinite}.open-button:hover{transform:scale(1.05);box-shadow:0 12px 30px #ffd70099,inset 0 2px 4px #ffffff80}.open-button:active{transform:scale(.98)}@keyframes pulse{0%,to{box-shadow:0 8px 20px #ffd70066,inset 0 2px 4px #ffffff80}50%{box-shadow:0 8px 30px #ffd70099,inset 0 2px 4px #ffffff80}}.tear-icon{font-size:1.5rem;animation:sparkle 1.5s ease-in-out infinite}@keyframes sparkle{0%,to{opacity:1;transform:scale(1)}50%{opacity:.6;transform:scale(1.2)}}@media(max-width:768px){.christmas-greeting{font-size:2rem}.tag-to,.tag-from{font-size:1.1rem}.open-button{font-size:1.4rem;padding:1.2rem 2.5rem}.bow-left,.bow-right{width:60px;height:60px}.bow-left{left:-50px}.bow-right{right:-50px}}