:root{--color-bg:#0a0e1a;--color-surface:rgba(15,22,40,0.85);--color-surface-alt:rgba(20,28,50,0.7);--color-text:#c8d6e5;--color-text-muted:#576574;--color-primary:#00d4ff;--color-primary-hover:#00b8e6;--color-primary-light:rgba(0,212,255,0.1);--color-success:#00ff88;--color-success-light:rgba(0,255,136,0.1);--color-warning:#ff9f43;--color-warning-light:rgba(255,159,67,0.1);--color-danger:#ff6b6b;--color-danger-light:rgba(255,107,107,0.1);--color-info:#54a0ff;--color-info-light:rgba(84,160,255,0.1);--color-border:rgba(0,212,255,0.15);--color-code-bg:#0d1117;--color-code-text:#c9d1d9;--color-accent:#ff6b35;--color-xp:#ffd700;--font-display:'Orbitron',system-ui,-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,sans-serif;--font-sans:'Exo 2','Inter',system-ui,-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,sans-serif;--font-mono:'JetBrains Mono','Cascadia Code','Fira Code',monospace;--glow-primary:0 0 20px rgba(0,212,255,0.3),0 0 40px rgba(0,212,255,0.1);--glow-success:0 0 20px rgba(0,255,136,0.3);--glow-danger:0 0 20px rgba(255,107,107,0.3);--glow-xp:0 0 15px rgba(255,215,0,0.4);--shadow-sm:0 2px 8px rgba(0,0,0,0.4);--shadow-md:0 4px 20px rgba(0,0,0,0.5);--shadow-lg:0 8px 40px rgba(0,0,0,0.6)}[data-theme="light"]{--color-bg:#f1f5f9;--color-surface:#ffffff;--color-surface-alt:#f8fafc;--color-text:#0f172a;--color-text-muted:#475569;--color-primary:#0284c7;--color-primary-hover:#0369a1;--color-primary-light:rgba(2,132,199,0.1);--color-success:#16a34a;--color-success-light:rgba(22,163,74,0.1);--color-warning:#d97706;--color-warning-light:rgba(217,119,6,0.1);--color-danger:#dc2626;--color-danger-light:rgba(220,38,38,0.1);--color-info:#2563eb;--color-info-light:rgba(37,99,235,0.1);--color-border:rgba(2,132,199,0.25);--color-code-bg:#0f172a;--color-code-text:#38bdf8;--color-accent:#ea580c;--color-xp:#b45309;--glow-primary:0 0 15px rgba(2,132,199,0.2);--glow-success:0 0 15px rgba(22,163,74,0.2);--shadow-sm:0 2px 8px rgba(0,0,0,0.06);--shadow-md:0 4px 20px rgba(0,0,0,0.08);--shadow-lg:0 8px 40px rgba(0,0,0,0.12)}[data-theme="light"] body{background:#f1f5f9 !important;color:#0f172a !important}[data-theme="light"] body::before,[data-theme="light"] body::after{opacity:0.15;filter:invert(1)}[data-theme="light"] .top-nav{background:rgba(255,255,255,0.94) !important;border-bottom:1px solid rgba(2,132,199,0.2) !important;box-shadow:0 2px 15px rgba(0,0,0,0.06) !important}[data-theme="light"] .top-nav .logo-html{color:#0284c7 !important;text-shadow:none !important}[data-theme="light"] .top-nav .logo-tour{color:#0f172a !important;text-shadow:none !important}[data-theme="light"] .nav-links .nav-link{color:#475569 !important}[data-theme="light"] .nav-links .nav-link:hover,[data-theme="light"] .nav-links .nav-link--active{color:#0284c7 !important}[data-theme="light"] .theme-toggle,[data-theme="light"] .audio-toggle-btn,[data-theme="light"] .mobile-menu-toggle{background:rgba(2,132,199,0.08) !important;border-color:rgba(2,132,199,0.3) !important;color:#0284c7 !important}[data-theme="light"] .lesson-container h1,[data-theme="light"] .lesson-container h2,[data-theme="light"] .lesson-container h3,[data-theme="light"] .lesson-container h4{color:#0f172a !important;text-shadow:none !important}[data-theme="light"] .lesson-container p,[data-theme="light"] .lesson-container li{color:#334155 !important}[data-theme="light"] .lesson-header .subtitle{color:#64748b !important}[data-theme="light"] .breadcrumb{background:rgba(255,255,255,0.8) !important;border-color:rgba(2,132,199,0.2) !important}[data-theme="light"] .breadcrumb a{color:#0284c7 !important}[data-theme="light"] .breadcrumb .current{color:#0f172a !important}[data-theme="light"] .learning-objectives-card{background:#ffffff !important;border-color:rgba(2,132,199,0.25) !important;box-shadow:0 4px 20px rgba(0,0,0,0.05) !important}[data-theme="light"] .loc-summary{color:#0284c7 !important}[data-theme="light"] .loc-content ul li{color:#334155 !important}[data-theme="light"] .theory-section,[data-theme="light"] .code-explanation,[data-theme="light"] .exercise-section,[data-theme="light"] .tips-section,[data-theme="light"] .faq-section{background:#ffffff !important;border-color:rgba(2,132,199,0.2) !important;color:#334155 !important;box-shadow:0 4px 20px rgba(0,0,0,0.05) !important}[data-theme="light"] .section-title{color:#0284c7 !important;text-shadow:none !important}[data-theme="light"] p code,[data-theme="light"] li code,[data-theme="light"] td code,[data-theme="light"] th code{color:#0369a1 !important;background:rgba(2,132,199,0.1) !important;border-color:rgba(2,132,199,0.25) !important}[data-theme="light"] .sci-fi-table-wrapper table{background:#ffffff !important;border-color:rgba(2,132,199,0.2) !important}[data-theme="light"] .sci-fi-table-wrapper th{background:#f8fafc !important;color:#0284c7 !important;border-bottom-color:rgba(2,132,199,0.25) !important}[data-theme="light"] .sci-fi-table-wrapper td{color:#334155 !important;border-bottom-color:rgba(2,132,199,0.1) !important}[data-theme="light"] .sci-fi-table-wrapper tr:hover td{background:rgba(2,132,199,0.04) !important}[data-theme="light"] .quiz-battle-arena{background:#ffffff !important;border-color:rgba(2,132,199,0.3) !important;box-shadow:0 6px 30px rgba(0,0,0,0.06) !important}[data-theme="light"] .arena-title{color:#0284c7 !important;text-shadow:none !important}[data-theme="light"] .arena-question-text{color:#0f172a !important}[data-theme="light"] .arena-option-btn{background:#f8fafc !important;border-color:rgba(2,132,199,0.25) !important;color:#1e293b !important}[data-theme="light"] .arena-option-btn:hover{background:rgba(2,132,199,0.1) !important;border-color:#0284c7 !important;color:#0284c7 !important}[data-theme="light"] .arena-chip{background:#f1f5f9 !important;border-color:rgba(2,132,199,0.2) !important;color:#0284c7 !important}[data-theme="light"] .arena-timer-widget{background:#f8fafc !important;border-color:rgba(2,132,199,0.2) !important}[data-theme="light"] .gauge-bg{stroke:rgba(0,0,0,0.08) !important}[data-theme="light"] .gauge-time{fill:#0f172a !important}body{background:var(--color-bg);position:relative;font-family:var(--font-sans)}body::before{content:'';position:fixed;inset:0;z-index:-2;background:radial-gradient(1px 1px at 10% 20%,rgba(255,255,255,0.8) 0%,transparent 100%),radial-gradient(1px 1px at 30% 65%,rgba(255,255,255,0.6) 0%,transparent 100%),radial-gradient(1px 1px at 50% 10%,rgba(255,255,255,0.7) 0%,transparent 100%),radial-gradient(1px 1px at 70% 40%,rgba(255,255,255,0.5) 0%,transparent 100%),radial-gradient(1px 1px at 90% 80%,rgba(255,255,255,0.6) 0%,transparent 100%),radial-gradient(1.5px 1.5px at 15% 85%,rgba(0,212,255,0.4) 0%,transparent 100%),radial-gradient(1.5px 1.5px at 55% 45%,rgba(0,255,136,0.3) 0%,transparent 100%),radial-gradient(1.5px 1.5px at 85% 15%,rgba(255,159,67,0.3) 0%,transparent 100%);animation:starTwinkle 8s ease-in-out infinite alternate}body::after{content:'';position:fixed;inset:0;z-index:-1;background:radial-gradient(1px 1px at 5% 50%,rgba(255,255,255,0.5) 0%,transparent 100%),radial-gradient(1px 1px at 25% 30%,rgba(255,255,255,0.4) 0%,transparent 100%),radial-gradient(1px 1px at 45% 75%,rgba(255,255,255,0.6) 0%,transparent 100%),radial-gradient(1px 1px at 65% 55%,rgba(255,255,255,0.3) 0%,transparent 100%),radial-gradient(1px 1px at 80% 25%,rgba(255,255,255,0.5) 0%,transparent 100%),radial-gradient(1px 1px at 95% 65%,rgba(255,255,255,0.4) 0%,transparent 100%);animation:starTwinkle 12s ease-in-out 2s infinite alternate-reverse}@keyframes starTwinkle{0%{opacity:0.6}50%{opacity:1}100%{opacity:0.7}}.lesson-container::before{content:'';position:fixed;top:-50%;right:-30%;width:80vw;height:80vh;background:radial-gradient(ellipse,rgba(0,212,255,0.04) 0%,transparent 70%);pointer-events:none;z-index:-1}.top-nav{background:rgba(10,14,26,0.92);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-bottom:1px solid rgba(0,212,255,0.12);box-shadow:0 2px 20px rgba(0,0,0,0.5),inset 0 -1px 0 rgba(0,212,255,0.08)}.top-nav .logo{font-family:var(--font-display);color:var(--color-primary);text-shadow:var(--glow-primary);letter-spacing:2px}.top-nav .logo span{background:linear-gradient(135deg,var(--color-primary),var(--color-accent));box-shadow:var(--glow-primary)}.lesson-container{position:relative}.lesson-header{border-bottom-color:rgba(0,212,255,0.15)}.lesson-header .chapter-label{background:linear-gradient(135deg,rgba(0,212,255,0.15),rgba(0,255,136,0.1));color:var(--color-primary);border:1px solid rgba(0,212,255,0.2);text-shadow:0 0 8px rgba(0,212,255,0.3);font-family:var(--font-display);font-size:0.7rem;letter-spacing:1.5px}.lesson-header h1{font-family:var(--font-display);background:linear-gradient(135deg,#ffffff 0%,var(--color-primary) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;text-shadow:none}.content-section{background:var(--color-surface);backdrop-filter:blur(10px);border:1px solid rgba(0,212,255,0.08);border-radius:var(--radius-lg);padding:1.5rem;margin-bottom:2rem}.content-section h2{font-family:var(--font-display);font-size:1.1rem;letter-spacing:0.5px;color:var(--color-primary);border-bottom-color:rgba(0,212,255,0.15);text-shadow:0 0 10px rgba(0,212,255,0.2)}.learning-objectives{background:linear-gradient(135deg,rgba(0,212,255,0.08),rgba(0,212,255,0.02));border:1px solid rgba(0,212,255,0.2);border-left:3px solid var(--color-primary);box-shadow:inset 0 0 30px rgba(0,212,255,0.03),var(--shadow-sm)}.learning-objectives h3{font-family:var(--font-display);color:var(--color-primary);text-shadow:0 0 8px rgba(0,212,255,0.3);font-size:0.8rem;letter-spacing:1px;text-transform:uppercase}.learning-objectives li::before{content:'▸';color:var(--color-primary);text-shadow:var(--glow-primary)}.analogy-box{background:linear-gradient(135deg,rgba(255,159,67,0.08),rgba(255,159,67,0.02));border:1px solid rgba(255,159,67,0.2);border-left:3px solid var(--color-warning);box-shadow:inset 0 0 30px rgba(255,159,67,0.03)}.analogy-box h4{font-family:var(--font-display);font-size:0.8rem;letter-spacing:1px;text-transform:uppercase;text-shadow:0 0 8px rgba(255,159,67,0.3)}.warning-box{background:linear-gradient(135deg,rgba(255,107,107,0.08),rgba(255,107,107,0.02));border:1px solid rgba(255,107,107,0.2);border-left:3px solid var(--color-danger);box-shadow:inset 0 0 30px rgba(255,107,107,0.03);animation:alertPulse 3s ease-in-out infinite}@keyframes alertPulse{0%,100%{border-left-color:var(--color-danger)}50%{border-left-color:rgba(255,107,107,0.5)}}.warning-box h4{font-family:var(--font-display);font-size:0.8rem;letter-spacing:1px;text-transform:uppercase}.pro-tip{background:linear-gradient(135deg,rgba(0,255,136,0.08),rgba(0,255,136,0.02));border:1px solid rgba(0,255,136,0.2);border-left:3px solid var(--color-success);box-shadow:inset 0 0 30px rgba(0,255,136,0.03)}.pro-tip h4{font-family:var(--font-display);font-size:0.8rem;letter-spacing:1px;text-transform:uppercase}.key-takeaways{background:linear-gradient(135deg,rgba(0,212,255,0.06),rgba(0,212,255,0.02));border:1px solid rgba(0,212,255,0.2);border-left:3px solid var(--color-primary)}.key-takeaways h3{font-family:var(--font-display);font-size:0.8rem;letter-spacing:1px;text-transform:uppercase;text-shadow:0 0 8px rgba(0,212,255,0.3)}.starship-terminal-wrapper,.code-editor-wrapper{background:#080e1f;border:1.5px solid rgba(0,212,255,0.3);border-radius:14px;box-shadow:0 10px 40px rgba(0,0,0,0.7),0 0 30px rgba(0,212,255,0.15),inset 0 0 60px rgba(0,212,255,0.03);overflow:hidden;margin:1.5rem 0;position:relative}.terminal-command-bar{display:flex;justify-content:space-between;align-items:center;padding:10px 14px;background:rgba(10,18,36,0.95);border-bottom:1px solid rgba(0,212,255,0.2);flex-wrap:wrap;gap:10px}.terminal-actions-group{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.terminal-btn{font-family:var(--font-display);font-size:0.62rem;font-weight:700;letter-spacing:1px;padding:7px 14px;background:rgba(0,212,255,0.08);color:#00d4ff;border:1px solid rgba(0,212,255,0.35);border-radius:6px;cursor:pointer;transition:all 0.2s cubic-bezier(0.34,1.56,0.64,1);text-transform:uppercase;backdrop-filter:blur(6px)}.terminal-btn:hover{background:rgba(0,212,255,0.2);border-color:#00d4ff;color:#ffffff;box-shadow:0 0 15px rgba(0,212,255,0.4);transform:translateY(-1px)}.terminal-btn:active{transform:translateY(1px)}.terminal-btn.run-btn{background:linear-gradient(135deg,#00ff88 0%,#00b4d8 100%);color:#030a1c;border:1px solid #00ff88;font-weight:800;box-shadow:0 0 15px rgba(0,255,136,0.4)}.terminal-btn.run-btn:hover{box-shadow:0 0 25px rgba(0,255,136,0.7);color:#ffffff}.terminal-telemetry-hud{display:flex;align-items:center;gap:10px;font-family:var(--font-display);font-size:0.58rem;letter-spacing:0.8px;color:#8395a7;flex-wrap:wrap}.telemetry-badge{display:inline-flex;align-items:center;gap:4px;background:rgba(0,0,0,0.4);border:1px solid rgba(0,212,255,0.15);border-radius:4px;padding:3px 8px}.telemetry-badge .badge-val{color:#00d4ff;font-weight:700}.telemetry-badge .badge-val-green{color:#00ff88;font-weight:700}.badge-dot{width:6px;height:6px;border-radius:50%;display:inline-block}.badge-dot.pulse-cyan{background:#00d4ff;box-shadow:0 0 6px #00d4ff;animation:dotPulse 2s infinite}.badge-dot.pulse-green{background:#00ff88;box-shadow:0 0 6px #00ff88;animation:dotPulse 1.6s infinite}@keyframes dotPulse{0%,100%{opacity:1;transform:scale(1)}50%{opacity:0.4;transform:scale(0.8)}}.terminal-grid-body{display:grid;grid-template-columns:1fr 1fr;min-height:400px}@media (max-width:860px){.terminal-grid-body{grid-template-columns:1fr}}.code-terminal-panel{background:#050a17;border-right:1px solid rgba(0,212,255,0.15);display:flex;flex-direction:column}.panel-header-bar{display:flex;justify-content:space-between;align-items:center;padding:8px 12px;background:rgba(0,212,255,0.05);border-bottom:1px solid rgba(0,212,255,0.1);font-family:var(--font-display);font-size:0.65rem;letter-spacing:1px}.dots-trio{display:flex;gap:5px}.dots-trio .dot{width:9px;height:9px;border-radius:50%}.dot.red{background:#ff5f56}.dot.yellow{background:#ffbd2e}.dot.green{background:#27c93f}.terminal-title{color:#00d4ff;font-weight:700;text-shadow:0 0 8px rgba(0,212,255,0.4)}.terminal-hex-badge{color:#576574;font-size:0.55rem;border:1px solid rgba(0,212,255,0.15);border-radius:3px;padding:1px 6px}.code-editor-lines-wrap{display:flex;flex:1;min-height:300px;position:relative;background:#030611}.line-numbers-col{width:40px;padding:12px 6px;background:rgba(0,0,0,0.35);border-right:1px solid rgba(0,212,255,0.12);color:#475569;font-family:'JetBrains Mono','Fira Code',monospace;font-size:0.8rem;line-height:1.5;text-align:right;user-select:none;overflow:hidden;display:flex;flex-direction:column}.starship-textarea{flex:1;padding:12px 14px;background:transparent;color:#a0f4ff;border:none;font-family:'JetBrains Mono','Fira Code','Courier New',monospace;font-size:0.82rem;line-height:1.5;outline:none;resize:vertical;white-space:pre;tab-size:2;caret-color:#00d4ff;text-shadow:0 0 2px rgba(0,212,255,0.2)}.terminal-cli-footer{display:flex;align-items:center;gap:8px;padding:6px 12px;background:rgba(0,0,0,0.6);border-top:1px solid rgba(0,212,255,0.1);font-family:'JetBrains Mono',monospace;font-size:0.65rem;color:#00d4ff}.cli-input-status{color:#8395a7}.cli-cursor{animation:blinkCursor 1s step-end infinite}@keyframes blinkCursor{0%,100%{opacity:1}50%{opacity:0}}.live-diagnostics-panel{background:#040817;display:flex;flex-direction:column;position:relative}.diagnostics-title{color:#00ff88;font-weight:700;letter-spacing:1.2px;text-shadow:0 0 8px rgba(0,255,136,0.4)}.diagnostics-temp-tag{color:#ff9f43;font-size:0.6rem;font-weight:700}.diagnostics-render-wrap{position:relative;flex:1;min-height:300px;display:flex;flex-direction:column;background:radial-gradient(circle at 50% 50%,#061126 0%,#020612 100%);overflow:hidden}.blueprint-grid-overlay{position:absolute;inset:0;background-image:linear-gradient(to right,rgba(0,212,255,0.04) 1px,transparent 1px),linear-gradient(to bottom,rgba(0,212,255,0.04) 1px,transparent 1px);background-size:20px 20px;pointer-events:none}.starship-preview-frame{flex:1;width:100%;min-height:280px;border:none;background:transparent;position:relative;z-index:2}.diagnostics-hud-overlay{display:flex;justify-content:space-between;padding:6px 12px;background:rgba(10,18,36,0.85);border-top:1px solid rgba(0,212,255,0.15);font-family:var(--font-display);font-size:0.58rem;letter-spacing:1px;z-index:5}.diag-chip{padding:2px 8px;border-radius:4px}.diag-chip--active{color:#00ff88;border:1px solid rgba(0,255,136,0.3);background:rgba(0,255,136,0.08)}.diag-chip--nodes{color:#00d4ff;border:1px solid rgba(0,212,255,0.3);background:rgba(0,212,255,0.08)}.quiz-section.quiz-battle-arena,.quiz-battle-arena{background:radial-gradient(ellipse at 50% 0%,#0c1c42 0%,#050b1a 100%);border:1.5px solid rgba(0,212,255,0.4);border-radius:18px;box-shadow:0 12px 50px rgba(0,0,0,0.8),0 0 35px rgba(0,212,255,0.18),inset 0 0 60px rgba(0,212,255,0.04);padding:1.5rem;margin:2rem 0;position:relative;overflow:hidden}.arena-top-badge-bar{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.2rem;padding-bottom:8px;border-bottom:1px solid rgba(0,212,255,0.15)}.arena-badge-title{font-family:var(--font-display);font-size:0.9rem;font-weight:800;color:#ffbd2e;text-shadow:0 0 10px rgba(255,189,46,0.6);letter-spacing:1.5px}.arena-badge-mode{font-family:var(--font-display);font-size:0.65rem;font-weight:700;color:#00d4ff;letter-spacing:1px;background:rgba(0,212,255,0.1);border:1px solid rgba(0,212,255,0.3);border-radius:4px;padding:3px 8px}.arena-telemetry-row{display:grid;grid-template-columns:130px 1fr 200px;gap:14px;align-items:stretch;margin-bottom:1.2rem}@media (max-width:860px){.arena-telemetry-row{grid-template-columns:1fr;gap:12px}}.arena-streak-widget{border:1.5px solid #ff9f43;border-radius:14px;background:radial-gradient(circle at 50% 30%,rgba(255,159,67,0.15) 0%,rgba(10,16,32,0.9) 100%);box-shadow:0 0 20px rgba(255,159,67,0.25),inset 0 0 15px rgba(255,159,67,0.1);text-align:center;padding:12px 8px;display:flex;flex-direction:column;justify-content:center;align-items:center}.streak-count-val{font-family:var(--font-display);font-size:1.7rem;font-weight:900;color:#feca57;text-shadow:0 0 15px #ff9f43;line-height:1}.streak-title{font-family:var(--font-display);font-size:0.72rem;font-weight:800;color:#ffffff;letter-spacing:1px;margin-top:4px}.streak-sub{font-size:0.55rem;color:#ff9f43;font-weight:700;letter-spacing:0.5px}.streak-badge{margin-top:6px;font-family:var(--font-display);font-size:0.55rem;font-weight:800;background:rgba(255,159,67,0.25);border:1px solid #ff9f43;border-radius:4px;padding:2px 8px;color:#feca57;letter-spacing:1px}.arena-question-panel{border:1.5px solid #00d4ff;border-radius:14px;background:radial-gradient(ellipse at 50% 0%,rgba(0,212,255,0.12) 0%,rgba(4,12,28,0.95) 100%);box-shadow:0 0 25px rgba(0,212,255,0.2),inset 0 0 30px rgba(0,212,255,0.06);padding:14px 18px;display:flex;flex-direction:column;justify-content:space-between;min-height:140px}.qpanel-top{display:flex;justify-content:space-between;align-items:center;font-family:var(--font-display);font-size:0.65rem;color:#00d4ff;letter-spacing:1px}.qpanel-icon{font-size:1.1rem;font-weight:900;color:#00d4ff;text-shadow:0 0 10px #00d4ff}.qpanel-title{font-family:var(--font-display);font-size:1.05rem;font-weight:800;color:#ffffff;text-align:center;margin:10px 0;line-height:1.4;letter-spacing:0.5px;text-shadow:0 0 12px rgba(0,212,255,0.3)}.qpanel-bottom{display:flex;justify-content:space-between;font-size:0.62rem;color:#8395a7;border-top:1px solid rgba(0,212,255,0.15);padding-top:6px;font-family:'JetBrains Mono',monospace}.arena-right-telemetry{display:flex;gap:10px;align-items:center;justify-content:space-around}.arena-timer-widget{display:flex;flex-direction:column;align-items:center;justify-content:center}.timer-gauge-circle{width:76px;height:76px;position:relative;display:flex;align-items:center;justify-content:center}.timer-gauge-svg{width:100%;height:100%;transform:rotate(-90deg)}.gauge-bg{fill:none;stroke:rgba(0,212,255,0.15);stroke-width:6}.gauge-arc{fill:none;stroke:#ff9f43;stroke-width:6;stroke-dasharray:201;stroke-dashoffset:40;stroke-linecap:round;filter:drop-shadow(0 0 4px #ff9f43)}.gauge-center-text{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center}.gauge-time{font-family:var(--font-display);font-size:0.72rem;font-weight:800;color:#ffffff;text-shadow:0 0 6px #00d4ff;line-height:1}.gauge-label{font-size:0.42rem;font-weight:700;color:#8395a7;letter-spacing:0.5px;margin-top:2px}.arena-xp-orb-widget{display:flex;flex-direction:column;align-items:center;justify-content:center}.xp-orb-sphere{width:58px;height:58px;border-radius:50%;background:radial-gradient(circle at 35% 35%,#00d4ff 0%,#3d5af1 50%,#0d1b3e 100%);box-shadow:0 0 20px #00d4ff,0 0 35px rgba(61,90,241,0.6),inset 0 0 12px #ffffff;display:flex;flex-direction:column;align-items:center;justify-content:center;animation:orbGlow 3s infinite ease-in-out}@keyframes orbGlow{0%,100%{transform:scale(1);box-shadow:0 0 20px #00d4ff,0 0 35px rgba(61,90,241,0.6)}50%{transform:scale(1.06);box-shadow:0 0 30px #00ff88,0 0 45px rgba(0,212,255,0.8)}}.xp-orb-title{font-family:var(--font-display);font-size:0.75rem;font-weight:900;color:#ffffff;text-shadow:0 0 8px #ffffff;line-height:1}.xp-orb-tag{font-size:0.42rem;font-weight:800;color:#a0f4ff;letter-spacing:0.5px}.xp-orb-payout{font-family:var(--font-display);font-size:0.65rem;font-weight:800;color:#00ff88;text-shadow:0 0 8px #00ff88;margin-top:4px}.arena-options-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:1rem}@media (max-width:720px){.arena-options-grid{grid-template-columns:1fr;gap:10px}}.arena-option-btn{display:flex;align-items:center;gap:12px;padding:14px 18px;border:1.5px solid rgba(0,212,255,0.35);border-radius:12px;background:rgba(5,14,34,0.85);color:#e2e8f0;font-family:'JetBrains Mono',monospace;font-size:0.88rem;font-weight:600;cursor:pointer;text-align:left;transition:all 0.22s cubic-bezier(0.34,1.56,0.64,1);box-shadow:0 4px 15px rgba(0,0,0,0.4);position:relative;backdrop-filter:blur(8px)}.arena-option-btn:hover{border-color:#00d4ff;background:rgba(0,212,255,0.12);box-shadow:0 0 20px rgba(0,212,255,0.4);transform:translateY(-2px);color:#ffffff}.arena-option-btn:active{transform:translateY(1px)}.arena-option-btn .opt-key{font-family:var(--font-display);font-size:0.85rem;font-weight:800;color:#00d4ff}.arena-option-btn .opt-label{flex:1}.arena-option-btn.correct{border:2px solid #00ff88 !important;background:rgba(0,255,136,0.18) !important;color:#ffffff !important;box-shadow:0 0 30px rgba(0,255,136,0.6),inset 0 0 15px rgba(0,255,136,0.2) !important}.arena-option-btn.correct .opt-key{color:#00ff88 !important}.arena-option-btn.correct .opt-badge::after{content:'✓ CORRECT!';font-family:var(--font-display);font-size:0.6rem;font-weight:800;color:#00ff88;background:rgba(0,255,136,0.25);border:1px solid #00ff88;border-radius:4px;padding:2px 6px;text-shadow:0 0 6px #00ff88;margin-left:8px}.arena-option-btn.incorrect{border:2px solid #ff4757 !important;background:rgba(255,71,87,0.18) !important;color:#ffffff !important;box-shadow:0 0 25px rgba(255,71,87,0.5),inset 0 0 15px rgba(255,71,87,0.15) !important}.arena-option-btn.incorrect .opt-key{color:#ff4757 !important}.arena-option-btn.incorrect .opt-badge::after{content:'✗ INCORRECT';font-family:var(--font-display);font-size:0.6rem;font-weight:800;color:#ff4757;background:rgba(255,71,87,0.25);border:1px solid #ff4757;border-radius:4px;padding:2px 6px;text-shadow:0 0 6px #ff4757;margin-left:8px}.arena-feedback-console{margin-top:1.2rem;padding:14px 18px;border-radius:10px;font-size:0.85rem;line-height:1.5;font-family:'JetBrains Mono',monospace;background:rgba(10,18,36,0.9);border:1px solid rgba(0,212,255,0.2)}.arena-feedback-console.correct{border-color:#00ff88;background:rgba(0,255,136,0.1);color:#a0f4ff;box-shadow:0 0 20px rgba(0,255,136,0.2)}.arena-feedback-console.incorrect{border-color:#ff4757;background:rgba(255,71,87,0.1);color:#ffb8b8;box-shadow:0 0 20px rgba(255,71,87,0.2)}.exercise{background:var(--color-surface);border:2px solid rgba(0,212,255,0.2);box-shadow:var(--shadow-md),inset 0 0 40px rgba(0,212,255,0.02)}.exercise h3{font-family:var(--font-display);font-size:0.85rem;letter-spacing:1px;text-transform:uppercase;color:var(--color-primary);text-shadow:0 0 8px rgba(0,212,255,0.3)}.chapter-card{background:var(--color-surface);border:1px solid rgba(0,212,255,0.1);transition:all 0.4s cubic-bezier(0.175,0.885,0.32,1.275);position:relative;overflow:hidden}.chapter-card::before{content:'';position:absolute;inset:0;background:linear-gradient(135deg,rgba(0,212,255,0.05),transparent 60%);opacity:0;transition:opacity 0.4s ease}.chapter-card:hover{border-color:rgba(0,212,255,0.3);box-shadow:0 0 30px rgba(0,212,255,0.1),var(--shadow-lg);transform:translateY(-4px)}.chapter-card:hover::before{opacity:1}.chapter-card .card-number{font-family:var(--font-display);color:var(--color-primary);text-shadow:var(--glow-primary)}.chapter-card h3{font-family:var(--font-display);font-size:0.9rem;letter-spacing:0.3px}.lesson-nav a{background:var(--color-surface);border:1px solid rgba(0,212,255,0.1);transition:all 0.4s ease}.lesson-nav a:hover{border-color:rgba(0,212,255,0.3);box-shadow:0 0 25px rgba(0,212,255,0.1);transform:translateY(-3px)}.lesson-nav a .nav-title{color:var(--color-primary);text-shadow:0 0 5px rgba(0,212,255,0.2)}.lesson-nav a .nav-label{font-family:var(--font-display);font-size:0.65rem;letter-spacing:1.5px;text-transform:uppercase}.breadcrumb{font-family:var(--font-display);font-size:0.7rem;letter-spacing:0.5px}.breadcrumb a{color:var(--color-primary);text-shadow:0 0 5px rgba(0,212,255,0.15)}.breadcrumb .separator{color:rgba(0,212,255,0.3)}.site-footer{background:rgba(10,14,26,0.95);border-top:1px solid rgba(0,212,255,0.1)}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:var(--color-bg)}::-webkit-scrollbar-thumb{background:rgba(0,212,255,0.2);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:rgba(0,212,255,0.35)}::selection{background:rgba(0,212,255,0.3);color:#fff}.xp-hud{position:fixed;bottom:0;left:0;right:0;height:40px;background:rgba(10,14,26,0.95);backdrop-filter:blur(15px);border-top:1px solid rgba(0,212,255,0.15);display:flex;align-items:center;justify-content:center;gap:2rem;z-index:200;font-family:var(--font-display);font-size:0.7rem;letter-spacing:1px;padding:0 1rem}.xp-hud .hud-item{display:flex;align-items:center;gap:0.4rem;color:var(--color-text-muted)}.xp-hud .hud-value{color:var(--color-xp);font-weight:700;text-shadow:var(--glow-xp)}.xp-hud .hud-rank{color:var(--color-primary);text-shadow:var(--glow-primary)}.xp-hud .hud-streak{color:var(--color-accent);text-shadow:0 0 8px rgba(255,107,53,0.4)}.xp-hud .xp-bar{width:120px;height:4px;background:rgba(255,215,0,0.15);border-radius:2px;overflow:hidden}.xp-hud .xp-bar-fill{height:100%;background:linear-gradient(90deg,var(--color-xp),var(--color-accent));border-radius:2px;transition:width 0.6s cubic-bezier(0.22,1,0.36,1);box-shadow:0 0 8px rgba(255,215,0,0.4)}.xp-burst{position:fixed;pointer-events:none;z-index:300;font-family:var(--font-display);font-size:1.2rem;font-weight:800;color:var(--color-xp);text-shadow:var(--glow-xp);animation:xpFloat 1.5s ease-out forwards}@keyframes xpFloat{0%{opacity:1;transform:translateY(0) scale(1)}50%{opacity:1;transform:translateY(-40px) scale(1.2)}100%{opacity:0;transform:translateY(-80px) scale(0.8)}}.combo-badge{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);font-family:var(--font-display);font-size:2.5rem;font-weight:900;color:var(--color-accent);text-shadow:0 0 30px rgba(255,107,53,0.6);pointer-events:none;z-index:400;animation:comboFlash 1s ease-out forwards}@keyframes comboFlash{0%{opacity:0;transform:translate(-50%,-50%) scale(0.3)}30%{opacity:1;transform:translate(-50%,-50%) scale(1.3)}100%{opacity:0;transform:translate(-50%,-50%) scale(1.8)}}body{padding-bottom:48px}.star-map{position:relative;width:100%;max-width:1100px;margin:0 auto;min-height:600px;padding:2rem 0}.star-map svg{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}.star-map .conduit-line{stroke:rgba(0,212,255,0.35);stroke-width:1.5;stroke-dasharray:6 4;animation:conduitPulse 2.5s ease-in-out infinite alternate;will-change:opacity}@keyframes conduitPulse{0%{opacity:0.25}100%{opacity:0.85}}.star-node{position:absolute;width:70px;height:70px;border-radius:50%;background:radial-gradient(circle at 35% 35%,rgba(0,212,255,0.25),rgba(0,212,255,0.05) 70%);border:2px solid rgba(0,212,255,0.3);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all 0.4s cubic-bezier(0.175,0.885,0.32,1.275);text-decoration:none;z-index:10}.star-node:hover{transform:scale(1.2);border-color:var(--color-primary);box-shadow:0 0 40px rgba(0,212,255,0.3),0 0 80px rgba(0,212,255,0.1)}.star-node .node-num{font-family:var(--font-display);font-size:0.85rem;font-weight:800;color:var(--color-primary);text-shadow:var(--glow-primary)}.star-node .node-tooltip{position:absolute;bottom:calc(100%+12px);left:50%;transform:translateX(-50%);background:rgba(15,22,40,0.95);backdrop-filter:blur(15px);border:1px solid rgba(0,212,255,0.2);border-radius:8px;padding:0.75rem 1rem;width:200px;opacity:0;pointer-events:none;transition:all 0.3s ease;text-align:center}.star-node:hover .node-tooltip{opacity:1;transform:translateX(-50%) translateY(-4px)}.star-node .node-tooltip h4{font-family:var(--font-display);font-size:0.7rem;letter-spacing:0.5px;color:var(--color-primary);margin-bottom:0.3rem}.star-node .node-tooltip p{font-size:0.75rem;color:var(--color-text-muted);margin:0}.star-node--active{animation:orbitPulse 2s ease-in-out infinite}.star-node--active::after{content:'';position:absolute;inset:-6px;border-radius:50%;border:1px solid rgba(0,212,255,0.3);animation:orbitRing 4s linear infinite}@keyframes orbitPulse{0%,100%{box-shadow:0 0 20px rgba(0,212,255,0.2)}50%{box-shadow:0 0 40px rgba(0,212,255,0.4)}}@keyframes orbitRing{from{transform:rotate(0deg)}to{transform:rotate(360deg)}}.hero-title{font-family:var(--font-display);font-size:3.2rem;font-weight:900;letter-spacing:4px;text-align:center;margin-bottom:0.5rem}.hero-title .title-html{background:linear-gradient(135deg,var(--color-primary),#00ff88);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.hero-title .title-tour,.hero-title .title-path{color:#ffffff;text-shadow:0 0 20px rgba(255,255,255,0.3)}.hero-subtitle{font-family:var(--font-display);font-size:0.8rem;letter-spacing:3px;text-transform:uppercase;color:var(--color-text-muted);text-align:center;margin-bottom:2rem}.stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem;margin:2rem 0}.stat-card{background:var(--color-surface);border:1px solid rgba(0,212,255,0.1);border-radius:var(--radius-lg);padding:1.25rem;text-align:center;position:relative;overflow:hidden;transition:all 0.3s ease}.stat-card:hover{border-color:rgba(0,212,255,0.25);box-shadow:0 0 20px rgba(0,212,255,0.08)}.stat-card .stat-num{font-family:var(--font-display);font-size:2rem;font-weight:900;line-height:1;margin-bottom:0.3rem}.stat-card .stat-label{font-family:var(--font-display);font-size:0.65rem;letter-spacing:1.5px;text-transform:uppercase;color:var(--color-text-muted)}.games-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.25rem;margin:1.5rem 0 2rem}.game-card{background:var(--color-surface);border:1px solid rgba(255,107,53,0.15);border-radius:var(--radius-lg);padding:1.5rem;text-align:center;text-decoration:none;color:var(--color-text);transition:all 0.4s cubic-bezier(0.175,0.885,0.32,1.275);position:relative;overflow:hidden}.game-card::before{content:'';position:absolute;inset:0;background:linear-gradient(135deg,rgba(255,107,53,0.05),transparent 70%);opacity:0;transition:opacity 0.3s ease}.game-card:hover{border-color:rgba(255,107,53,0.4);box-shadow:0 0 30px rgba(255,107,53,0.15);transform:translateY(-4px)}.game-card:hover::before{opacity:1}.game-card .game-icon{font-size:2.5rem;margin-bottom:0.75rem}.game-card h3{font-family:var(--font-display);font-size:0.85rem;letter-spacing:0.5px;color:var(--color-accent);margin-bottom:0.4rem}.game-card p{font-size:0.8rem;color:var(--color-text-muted);margin:0}.hero-title{font-family:var(--font-display);font-size:3.5rem;font-weight:900;letter-spacing:6px;line-height:1.1;margin-bottom:0.3rem}.title-html{background:linear-gradient(135deg,#00d4ff,#00ff88);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;filter:drop-shadow(0 0 20px rgba(0,212,255,0.3))}.title-tour{color:#fff;text-shadow:0 0 30px rgba(255,255,255,0.15)}.hero-subtitle{font-family:var(--font-display);font-size:0.75rem;letter-spacing:3px;text-transform:uppercase;color:var(--color-text-muted);margin-top:0.4rem}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:1rem;margin:2.5rem 0;text-align:center}.stat-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:10px;padding:1.4rem 1rem;box-shadow:var(--shadow-sm);backdrop-filter:blur(8px);transition:all 0.3s}.stat-card:hover{border-color:rgba(0,212,255,0.3);box-shadow:0 0 25px rgba(0,212,255,0.1);transform:translateY(-3px)}.stat-num{font-family:var(--font-display);font-size:2rem;font-weight:900;line-height:1}.stat-label{font-family:var(--font-display);font-size:0.6rem;letter-spacing:1.5px;color:var(--color-text-muted);text-transform:uppercase;margin-top:0.3rem}.star-map{position:relative;background:radial-gradient(ellipse at 50% 50%,#0c142b 0%,#060a17 60%,#03060f 100%);border:1px solid rgba(0,212,255,0.2);border-radius:18px;overflow:hidden;box-shadow:0 0 50px rgba(0,0,0,0.8),inset 0 0 80px rgba(0,212,255,0.05)}.star-map::before{content:'';position:absolute;inset:0;background:radial-gradient(ellipse at 25% 30%,rgba(138,43,226,0.12) 0%,transparent 50%),radial-gradient(ellipse at 75% 70%,rgba(0,212,255,0.10) 0%,transparent 55%),radial-gradient(ellipse at 50% 50%,rgba(255,107,53,0.06) 0%,transparent 45%),radial-gradient(ellipse at 80% 25%,rgba(0,255,136,0.08) 0%,transparent 40%);pointer-events:none}.star-map::after{content:'';position:absolute;inset:0;background-image:linear-gradient(to right,rgba(0,212,255,0.025) 1px,transparent 1px),linear-gradient(to bottom,rgba(0,212,255,0.025) 1px,transparent 1px);background-size:40px 40px;pointer-events:none}.star-map-hud-header{position:absolute;top:12px;left:16px;right:16px;display:flex;justify-content:space-between;align-items:center;z-index:25;pointer-events:none}.hud-chip{font-family:var(--font-display);font-size:0.6rem;letter-spacing:1.5px;color:rgba(200,214,229,0.6);background:rgba(10,18,36,0.85);border:1px solid rgba(0,212,255,0.2);border-radius:6px;padding:5px 12px;backdrop-filter:blur(8px);text-shadow:0 0 10px rgba(0,212,255,0.3)}.hud-chip .chip-val{color:var(--color-primary);font-weight:700;margin-left:4px}.hud-map-title{font-family:var(--font-display);font-size:0.75rem;font-weight:800;letter-spacing:2px;color:#fff;text-shadow:0 0 15px rgba(0,212,255,0.6),0 0 30px rgba(0,212,255,0.3);text-transform:uppercase;background:rgba(10,18,36,0.7);padding:4px 16px;border-radius:20px;border:1px solid rgba(0,212,255,0.15)}.planet-node{position:absolute;transform:translate(-50%,-50%);text-decoration:none;z-index:10;display:flex;flex-direction:column;align-items:center;cursor:pointer;transition:transform 0.35s cubic-bezier(0.34,1.56,0.64,1),z-index 0.1s}.planet-node:hover{transform:translate(-50%,-50%) scale(1.22);z-index:50}.planet-sphere{position:relative;border-radius:50%;display:flex;align-items:center;justify-content:center;transition:box-shadow 0.3s}.planet--sun{background:radial-gradient(circle at 35% 35%,#ffffff 0%,#fff7b2 20%,#ffb703 50%,#fb8500 80%,#d00000 100%);box-shadow:0 0 30px rgba(255,183,3,0.8),0 0 65px rgba(251,133,0,0.5),0 0 100px rgba(255,183,3,0.25),inset -6px -6px 12px rgba(0,0,0,0.5);animation:sunPulse 3s ease-in-out infinite alternate}@keyframes sunPulse{0%{box-shadow:0 0 25px rgba(255,183,3,0.7),0 0 50px rgba(251,133,0,0.4),inset -6px -6px 12px rgba(0,0,0,0.5)}100%{box-shadow:0 0 45px rgba(255,183,3,0.9),0 0 85px rgba(251,133,0,0.6),inset -6px -6px 12px rgba(0,0,0,0.5)}}.planet--ocean{background:radial-gradient(circle at 35% 30%,#cbf3f0 0%,#2ec4b6 35%,#0077b6 65%,#03045e 100%);box-shadow:0 0 20px rgba(46,196,182,0.6),inset -8px -8px 16px rgba(0,0,0,0.85),inset 4px 4px 8px rgba(255,255,255,0.4)}.planet--purple-crystal{background:radial-gradient(circle at 30% 30%,#f72585 0%,#b5179e 35%,#7209b7 65%,#240046 100%);box-shadow:0 0 22px rgba(181,23,158,0.6),inset -8px -8px 16px rgba(0,0,0,0.85)}.planet--ringed-saturn{background:radial-gradient(circle at 35% 30%,#ffedd8 0%,#e0a96d 35%,#9c6644 70%,#40281c 100%);box-shadow:0 0 20px rgba(224,169,109,0.5),inset -8px -8px 16px rgba(0,0,0,0.85)}.planet--amber-lava{background:radial-gradient(circle at 35% 30%,#fff3b0 0%,#e36414 35%,#9a031e 70%,#3f0008 100%);box-shadow:0 0 24px rgba(227,100,20,0.6),inset -8px -8px 16px rgba(0,0,0,0.85)}.planet--ringed-titan{background:radial-gradient(circle at 35% 30%,#fff176 0%,#fbc02d 35%,#f57f17 65%,#3e2723 100%);box-shadow:0 0 24px rgba(251,192,45,0.6),inset -8px -8px 16px rgba(0,0,0,0.85)}.planet--sapphire-water{background:radial-gradient(circle at 35% 30%,#80dfff 0%,#0099ff 35%,#0033cc 70%,#000d33 100%);box-shadow:0 0 22px rgba(0,153,255,0.6),inset -8px -8px 16px rgba(0,0,0,0.85)}.planet--cyan-star{background:radial-gradient(circle at 35% 30%,#ffffff 0%,#00f0ff 30%,#0099cc 65%,#002244 100%);box-shadow:0 0 28px rgba(0,240,255,0.7),inset -8px -8px 16px rgba(0,0,0,0.85)}.planet--lavender-gas{background:radial-gradient(circle at 35% 30%,#e0c3fc 0%,#8ec5fc 40%,#6a4c93 70%,#190933 100%);box-shadow:0 0 20px rgba(142,197,252,0.5),inset -8px -8px 16px rgba(0,0,0,0.85)}.planet--emerald-cyber{background:radial-gradient(circle at 35% 30%,#d8f3dc 0%,#52b788 35%,#1b4332 70%,#081c15 100%);box-shadow:0 0 24px rgba(82,183,136,0.6),inset -8px -8px 16px rgba(0,0,0,0.85)}.planet--teal-pulsar{background:radial-gradient(circle at 35% 30%,#e0fbfc 0%,#25a18e 40%,#004e64 70%,#001f29 100%);box-shadow:0 0 22px rgba(37,161,142,0.6),inset -8px -8px 16px rgba(0,0,0,0.85)}.planet--crimson-giant{background:radial-gradient(circle at 35% 30%,#ffccd5 0%,#ff4d6d 35%,#a4133c 70%,#2b000a 100%);box-shadow:0 0 26px rgba(255,77,109,0.7),inset -8px -8px 16px rgba(0,0,0,0.85)}.planet--solar-flare{background:radial-gradient(circle at 35% 30%,#fff8e7 0%,#ffd166 35%,#ef476f 70%,#3a001e 100%);box-shadow:0 0 25px rgba(255,209,102,0.6),inset -8px -8px 16px rgba(0,0,0,0.85)}.planet--shielded-fort{background:radial-gradient(circle at 35% 30%,#e2eafc 0%,#8a4fff 40%,#3c096c 75%,#10002b 100%);box-shadow:0 0 26px rgba(138,79,255,0.65),inset -8px -8px 16px rgba(0,0,0,0.85)}.planet--binary-planet{background:radial-gradient(circle at 35% 30%,#ccff33 0%,#38b000 35%,#007200 70%,#002900 100%);box-shadow:0 0 22px rgba(56,176,0,0.6),inset -8px -8px 16px rgba(0,0,0,0.85)}.planet--electrified{background:radial-gradient(circle at 35% 30%,#ffffff 0%,#00f5d4 35%,#00bbf9 70%,#002855 100%);box-shadow:0 0 26px rgba(0,245,212,0.7),inset -8px -8px 16px rgba(0,0,0,0.85)}.planet--aurora-titan{background:radial-gradient(circle at 35% 30%,#f3c4fb 0%,#be95c4 35%,#5e548e 70%,#231942 100%);box-shadow:0 0 22px rgba(190,149,196,0.5),inset -8px -8px 16px rgba(0,0,0,0.85)}.planet--ice-giant{background:radial-gradient(circle at 35% 30%,#ffffff 0%,#bde0fe 35%,#a2d2ff 65%,#184e77 100%);box-shadow:0 0 25px rgba(162,210,255,0.7),inset -8px -8px 16px rgba(0,0,0,0.85)}.planet--cybernetic{background:radial-gradient(circle at 35% 30%,#ffe5d9 0%,#ff9f1c 35%,#e71d36 70%,#2b0004 100%);box-shadow:0 0 24px rgba(255,159,28,0.6),inset -8px -8px 16px rgba(0,0,0,0.85)}.planet--white-dwarf{background:radial-gradient(circle at 35% 30%,#ffffff 0%,#e2e8f0 25%,#94a3b8 55%,#1e293b 85%,#020617 100%);box-shadow:0 0 35px rgba(255,255,255,0.9),0 0 70px rgba(0,212,255,0.4),inset -6px -6px 12px rgba(0,0,0,0.7)}.planet-rings-wrap{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%) rotateX(74deg) rotateY(-16deg);pointer-events:none;z-index:2}.planet-ring-band{width:96px;height:96px;border-radius:50%;border:4px solid rgba(255,215,0,0.45);box-shadow:0 0 15px rgba(255,215,0,0.35),inset 0 0 10px rgba(255,215,0,0.2)}.planet-ring-band.ring-violet{border-color:rgba(186,104,200,0.5);box-shadow:0 0 15px rgba(186,104,200,0.4)}.planet-ring-band.ring-cyan{border-color:rgba(0,212,255,0.5);box-shadow:0 0 15px rgba(0,212,255,0.4)}.planet-moon-track{position:absolute;width:140%;height:140%;top:-20%;left:-20%;border-radius:50%;border:1px dashed rgba(0,212,255,0.18);animation:moonOrbit 8s linear infinite;pointer-events:none}@keyframes moonOrbit{from{transform:rotate(0deg)}to{transform:rotate(360deg)}}.planet-moon-body{position:absolute;top:-4px;left:50%;transform:translateX(-50%);width:7px;height:7px;border-radius:50%;background:#ffffff;box-shadow:0 0 8px rgba(255,255,255,0.9),0 0 14px rgba(0,212,255,0.6)}.planet-num-badge{font-family:var(--font-display);font-size:0.75rem;font-weight:900;color:#ffffff;text-shadow:0 0 8px rgba(0,0,0,0.9),0 1px 3px rgba(0,0,0,0.9);z-index:3}.planet-name-badge{margin-top:6px;font-family:var(--font-display);font-size:0.52rem;font-weight:700;letter-spacing:0.8px;color:#c8d6e5;background:rgba(8,14,30,0.88);border:1px solid rgba(0,212,255,0.25);border-radius:4px;padding:2px 8px;text-align:center;white-space:nowrap;text-shadow:0 0 8px rgba(0,212,255,0.3);backdrop-filter:blur(6px);box-shadow:0 2px 8px rgba(0,0,0,0.5);transition:all 0.2s}.planet-node:hover .planet-name-badge{color:#00d4ff;border-color:rgba(0,212,255,0.7);box-shadow:0 0 15px rgba(0,212,255,0.4);background:rgba(10,20,45,0.95)}.planet-node .node-tooltip{position:absolute;bottom:calc(100%+14px);left:50%;transform:translateX(-50%) scale(0.85);min-width:210px;padding:12px 16px;background:rgba(10,18,36,0.94);backdrop-filter:blur(14px);border:1.5px solid rgba(0,212,255,0.3);border-radius:10px;box-shadow:0 10px 40px rgba(0,0,0,0.7),0 0 20px rgba(0,212,255,0.15);opacity:0;pointer-events:none;transition:all 0.3s cubic-bezier(0.4,0,0.2,1);z-index:100;text-align:center}.planet-node .node-tooltip::after{content:'';position:absolute;top:100%;left:50%;transform:translateX(-50%);border:7px solid transparent;border-top-color:rgba(0,212,255,0.3)}.planet-node:hover .node-tooltip{opacity:1;transform:translateX(-50%) scale(1)}.node-tooltip h4{font-family:var(--font-display);font-size:0.62rem;letter-spacing:1.5px;color:var(--color-primary);text-transform:uppercase;margin-bottom:3px}.node-tooltip .tooltip-title{font-size:0.85rem;font-weight:700;color:#fff;margin-bottom:4px}.node-tooltip .tooltip-meta{font-family:var(--font-display);font-size:0.6rem;color:var(--color-xp);margin-bottom:6px}.node-tooltip .tooltip-cta{display:inline-block;font-family:var(--font-display);font-size:0.55rem;letter-spacing:1px;color:#00ff88;border-top:1px solid rgba(0,212,255,0.15);padding-top:6px;margin-top:4px;width:100%}.conduit-line{stroke:rgba(0,212,255,0.25);stroke-width:1.5;stroke-dasharray:6 5;stroke-linecap:round;filter:drop-shadow(0 0 6px rgba(0,212,255,0.4));animation:dashPulse 20s linear infinite}@keyframes dashPulse{to{stroke-dashoffset:-200}}.orbit-track-ellipse{fill:none;stroke:rgba(0,212,255,0.08);stroke-width:1;stroke-dasharray:8 6}.orbit-track-ellipse.orbit-accent{stroke:rgba(255,107,53,0.08)}.orbit-track-ellipse.orbit-purple{stroke:rgba(186,104,200,0.08)}.games-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:1rem;margin-bottom:2rem}.game-card{display:block;text-decoration:none;padding:1.5rem;background:var(--color-surface);border:1px solid rgba(255,107,53,0.15);border-radius:12px;text-align:center;transition:all 0.3s;position:relative;overflow:hidden}.game-card::before{content:'';position:absolute;inset:0;background:linear-gradient(135deg,rgba(255,107,53,0.03) 0%,transparent 60%);pointer-events:none}.game-card:hover{border-color:rgba(255,107,53,0.4);box-shadow:0 0 30px rgba(255,107,53,0.12),0 0 60px rgba(255,107,53,0.04);transform:translateY(-4px)}.game-icon{font-size:2.5rem;margin-bottom:0.6rem;filter:drop-shadow(0 0 10px rgba(255,107,53,0.3))}.game-card h3{font-family:var(--font-display);font-size:0.8rem;letter-spacing:1px;color:var(--color-accent);margin-bottom:0.4rem}.game-card p{font-size:0.8rem;color:var(--color-text-muted);margin:0}.lesson-header{position:relative;border-bottom:1px solid rgba(0,212,255,0.1) !important;padding-bottom:1.5rem !important}.lesson-header::after{content:'';position:absolute;bottom:-1px;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,rgba(0,212,255,0.3),transparent)}.chapter-label{font-family:var(--font-display) !important;font-size:0.6rem !important;letter-spacing:2px !important;text-transform:uppercase;color:var(--color-primary) !important;text-shadow:var(--glow-primary)}.lesson-header h1{font-family:var(--font-display) !important;font-weight:800 !important;letter-spacing:1px;color:#fff !important;text-shadow:0 0 30px rgba(255,255,255,0.05)}.lesson-body h2{font-family:var(--font-display);font-size:1rem;font-weight:700;letter-spacing:1.5px;text-transform:uppercase;color:var(--color-primary);text-shadow:0 0 10px rgba(0,212,255,0.2);padding:0.8rem 0;border-bottom:1px solid rgba(0,212,255,0.1);margin-top:2rem;margin-bottom:1rem;position:relative}.lesson-body h2::before{content:'▸';margin-right:8px;color:rgba(0,212,255,0.4)}.lesson-body pre{position:relative;background:rgba(13,17,23,0.95) !important;border:1px solid rgba(0,212,255,0.1) !important;border-radius:8px !important;box-shadow:0 0 20px rgba(0,0,0,0.3),inset 0 0 30px rgba(0,0,0,0.2)}.lesson-body pre::after{content:'';position:absolute;inset:0;background:repeating-linear-gradient( 0deg,transparent,transparent 2px,rgba(0,212,255,0.008) 2px,rgba(0,212,255,0.008) 4px );border-radius:8px;pointer-events:none}.lesson-body .section-card,.lesson-body section{background:var(--color-surface);border:1px solid rgba(0,212,255,0.08);border-radius:10px;padding:1.5rem;margin:1rem 0;transition:border-color 0.3s}.lesson-body .section-card:hover,.lesson-body section:hover{border-color:rgba(0,212,255,0.15)}.quiz-option:hover{border-color:rgba(0,212,255,0.4) !important;box-shadow:0 0 15px rgba(0,212,255,0.1)}.lesson-nav a{font-family:var(--font-display) !important;letter-spacing:1px;border:1px solid rgba(0,212,255,0.15) !important;background:rgba(0,212,255,0.05) !important;transition:all 0.3s !important}.lesson-nav a:hover{border-color:rgba(0,212,255,0.3) !important;box-shadow:0 0 20px rgba(0,212,255,0.1);background:rgba(0,212,255,0.08) !important}.chapter-card{position:relative;overflow:hidden}.chapter-card::before{content:'';position:absolute;inset:0;border-radius:inherit;background:linear-gradient(135deg,rgba(0,212,255,0.04) 0%,transparent 50%);pointer-events:none}.chapter-card:hover{border-color:rgba(0,212,255,0.3) !important;box-shadow:0 0 25px rgba(0,212,255,0.1),0 0 50px rgba(0,212,255,0.03)}.chapter-card .card-number{font-family:var(--font-display);color:var(--color-primary);text-shadow:0 0 10px rgba(0,212,255,0.3)}.planet-tooltip{position:absolute;top:calc(100%+14px);left:50%;transform:translateX(-50%) translateY(8px);background:rgba(6,14,32,0.96);border:1.5px solid #00d4ff;border-radius:10px;padding:10px 14px;min-width:220px;box-shadow:0 10px 30px rgba(0,0,0,0.9),0 0 20px rgba(0,212,255,0.35);opacity:0;visibility:hidden;pointer-events:none;transition:opacity 0.2s ease,transform 0.2s cubic-bezier(0.34,1.56,0.64,1),visibility 0.2s;z-index:100;text-align:center;backdrop-filter:blur(10px)}.orbital-planet-node:hover .planet-tooltip,.planet-node:hover .planet-tooltip{opacity:1;visibility:visible;transform:translateX(-50%) translateY(0)}.planet-tooltip h4{font-family:var(--font-display);font-size:0.65rem;letter-spacing:1.5px;color:#00d4ff;margin:0 0 4px;text-transform:uppercase}.planet-tooltip .tooltip-title{font-family:var(--font-display);font-weight:700;font-size:0.82rem;color:#ffffff;margin-bottom:4px}.planet-tooltip .tooltip-meta{font-family:var(--font-display);font-size:0.62rem;color:#00ff88;margin-top:5px}.planet-tooltip .tooltip-cta{font-family:var(--font-display);font-size:0.6rem;font-weight:800;color:#ffd700;letter-spacing:1px;margin-top:5px}.lesson-container,.module-cosmos-container,main[role="main"]{max-width:1200px;margin:0 auto;padding-left:clamp(1rem,3vw,2rem);padding-right:clamp(1rem,3vw,2rem)}@media (min-width:1920px){.lesson-container,.module-cosmos-container,main[role="main"]{max-width:1440px}}.top-nav{position:sticky;top:0;z-index:1000;background:rgba(4,10,24,0.94);backdrop-filter:blur(14px);border-bottom:1px solid rgba(0,212,255,0.2);padding:0.6rem 1.2rem}.top-nav-inner{max-width:1300px;margin:0 auto;display:flex;align-items:center;justify-content:space-between;gap:12px}.mobile-menu-toggle{display:none;flex-direction:column;justify-content:space-around;width:38px;height:38px;background:rgba(0,212,255,0.08);border:1px solid rgba(0,212,255,0.3);border-radius:8px;padding:8px;cursor:pointer;color:#00d4ff}.mobile-menu-toggle .hamburger-bar{width:100%;height:2px;background:#00d4ff;border-radius:2px;box-shadow:0 0 6px #00d4ff}.logo{display:flex;align-items:center;gap:6px;text-decoration:none;font-family:var(--font-display);font-weight:900;font-size:1.25rem;letter-spacing:2px}.brand-logo-img{width:28px;height:28px;border-radius:6px;vertical-align:middle;display:inline-block;object-fit:cover;box-shadow:0 0 10px rgba(0,212,255,0.4)}.logo-html{color:#00d4ff;text-shadow:0 0 12px rgba(0,212,255,0.6)}.logo-rocket{font-size:1.15rem;filter:drop-shadow(0 0 8px #00ff88);display:inline-block;transform:rotate(-15deg)}.logo-tour{color:#ffffff;text-shadow:0 0 10px rgba(255,255,255,0.5)}.pilot-header-hud{display:flex;align-items:center;gap:12px}.pilot-xp-pill{display:flex;flex-direction:column;align-items:flex-end;gap:2px}.pilot-xp-labels{display:flex;align-items:center;gap:6px;font-family:var(--font-display);font-size:0.62rem;font-weight:800}.pilot-xp-labels .xp-tag{color:#00d4ff}.pilot-xp-labels .xp-bar-container{width:70px;height:6px;background:rgba(255,255,255,0.1);border-radius:3px;overflow:hidden}.pilot-xp-labels .xp-bar-fill{display:block;height:100%;background:linear-gradient(90deg,#00d4ff,#00ff88);border-radius:3px;box-shadow:0 0 6px #00ff88}.pilot-xp-labels .xp-pct{color:#00ff88}.pilot-lvl-text{font-family:var(--font-display);font-size:0.55rem;color:#8395a7;letter-spacing:0.5px}.cadet-avatar-btn{background:none;border:none;padding:0;cursor:pointer}.avatar-neon-ring{width:40px;height:40px;border-radius:50%;background:radial-gradient(circle at 30% 30%,#00d4ff,#0c1c42);border:2px solid #00ff88;box-shadow:0 0 14px rgba(0,255,136,0.6),inset 0 0 8px rgba(0,212,255,0.5);display:flex;align-items:center;justify-content:center;font-size:1.15rem;transition:transform 0.2s cubic-bezier(0.34,1.56,0.64,1)}.avatar-neon-ring:hover{transform:scale(1.12);box-shadow:0 0 20px #00ff88,inset 0 0 12px #00d4ff}.audio-toggle-btn,.theme-toggle{background:rgba(0,212,255,0.08);border:1px solid rgba(0,212,255,0.25);border-radius:8px;padding:6px 10px;font-size:0.95rem;cursor:pointer;color:#00d4ff;transition:all 0.2s}.mobile-drawer-overlay{position:fixed;inset:0;background:rgba(2,5,15,0.75);backdrop-filter:blur(8px);z-index:10001;opacity:0;visibility:hidden;transition:all 0.3s ease}.mobile-drawer-overlay.active{opacity:1;visibility:visible}.mobile-nav-drawer{position:fixed;top:0;left:0;bottom:0;width:min(320px,85vw);background:rgba(6,14,32,0.98);border-right:1.5px solid #00d4ff;box-shadow:10px 0 40px rgba(0,0,0,0.8),0 0 30px rgba(0,212,255,0.25);z-index:10002;transform:translateX(-100%);transition:transform 0.35s cubic-bezier(0.1,0.9,0.2,1);display:flex;flex-direction:column;overflow-y:auto}.mobile-nav-drawer.active{transform:translateX(0)}.drawer-header{padding:18px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid rgba(0,212,255,0.2)}.drawer-brand{font-family:var(--font-display);font-weight:900;font-size:1rem;color:#00d4ff;letter-spacing:2px;text-shadow:0 0 10px rgba(0,212,255,0.5)}.drawer-close-btn{background:rgba(255,255,255,0.08);border:1px solid rgba(0,212,255,0.3);color:#00d4ff;border-radius:6px;width:32px;height:32px;cursor:pointer;font-size:1rem}.drawer-user-card{padding:14px 18px;background:rgba(0,212,255,0.06);border-bottom:1px solid rgba(0,212,255,0.15);display:flex;align-items:center;gap:12px}.duc-avatar{font-size:1.8rem;width:44px;height:44px;border-radius:50%;background:#0d204a;border:2px solid #00ff88;display:flex;align-items:center;justify-content:center}.duc-info{flex:1}.duc-name{font-family:var(--font-display);font-size:0.72rem;font-weight:800;color:#ffffff}.duc-rank{font-family:var(--font-display);font-size:0.55rem;color:#ffd700;margin:2px 0 4px}.duc-xp-bar{height:4px;background:rgba(255,255,255,0.1);border-radius:2px;overflow:hidden}.duc-xp-fill{height:100%;background:#00ff88;border-radius:2px}.drawer-nav{padding:14px 18px 40px;display:flex;flex-direction:column;gap:6px}.drawer-section-title{font-family:var(--font-display);font-size:0.55rem;letter-spacing:1.5px;color:#8395a7;margin:12px 0 4px}.drawer-link{color:#c8d6e5;text-decoration:none;font-size:0.85rem;padding:8px 12px;border-radius:6px;transition:all 0.2s;display:flex;align-items:center;gap:8px}.drawer-link:hover{color:#00d4ff;background:rgba(0,212,255,0.1)}.mobile-bottom-nav{display:none;position:fixed;bottom:0;left:0;right:0;height:60px;background:rgba(4,10,24,0.96);backdrop-filter:blur(16px);border-top:1.5px solid rgba(0,212,255,0.25);box-shadow:0 -4px 25px rgba(0,0,0,0.8);z-index:9999;justify-content:space-around;align-items:center;padding:0 4px}.mb-nav-item{display:flex;flex-direction:column;align-items:center;justify-content:center;text-decoration:none;color:#8395a7;flex:1;height:100%;position:relative;transition:all 0.2s;gap:2px}.mb-nav-item .mb-icon{font-size:1.25rem;transition:transform 0.2s}.mb-nav-item .mb-label{font-family:var(--font-display);font-size:0.55rem;font-weight:800;letter-spacing:0.8px}.mb-nav-item.active{color:#00d4ff;text-shadow:0 0 10px rgba(0,212,255,0.6)}.mb-nav-item.active::before{content:'';position:absolute;top:0;left:20%;right:20%;height:3px;background:#00d4ff;border-radius:0 0 3px 3px;box-shadow:0 0 8px #00d4ff}.mb-nav-item:hover .mb-icon{transform:translateY(-2px)}.breadcrumb{display:flex;align-items:center;flex-wrap:wrap;gap:6px;padding:0.8rem clamp(1rem,3vw,2rem);max-width:1200px;margin:0 auto;font-family:var(--font-display);font-size:0.65rem;font-weight:700;letter-spacing:1px}.breadcrumb-back-icon{color:#00d4ff;font-weight:900}.breadcrumb-link{color:#00d4ff;text-decoration:none;transition:color 0.2s}.breadcrumb-link:hover{color:#00ff88;text-shadow:0 0 8px #00ff88}.breadcrumb-separator{color:#8395a7}.breadcrumb-current{color:#c8d6e5}.learning-objectives-card{background:radial-gradient(ellipse at 50% 0%,rgba(0,212,255,0.08) 0%,rgba(6,14,30,0.95) 100%);border:1.5px solid rgba(0,212,255,0.25);border-radius:14px;box-shadow:0 4px 20px rgba(0,0,0,0.6),inset 0 0 20px rgba(0,212,255,0.03);margin:1.5rem 0 2rem;overflow:hidden;transition:border-color 0.3s,box-shadow 0.3s}.learning-objectives-card[open]{border-color:rgba(0,212,255,0.5);box-shadow:0 8px 30px rgba(0,0,0,0.7),0 0 20px rgba(0,212,255,0.15)}.loc-summary{display:flex;justify-content:space-between;align-items:center;padding:14px 18px;font-family:var(--font-display);font-size:0.78rem;font-weight:800;letter-spacing:1.5px;color:#00d4ff;cursor:pointer;list-style:none;user-select:none}.loc-summary::-webkit-details-marker{display:none}.loc-chevron{font-size:0.9rem;transition:transform 0.25s ease;color:#00d4ff}.learning-objectives-card[open] .loc-chevron{transform:rotate(180deg)}.loc-content{padding:0 18px 18px;border-top:1px solid rgba(0,212,255,0.12);margin-top:2px}.loc-content ul{list-style:none;padding:8px 0 0;margin:0;display:flex;flex-direction:column;gap:10px}.loc-content ul li{position:relative;padding-left:20px;font-size:0.92rem;color:#c8d6e5;line-height:1.5}.loc-content ul li::before{content:'•';position:absolute;left:4px;top:-2px;color:#00d4ff;font-size:1.2rem;text-shadow:0 0 8px #00d4ff}.mobile-run-action-bar{display:none;margin-top:12px}.mobile-run-code-btn{width:100%;min-height:50px;background:linear-gradient(90deg,#00ff88,#00d4ff);border:none;border-radius:12px;font-family:var(--font-display);font-size:1rem;font-weight:900;letter-spacing:2px;color:#020718;box-shadow:0 0 25px rgba(0,255,136,0.6),0 4px 15px rgba(0,0,0,0.6);cursor:pointer;display:flex;align-items:center;justify-content:center;gap:8px;transition:all 0.2s cubic-bezier(0.34,1.56,0.64,1)}.mobile-run-code-btn:active{transform:scale(0.97);box-shadow:0 0 35px rgba(0,255,136,0.85)}.cadet-profile-modal{position:fixed;inset:0;z-index:100002;display:flex;align-items:center;justify-content:center;padding:1rem}.cpm-backdrop{position:absolute;inset:0;background:rgba(3,8,20,0.82);backdrop-filter:blur(10px)}.cpm-dialog{position:relative;width:min(500px,94vw);background:rgba(6,14,32,0.98);border:1.5px solid #00d4ff;border-radius:18px;box-shadow:0 0 50px rgba(0,0,0,0.9),0 0 30px rgba(0,212,255,0.3);padding:20px;z-index:2;animation:modalPop 0.3s cubic-bezier(0.34,1.56,0.64,1)}@keyframes modalPop{0%{transform:scale(0.85);opacity:0}100%{transform:scale(1);opacity:1}}.cpm-header{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid rgba(0,212,255,0.2);padding-bottom:12px;margin-bottom:16px}.cpm-header h3{font-family:var(--font-display);font-size:0.85rem;letter-spacing:2px;color:#00d4ff;margin:0}.cpm-close-btn{background:rgba(255,255,255,0.08);border:1px solid rgba(0,212,255,0.3);color:#00d4ff;border-radius:6px;width:30px;height:30px;cursor:pointer}.cpm-pilot-card{display:flex;align-items:center;gap:16px;background:rgba(0,212,255,0.06);border:1px solid rgba(0,212,255,0.15);border-radius:12px;padding:14px}.cpm-avatar{font-size:2.2rem;width:56px;height:56px;border-radius:50%;background:#0a1b40;border:2px solid #00ff88;box-shadow:0 0 15px rgba(0,255,136,0.5);display:flex;align-items:center;justify-content:center}.cpm-meta{flex:1}.cpm-meta h4{font-family:var(--font-display);font-size:0.85rem;color:#ffffff;margin:0 0 2px}.cpm-rank-badge{font-family:var(--font-display);font-size:0.6rem;color:#ffd700;font-weight:700}.cpm-xp-track{margin-top:6px;font-family:var(--font-display);font-size:0.58rem;color:#8395a7}.cpm-bar{height:6px;background:rgba(255,255,255,0.1);border-radius:3px;overflow:hidden;margin-top:4px}.cpm-fill{height:100%;background:linear-gradient(90deg,#00d4ff,#00ff88)}.cpm-stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-top:16px}.cpm-stat-box{background:rgba(0,212,255,0.05);border:1px solid rgba(0,212,255,0.15);border-radius:8px;padding:10px 6px;text-align:center;display:flex;flex-direction:column;gap:4px}.cpm-stat-box .val{font-family:var(--font-display);font-size:0.95rem;font-weight:800;color:#00ff88}.cpm-stat-box .lbl{font-family:var(--font-display);font-size:0.55rem;color:#8395a7}@media (max-width:768px){.mobile-menu-toggle{display:flex;width:34px;height:34px;padding:6px;flex-shrink:0}.mobile-bottom-nav{display:flex}.nav-links{display:none}body{padding-bottom:70px;max-width:100vw;overflow-x:hidden}.top-nav{padding:0.45rem 0.6rem;width:100%;box-sizing:border-box}.top-nav-inner{width:100%;display:flex;align-items:center;justify-content:space-between;gap:6px}.logo{font-size:1rem;letter-spacing:0.5px;flex-shrink:1;min-width:0;gap:4px}.logo-rocket{font-size:0.95rem}.pilot-header-hud{display:flex;align-items:center;gap:6px;flex-shrink:0}.pilot-xp-pill{display:none !important}.cadet-avatar-btn .avatar-neon-ring{width:32px;height:32px;font-size:0.95rem}.audio-toggle-btn,.theme-toggle{width:32px;height:32px;padding:4px;font-size:0.85rem}.lesson-container{width:100% !important;max-width:100% !important;padding:1rem 0.75rem 5rem !important;box-sizing:border-box !important;overflow-x:hidden}.lesson-header h1{font-size:1.35rem;line-height:1.3;word-break:break-word}.breadcrumb{padding:0.5rem 0.75rem;font-size:0.72rem;overflow-x:auto;white-space:nowrap}.learning-objectives-card{margin:1rem 0 1.5rem;border-radius:10px;width:100%;box-sizing:border-box}.loc-summary{padding:10px 12px;font-size:0.72rem}.loc-content{padding:0 10px 12px}.loc-content ul li{font-size:0.84rem;line-height:1.45;padding-left:16px;word-break:break-word}.starship-terminal-wrapper,.code-editor-wrapper{margin:1rem 0;border-radius:8px;width:100%;box-sizing:border-box}.terminal-grid-body{grid-template-columns:1fr !important;min-height:auto}.code-terminal-panel{border-right:none;border-bottom:1px solid rgba(0,212,255,0.2)}.terminal-command-bar{flex-direction:column;align-items:stretch;gap:8px;padding:8px 10px}.terminal-actions-group{display:flex;flex-wrap:wrap;gap:6px}.terminal-btn{flex:1 1 calc(50% - 6px);font-size:0.65rem;padding:8px 10px;justify-content:center}.terminal-telemetry-hud{justify-content:space-around}.mobile-run-action-bar{display:block}.quiz-battle-arena{padding:12px 10px;margin:1.5rem 0;width:100%;box-sizing:border-box}.arena-telemetry-row{flex-direction:column;gap:10px}.arena-question-panel{width:100%}.arena-right-telemetry{width:100%;justify-content:space-around}.arena-options-grid{grid-template-columns:1fr !important;gap:8px}.arena-option-btn{min-height:44px;padding:10px 12px;font-size:0.82rem}.planet-system{min-height:480px !important}.module-panels{grid-template-columns:1fr !important}.launch-section{order:-1;margin-bottom:1rem}.lesson-nav{flex-direction:column;gap:10px}.lesson-nav a{width:100%;text-align:center}}@media (max-width:480px){.logo-tour{display:none}.logo{font-size:0.92rem}.hero-title{font-size:1.6rem}.stats-grid{grid-template-columns:1fr 1fr}.cpm-stats-grid{grid-template-columns:repeat(2,1fr)}.audio-toggle-btn{display:none}}.orbital-planet-sphere{width:44px;height:44px}.orbital-planet-pct{font-size:0.62rem}}#starship-flyover-overlay{position:fixed;inset:0;pointer-events:none;z-index:999999;overflow:hidden}.starship-flight-vessel{position:absolute;width:60px;height:60px;pointer-events:none;z-index:1000000;filter:drop-shadow(0 0 14px #00d4ff) drop-shadow(0 0 28px rgba(0,212,255,0.85));will-change:transform,opacity;transition:transform 0.05s linear}.starship-flight-vessel svg{width:100%;height:100%;overflow:visible}.thruster-plume-glow{transform-origin:center bottom;filter:drop-shadow(0 0 8px #00ff88);animation:thrusterFlicker 0.1s infinite alternate;will-change:transform,opacity}@keyframes thrusterFlicker{0%{transform:scaleY(1) scaleX(0.92);opacity:0.85}100%{transform:scaleY(1.3) scaleX(1.1);opacity:1}}.warp-hyperdrive-tunnel{position:fixed;inset:0;background:radial-gradient(circle at 50% 50%,rgba(0,212,255,0.18) 0%,rgba(3,7,20,0.88) 70%,#02050f 100%);opacity:0;pointer-events:none;z-index:999998;transition:opacity 0.2s ease}.warp-hyperdrive-tunnel.active{opacity:1}.warp-star-streak{position:absolute;background:linear-gradient(90deg,transparent,#00d4ff,#ffffff);height:2px;border-radius:2px;box-shadow:0 0 8px #00d4ff;transform-origin:left center;animation:warpStreakShoot 0.45s ease-out forwards}@keyframes warpStreakShoot{0%{transform:scaleX(0.1) translate(0,0);opacity:0}40%{opacity:1;transform:scaleX(1.4)}100%{transform:scaleX(2.8) translate(80px,0);opacity:0}}.planet-landing-shockwave{position:absolute;transform:translate(-50%,-50%);border-radius:50%;border:2px solid #00ff88;box-shadow:0 0 25px #00ff88,inset 0 0 20px #00d4ff;pointer-events:none;animation:landingShockwaveExpand 0.6s cubic-bezier(0.1,0.9,0.2,1) forwards;z-index:50}@keyframes landingShockwaveExpand{0%{width:30px;height:30px;opacity:1;transform:translate(-50%,-50%) scale(0.6)}100%{width:220px;height:220px;opacity:0;transform:translate(-50%,-50%) scale(1.6)}}.landing-target-brackets{position:absolute;transform:translate(-50%,-50%);width:90px;height:90px;border:1.5px dashed #00ff88;border-radius:50%;box-shadow:0 0 20px #00ff88;pointer-events:none;animation:targetRotate 2s linear infinite;z-index:45}@keyframes targetRotate{from{transform:translate(-50%,-50%) rotate(0deg)}to{transform:translate(-50%,-50%) rotate(360deg)}}.touchdown-toast-hud{position:fixed;bottom:28px;left:50%;transform:translateX(-50%) translateY(30px);background:rgba(8,16,36,0.95);border:1.5px solid #00ff88;border-radius:30px;padding:10px 24px;font-family:var(--font-display);font-size:0.72rem;font-weight:800;color:#00ff88;letter-spacing:1.5px;text-shadow:0 0 10px #00ff88;box-shadow:0 8px 30px rgba(0,0,0,0.8),0 0 25px rgba(0,255,136,0.4);pointer-events:none;z-index:1000001;opacity:0;transition:all 0.3s cubic-bezier(0.34,1.56,0.64,1);display:flex;align-items:center;gap:10px}.touchdown-toast-hud.show{transform:translateX(-50%) translateY(0);opacity:1}.touchdown-toast-hud .toast-pulse-dot{width:8px;height:8px;border-radius:50%;background:#00ff88;box-shadow:0 0 8px #00ff88;animation:dotPulse 1s infinite}.ambient-deep-space-rocket{position:absolute;width:34px;height:34px;pointer-events:none;z-index:3;opacity:0.8;filter:drop-shadow(0 0 10px #00d4ff);animation:ambientCruise 24s linear infinite}@keyframes ambientCruise{0%{transform:translate(-100px,120px) rotate(35deg)}45%{transform:translate(600px,280px) rotate(42deg)}50%{transform:translate(750px,320px) rotate(85deg)}90%{transform:translate(1100px,600px) rotate(60deg)}100%{transform:translate(1300px,750px) rotate(60deg)}}pre,.code-block{background:#040816 !important;border:1.5px solid rgba(0,212,255,0.35) !important;border-radius:10px !important;padding:1.2rem 1.4rem !important;margin:1.4rem 0 !important;overflow-x:auto !important;box-shadow:0 8px 30px rgba(0,0,0,0.8),inset 0 0 20px rgba(0,212,255,0.05) !important}pre code,.code-block code{font-family:'JetBrains Mono','Fira Code',monospace !important;font-size:0.88rem !important;line-height:1.6 !important;color:#00d4ff !important;white-space:pre !important;display:block !important;tab-size:2 !important;text-shadow:0 0 8px rgba(0,212,255,0.25)}p code,li code,td code,th code,span code,h1 code,h2 code,h3 code{font-family:'JetBrains Mono',monospace !important;font-size:0.88em !important;color:#00ff88 !important;background:rgba(0,255,136,0.1) !important;border:1px solid rgba(0,255,136,0.25) !important;padding:2px 7px !important;border-radius:4px !important;white-space:normal !important;word-break:break-word !important}.alien-pet-container{position:fixed;right:26px;bottom:82px;z-index:99999;display:flex;flex-direction:column;align-items:flex-end;pointer-events:none;transition:transform 0.3s cubic-bezier(0.34,1.56,0.64,1);font-family:'Exo 2',-apple-system,BlinkMacSystemFont,sans-serif}@media(max-width:768px){.alien-pet-container{right:14px;bottom:74px}}.alien-pet-container.minimized .alien-pet-body,.alien-pet-container.minimized .alien-thought-bubble{display:none !important}.alien-pet-container.minimized .alien-minimize-toggle{opacity:0.85;transform:scale(0.9)}.alien-thought-bubble{pointer-events:auto;position:absolute;bottom:96px;right:0;width:min(300px,82vw);background:rgba(4,10,28,0.96);border:1.5px solid #00d4ff;border-radius:14px;padding:12px 14px;box-shadow:0 10px 35px rgba(0,0,0,0.9),0 0 25px rgba(0,212,255,0.35);backdrop-filter:blur(12px);animation:bubblePop 0.3s cubic-bezier(0.34,1.56,0.64,1);z-index:10}@keyframes bubblePop{0%{opacity:0;transform:scale(0.7) translateY(15px)}100%{opacity:1;transform:scale(1) translateY(0)}}.atb-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:6px;border-bottom:1px solid rgba(0,212,255,0.2);padding-bottom:4px}.atb-name{font-family:'Orbitron',monospace;font-size:0.65rem;font-weight:900;letter-spacing:1px;color:#00ff88;text-shadow:0 0 8px rgba(0,255,136,0.5)}.atb-close{background:transparent;border:none;color:#8395a7;font-size:0.9rem;cursor:pointer;padding:0 4px;transition:color 0.2s}.atb-close:hover{color:#ff4757}.atb-text{font-size:0.78rem;color:#e2e8f0;line-height:1.45}.atb-tail{position:absolute;bottom:-8px;right:32px;width:14px;height:14px;background:rgba(4,10,28,0.96);border-right:1.5px solid #00d4ff;border-bottom:1.5px solid #00d4ff;transform:rotate(45deg)}.alien-pet-body{pointer-events:auto;position:relative;width:80px;height:80px;cursor:pointer;display:flex;align-items:center;justify-content:center;animation:cosmoFloat 3.8s ease-in-out infinite;transition:transform 0.2s cubic-bezier(0.34,1.56,0.64,1)}.alien-pet-body:hover{transform:scale(1.12)}.alien-pet-body:active{transform:scale(0.92)}@keyframes cosmoFloat{0%,100%{transform:translateY(0px) rotate(0deg)}33%{transform:translateY(-7px) rotate(2.5deg)}66%{transform:translateY(-3px) rotate(-2.5deg)}}.alien-plasma-aura{position:absolute;inset:-4px;border-radius:50%;background:radial-gradient(circle,rgba(0,212,255,0.35) 0%,rgba(0,255,136,0.15) 50%,transparent 75%);filter:blur(6px);animation:auraPulse 2.4s ease-in-out infinite;z-index:1}@keyframes auraPulse{0%,100%{opacity:0.6;transform:scale(0.95)}50%{opacity:1;transform:scale(1.15)}}.alien-svg{width:100%;height:100%;position:relative;z-index:2;filter:drop-shadow(0 0 10px rgba(0,212,255,0.6))}.alien-antenna-tip{filter:drop-shadow(0 0 6px #00ff88);animation:tipBeacon 1.5s ease-in-out infinite alternate;will-change:opacity,transform}.alien-antenna-tip.right{animation-delay:0.75s}@keyframes tipBeacon{0%{opacity:0.6;transform:scale(0.9)}100%{opacity:1;transform:scale(1.15)}}.alien-hover-ring{position:absolute;bottom:0px;width:48px;height:12px;background:radial-gradient(ellipse,rgba(0,255,136,0.6) 0%,rgba(0,212,255,0.3) 40%,transparent 70%);border-radius:50%;animation:hoverRingPulse 3.8s ease-in-out infinite;z-index:1}@keyframes hoverRingPulse{0%,100%{transform:scale(1);opacity:0.8}33%{transform:scale(0.75);opacity:0.4}66%{transform:scale(0.9);opacity:0.6}}.alien-minimize-toggle{pointer-events:auto;position:absolute;top:-8px;left:-8px;width:26px;height:26px;background:rgba(6,16,40,0.9);border:1px solid rgba(0,212,255,0.4);border-radius:50%;color:#00d4ff;font-size:0.7rem;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all 0.2s;box-shadow:0 0 10px rgba(0,212,255,0.3);z-index:5}.alien-minimize-toggle:hover{background:#00d4ff;color:#020614;transform:scale(1.15);box-shadow:0 0 15px #00d4ff}.animated-concept-stage{background:radial-gradient(ellipse at 50% 0%,rgba(0,212,255,0.12) 0%,rgba(6,14,32,0.96) 100%);border:1.5px solid rgba(0,212,255,0.35);border-radius:16px;box-shadow:0 10px 40px rgba(0,0,0,0.8),inset 0 0 30px rgba(0,212,255,0.05);margin:2rem 0;padding:20px;position:relative;overflow:hidden;font-family:'Exo 2',-apple-system,BlinkMacSystemFont,sans-serif;transition:border-color 0.3s,box-shadow 0.3s}.animated-concept-stage:hover{border-color:rgba(0,255,136,0.5);box-shadow:0 12px 45px rgba(0,0,0,0.9),0 0 30px rgba(0,255,136,0.15)}.stage-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:18px;padding-bottom:12px;border-bottom:1px solid rgba(0,212,255,0.2);flex-wrap:wrap;gap:10px}.stage-title-wrap{display:flex;align-items:center;gap:10px}.stage-badge{font-family:'Orbitron',monospace;font-size:0.65rem;font-weight:900;letter-spacing:1.5px;padding:4px 10px;background:linear-gradient(135deg,rgba(0,255,136,0.2),rgba(0,212,255,0.2));border:1px solid #00ff88;border-radius:20px;color:#00ff88;text-shadow:0 0 10px rgba(0,255,136,0.6)}.stage-title{font-family:'Orbitron',monospace;font-size:0.88rem;font-weight:800;letter-spacing:1px;color:#ffffff}.btn-story-mode-launch{font-family:'Orbitron',monospace;font-size:0.72rem;font-weight:800;letter-spacing:1.5px;padding:6px 14px;background:linear-gradient(135deg,rgba(255,159,67,0.25),rgba(255,107,107,0.25));border:1.5px solid #ff9f43;border-radius:20px;color:#ff9f43;cursor:pointer;display:inline-flex;align-items:center;gap:6px;transition:all 0.25s cubic-bezier(0.34,1.56,0.64,1);box-shadow:0 0 15px rgba(255,159,67,0.25)}.btn-story-mode-launch:hover{transform:scale(1.06);background:linear-gradient(135deg,#ff9f43,#ff6b6b);color:#020614;box-shadow:0 0 25px rgba(255,159,67,0.7)}.stage-circuit-board{position:relative;margin:24px 0;padding:10px 0}.wire-track{position:absolute;top:36px;left:5%;right:5%;height:4px;background:rgba(255,255,255,0.1);border-radius:2px;z-index:1}.wire-progress{position:absolute;top:36px;left:5%;height:4px;background:linear-gradient(90deg,#00d4ff,#00ff88);border-radius:2px;box-shadow:0 0 12px #00ff88;transition:width 0.4s cubic-bezier(0.34,1.56,0.64,1);z-index:2;width:0%}.packet-dot{position:absolute;top:30px;left:5%;width:16px;height:16px;margin-left:-8px;border-radius:50%;background:#00ff88;box-shadow:0 0 20px #00ff88,0 0 35px #00d4ff;border:2.5px solid #ffffff;transition:left 0.4s cubic-bezier(0.34,1.56,0.64,1);z-index:5}.packet-dot::after{content:'';position:absolute;inset:-6px;border-radius:50%;background:radial-gradient(circle,rgba(0,255,136,0.4) 0%,transparent 70%);animation:packetPulse 1.2s infinite alternate}@keyframes packetPulse{0%{transform:scale(0.8);opacity:0.5}100%{transform:scale(1.6);opacity:1}}.stage-nodes-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;position:relative;z-index:3}.stage-node{display:flex;flex-direction:column;align-items:center;text-align:center;cursor:pointer;padding:8px 4px;border-radius:12px;background:rgba(4,10,28,0.85);border:1.5px solid rgba(0,212,255,0.2);transition:all 0.25s cubic-bezier(0.34,1.56,0.64,1)}.stage-node:hover{transform:translateY(-4px);border-color:#00d4ff;box-shadow:0 6px 20px rgba(0,212,255,0.3)}.stage-node.active{background:rgba(0,212,255,0.15);border-color:#00ff88;box-shadow:0 0 25px rgba(0,255,136,0.5),inset 0 0 15px rgba(0,255,136,0.1);transform:translateY(-4px) scale(1.04)}.node-icon-sphere{width:44px;height:44px;border-radius:50%;background:radial-gradient(circle at 30% 30%,#0c2048,#030a1c);border:2px solid rgba(0,212,255,0.4);display:flex;align-items:center;justify-content:center;font-size:1.3rem;margin-bottom:8px;transition:all 0.25s}.stage-node.active .node-icon-sphere{border-color:#00ff88;box-shadow:0 0 20px #00ff88;transform:scale(1.1)}.node-title{font-family:'Orbitron',monospace;font-size:0.72rem;font-weight:800;color:#ffffff;margin-bottom:2px}.stage-node.active .node-title{color:#00ff88;text-shadow:0 0 8px #00ff88}.node-subtitle{font-size:0.65rem;color:#8395a7}.stage-info-card{background:rgba(4,10,24,0.9);border:1px solid rgba(0,212,255,0.25);border-radius:12px;padding:14px 16px;margin:16px 0;box-shadow:inset 0 0 15px rgba(0,0,0,0.6);min-height:80px;display:flex;flex-direction:column;justify-content:center}.sic-phase-label{font-family:'Orbitron',monospace;font-size:0.7rem;font-weight:900;letter-spacing:1.5px;color:#00d4ff;text-shadow:0 0 8px rgba(0,212,255,0.5);margin-bottom:4px}.sic-desc{font-size:0.85rem;color:#e2e8f0;line-height:1.5}.stage-controls-bar{display:flex;align-items:center;justify-content:space-between;gap:8px;flex-wrap:wrap}.controls-left,.controls-right{display:flex;align-items:center;gap:8px}.anim-ctrl-btn{font-family:'Orbitron',sans-serif;font-size:0.72rem;font-weight:800;letter-spacing:1px;padding:8px 16px;background:rgba(10,24,52,0.9);border:1.5px solid rgba(0,212,255,0.35);border-radius:8px;color:#00d4ff;cursor:pointer;transition:all 0.2s cubic-bezier(0.34,1.56,0.64,1);display:inline-flex;align-items:center;gap:6px}.anim-ctrl-btn:hover{border-color:#00ff88;color:#00ff88;box-shadow:0 0 18px rgba(0,255,136,0.4);transform:translateY(-2px)}.anim-ctrl-btn.btn-play-primary{background:linear-gradient(135deg,#00ff88,#00d4ff);border-color:#ffffff;color:#020614;font-weight:900;box-shadow:0 0 20px rgba(0,255,136,0.5)}.anim-ctrl-btn.btn-play-primary:hover{box-shadow:0 0 30px rgba(0,255,136,0.9);transform:scale(1.05)}.speed-select-pill{font-family:'Orbitron',monospace;font-size:0.65rem;font-weight:800;padding:8px 12px;background:rgba(10,24,52,0.9);border:1.5px solid rgba(0,212,255,0.3);border-radius:8px;color:#ffd700;outline:none;cursor:pointer}.floating-xp-burst{position:fixed;bottom:120px;right:30px;z-index:999999;pointer-events:none;display:flex;align-items:center;gap:8px;padding:10px 18px;background:rgba(4,10,28,0.96);border:2px solid #ffd700;border-radius:30px;box-shadow:0 0 35px rgba(255,215,0,0.7),0 10px 30px rgba(0,0,0,0.8);backdrop-filter:blur(12px);animation:xpFlyUp 2.8s cubic-bezier(0.34,1.56,0.64,1) forwards;font-family:'Orbitron',monospace}@keyframes xpFlyUp{0%{opacity:0;transform:translateY(40px) scale(0.7)}15%{opacity:1;transform:translateY(0px) scale(1.1)}25%{transform:translateY(-5px) scale(1)}80%{opacity:1;transform:translateY(-20px) scale(1)}100%{opacity:0;transform:translateY(-60px) scale(0.85)}}.fxp-icon{font-size:1.4rem;filter:drop-shadow(0 0 10px #ffd700)}.fxp-val{font-size:1rem;font-weight:900;color:#ffd700;text-shadow:0 0 15px #ffd700}.fxp-lbl{font-size:0.65rem;font-weight:800;color:#00ff88;letter-spacing:1px}.story-slide-overlay{position:fixed;inset:0;z-index:100000;background:radial-gradient(circle at center,rgba(6,14,36,0.98) 0%,rgba(2,6,18,0.99) 100%);backdrop-filter:blur(20px);display:flex;flex-direction:column;align-items:center;justify-content:space-between;padding:20px 16px;font-family:'Exo 2',sans-serif;animation:storyOpen 0.3s cubic-bezier(0.34,1.56,0.64,1)}@keyframes storyOpen{0%{opacity:0;transform:scale(0.95)}100%{opacity:1;transform:scale(1)}}.story-progress-bar-container{display:flex;align-items:center;gap:6px;width:100%;max-width:680px;margin-bottom:12px}.story-bar-segment{flex:1;height:4px;background:rgba(255,255,255,0.15);border-radius:2px;overflow:hidden;position:relative}.story-bar-fill{height:100%;width:0%;background:linear-gradient(90deg,#00d4ff,#00ff88);border-radius:2px;box-shadow:0 0 8px #00ff88;transition:width 0.1s linear}.story-bar-segment.completed .story-bar-fill{width:100% !important}.story-top-actions{display:flex;justify-content:space-between;align-items:center;width:100%;max-width:680px}.story-module-tag{font-family:'Orbitron',monospace;font-size:0.68rem;font-weight:800;color:#00d4ff;letter-spacing:1.5px}.story-close-btn{background:rgba(255,255,255,0.1);border:1px solid rgba(0,212,255,0.3);border-radius:50%;width:34px;height:34px;color:#e2e8f0;font-size:1.1rem;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all 0.2s}.story-close-btn:hover{background:#ff4757;color:#ffffff;transform:scale(1.1)}.story-slide-card{flex:1;width:100%;max-width:680px;margin:14px 0;background:rgba(6,16,42,0.92);border:2px solid #00d4ff;border-radius:20px;box-shadow:0 0 50px rgba(0,212,255,0.3),inset 0 0 30px rgba(0,0,0,0.7);display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;padding:32px 24px;position:relative;overflow-y:auto}.story-card-badge{font-family:'Orbitron',monospace;font-size:0.72rem;font-weight:900;letter-spacing:2px;color:#ffd700;background:rgba(255,215,0,0.15);border:1px solid rgba(255,215,0,0.4);padding:6px 16px;border-radius:20px;margin-bottom:16px;text-shadow:0 0 10px #ffd700}.story-card-title{font-family:'Orbitron',sans-serif;font-size:clamp(1.4rem,4vw,2rem);font-weight:900;color:#ffffff;margin-bottom:16px;line-height:1.3}.story-card-body{font-size:1rem;color:#c8d6e5;line-height:1.6;max-width:540px;margin-bottom:20px}.story-code-highlight{background:#020817;border:1.5px solid #00ff88;border-radius:12px;padding:14px 18px;font-family:'JetBrains Mono',monospace;color:#00ff88;font-size:0.95rem;text-shadow:0 0 10px rgba(0,255,136,0.4);box-shadow:0 0 25px rgba(0,255,136,0.2);margin-bottom:20px;width:100%;max-width:500px;text-align:left;white-space:pre-wrap}.story-nav-bar{display:flex;justify-content:space-between;align-items:center;width:100%;max-width:680px;gap:12px}.story-nav-btn{font-family:'Orbitron',sans-serif;font-size:0.82rem;font-weight:800;letter-spacing:1.5px;padding:12px 28px;border-radius:12px;background:rgba(10,24,52,0.9);border:1.5px solid rgba(0,212,255,0.4);color:#00d4ff;cursor:pointer;transition:all 0.2s cubic-bezier(0.34,1.56,0.64,1);display:flex;align-items:center;gap:8px}.story-nav-btn:hover{border-color:#00ff88;color:#00ff88;transform:translateY(-2px);box-shadow:0 0 20px rgba(0,255,136,0.4)}.story-nav-btn.primary{background:linear-gradient(135deg,#00ff88,#00d4ff);border-color:#ffffff;color:#020614;font-weight:900;box-shadow:0 0 25px rgba(0,255,136,0.6)}[data-theme="light"] .animated-concept-stage{background:#ffffff !important;border-color:rgba(2,132,199,0.3) !important;box-shadow:0 8px 30px rgba(0,0,0,0.06) !important}[data-theme="light"] .stage-title{color:#0f172a !important}[data-theme="light"] .wire-track{background:rgba(0,0,0,0.1) !important}[data-theme="light"] .stage-node{background:#f8fafc !important;border-color:rgba(2,132,199,0.25) !important}[data-theme="light"] .stage-node.active{background:rgba(2,132,199,0.1) !important;border-color:#0284c7 !important;box-shadow:0 0 20px rgba(2,132,199,0.3) !important}[data-theme="light"] .node-icon-sphere{background:#ffffff !important;border-color:rgba(2,132,199,0.3) !important}[data-theme="light"] .node-title{color:#0f172a !important}[data-theme="light"] .node-subtitle{color:#64748b !important}[data-theme="light"] .stage-info-card{background:#f8fafc !important;border-color:rgba(2,132,199,0.25) !important}[data-theme="light"] .sic-desc{color:#334155 !important}[data-theme="light"] .anim-ctrl-btn{background:#ffffff !important;border-color:rgba(2,132,199,0.3) !important;color:#0284c7 !important}[data-theme="light"] .speed-select-pill{background:#ffffff !important;border-color:rgba(2,132,199,0.3) !important;color:#0284c7 !important}@media (max-width:768px){.animated-concept-stage{padding:14px 10px;margin:1.5rem 0}.stage-nodes-grid{grid-template-columns:repeat(2,1fr);gap:8px}.wire-track,.wire-progress,.packet-dot{display:none}.node-icon-sphere{width:36px;height:36px;font-size:1.1rem}.node-title{font-size:0.65rem}.node-subtitle{font-size:0.58rem}.stage-controls-bar{justify-content:center}.anim-ctrl-btn{padding:6px 12px;font-size:0.65rem}.story-slide-card{padding:20px 14px}.story-card-title{font-size:1.3rem}.story-card-body{font-size:0.88rem}.story-code-highlight{font-size:0.82rem;padding:10px 12px}.story-nav-btn{padding:10px 18px;font-size:0.72rem}}.daily-reels-section{margin:3.5rem 0;position:relative}.reels-header-bar{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem;flex-wrap:wrap;gap:12px}.reels-title-wrap{display:flex;align-items:center;gap:10px}.reels-live-indicator{display:inline-flex;align-items:center;gap:6px;background:rgba(0,255,136,0.15);border:1px solid #00ff88;border-radius:20px;padding:4px 10px;font-family:'Orbitron',monospace;font-size:0.65rem;font-weight:900;color:#00ff88;letter-spacing:1px}.reels-live-dot{width:7px;height:7px;border-radius:50%;background:#00ff88;box-shadow:0 0 10px #00ff88;animation:liveDotPulse 1.2s infinite}@keyframes liveDotPulse{0%,100%{transform:scale(1);opacity:1}50%{transform:scale(1.5);opacity:0.4}}.reels-heading{font-family:'Orbitron',sans-serif;font-size:clamp(1.1rem,2.8vw,1.4rem);font-weight:900;color:#ffffff;letter-spacing:1px}.reels-subheading{font-size:0.8rem;color:#94a3b8;margin-top:2px}.reels-nav-controls{display:flex;align-items:center;gap:8px}.btn-reel-scroll{background:rgba(10,20,44,0.9);border:1.5px solid rgba(0,212,255,0.35);border-radius:50%;width:38px;height:38px;color:#00d4ff;font-size:1rem;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all 0.2s cubic-bezier(0.34,1.56,0.64,1)}.btn-reel-scroll:hover{background:#00d4ff;color:#020614;transform:scale(1.1);box-shadow:0 0 20px #00d4ff}.reels-carousel-track{display:flex;gap:18px;overflow-x:auto;scroll-snap-type:x mandatory;padding:10px 4px 20px;scrollbar-width:thin;scrollbar-color:rgba(0,212,255,0.3) transparent}.reels-carousel-track::-webkit-scrollbar{height:6px}.reels-carousel-track::-webkit-scrollbar-thumb{background:rgba(0,212,255,0.4);border-radius:4px}.reel-story-card{flex:0 0 300px;scroll-snap-align:start;background:radial-gradient(circle at 50% 0%,rgba(16,24,52,0.95),rgba(6,12,28,0.98));border-radius:18px;padding:22px 18px;position:relative;border:2px solid transparent;background-clip:padding-box;box-shadow:0 10px 30px rgba(0,0,0,0.8);display:flex;flex-direction:column;justify-content:space-between;min-height:380px;transition:all 0.3s cubic-bezier(0.34,1.56,0.64,1)}.reel-story-card::before{content:'';position:absolute;inset:-2px;border-radius:20px;background:var(--card-gradient,linear-gradient(135deg,#ff007f,#7928ca,#00d4ff));z-index:-1;opacity:0.6;transition:opacity 0.3s,filter 0.3s}.reel-story-card:hover{transform:translateY(-8px) scale(1.02);box-shadow:0 16px 45px rgba(0,0,0,0.9),0 0 35px rgba(0,212,255,0.3)}.reel-story-card:hover::before{opacity:1;filter:drop-shadow(0 0 15px rgba(255,0,127,0.6))}.rsc-top-bar{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.rsc-badge-new{font-family:'Orbitron',monospace;font-size:0.65rem;font-weight:900;padding:4px 10px;border-radius:12px;background:linear-gradient(135deg,#ff007f,#ff4757);color:#ffffff;text-shadow:0 0 8px rgba(255,71,87,0.8);box-shadow:0 0 12px rgba(255,0,127,0.4)}.rsc-date{font-family:'Orbitron',monospace;font-size:0.65rem;color:#94a3b8;font-weight:700}.rsc-title{font-family:'Orbitron',sans-serif;font-size:1.05rem;font-weight:800;color:#ffffff;line-height:1.35;margin-bottom:10px}.rsc-hook{font-size:0.82rem;color:#c8d6e5;line-height:1.5;margin-bottom:14px;flex:1}.rsc-tags{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:16px}.rsc-tag{font-family:'JetBrains Mono',monospace;font-size:0.65rem;color:#00d4ff;background:rgba(0,212,255,0.1);border:1px solid rgba(0,212,255,0.25);border-radius:6px;padding:2px 6px}.rsc-actions{display:flex;gap:8px;align-items:center}.btn-rsc-story{flex:1;font-family:'Orbitron',monospace;font-size:0.72rem;font-weight:900;padding:8px 10px;background:linear-gradient(135deg,#ff007f,#7928ca);border:none;border-radius:8px;color:#ffffff;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:4px;transition:all 0.2s;text-decoration:none}.btn-rsc-story:hover{transform:scale(1.04);box-shadow:0 0 20px rgba(255,0,127,0.8)}.btn-rsc-read{font-family:'Orbitron',monospace;font-size:0.72rem;font-weight:800;padding:8px 12px;background:rgba(6,16,40,0.9);border:1px solid rgba(0,212,255,0.3);border-radius:8px;color:#00d4ff;text-decoration:none;display:inline-flex;align-items:center;justify-content:center;transition:all 0.2s}.btn-rsc-read:hover{border-color:#00ff88;color:#00ff88}[data-theme="light"] .reel-story-card{background:#ffffff !important;box-shadow:0 8px 25px rgba(0,0,0,0.08) !important}[data-theme="light"] .rsc-title{color:#0f172a !important}[data-theme="light"] .rsc-hook{color:#334155 !important}[data-theme="light"] .reels-heading{color:#0f172a !important}[data-theme="light"] .btn-reel-scroll{background:#f8fafc !important;color:#0284c7 !important;border-color:rgba(2,132,199,0.3) !important}.legal-page-container{max-width:900px;margin:2rem auto 4rem;padding:0 1rem}.legal-card{background:rgba(6,14,34,0.85);border:1px solid rgba(0,212,255,0.2);border-radius:16px;padding:2.5rem 2rem;box-shadow:0 10px 30px rgba(0,0,0,0.5);line-height:1.75;color:#cbd5e1}.legal-card h2{font-family:'Orbitron',sans-serif;font-size:1.3rem;color:#00d4ff;margin:2rem 0 1rem;padding-bottom:0.5rem;border-bottom:1px solid rgba(0,212,255,0.15)}.legal-card h3{font-size:1.05rem;color:#ffffff;margin:1.5rem 0 0.5rem}.legal-card p,.legal-card li{font-size:0.95rem;color:#94a3b8;margin-bottom:1rem}.legal-card ul{padding-left:1.5rem;margin-bottom:1.5rem}.legal-card a{color:#00ff88;text-decoration:underline;transition:color 0.2s}.legal-card a:hover{color:#00d4ff}.legal-highlight-box{background:rgba(0,212,255,0.08);border-left:4px solid #00d4ff;border-radius:0 10px 10px 0;padding:16px 20px;margin:1.5rem 0}.contact-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-top:1.5rem}.form-group-full{grid-column:1 / -1}.contact-label{display:block;font-family:'Orbitron',monospace;font-size:0.75rem;font-weight:700;color:#00d4ff;margin-bottom:6px;letter-spacing:1px}.contact-input,.contact-select,.contact-textarea{width:100%;background:rgba(3,8,22,0.9);border:1.5px solid rgba(0,212,255,0.3);border-radius:8px;padding:12px 14px;color:#ffffff;font-family:inherit;font-size:0.9rem;outline:none;transition:border-color 0.2s,box-shadow 0.2s}.contact-input:focus,.contact-select:focus,.contact-textarea:focus{border-color:#00ff88;box-shadow:0 0 15px rgba(0,255,136,0.3)}.btn-contact-submit{font-family:'Orbitron',monospace;font-size:0.85rem;font-weight:900;letter-spacing:2px;padding:14px 28px;background:linear-gradient(135deg,#00ff88,#00d4ff);color:#020614;border:none;border-radius:10px;cursor:pointer;box-shadow:0 0 25px rgba(0,255,136,0.4);transition:all 0.25s cubic-bezier(0.34,1.56,0.64,1);margin-top:1rem}.btn-contact-submit:hover{transform:translateY(-2px) scale(1.02);box-shadow:0 0 35px rgba(0,212,255,0.7)}[data-theme="light"] .legal-card{background:#ffffff !important;border-color:#e2e8f0 !important;color:#334155 !important;box-shadow:0 4px 20px rgba(0,0,0,0.05) !important}[data-theme="light"] .legal-card h2,[data-theme="light"] .legal-card h3{color:#0f172a !important}[data-theme="light"] .legal-card p,[data-theme="light"] .legal-card li{color:#475569 !important}[data-theme="light"] .contact-input,[data-theme="light"] .contact-select,[data-theme="light"] .contact-textarea{background:#f8fafc !important;color:#0f172a !important;border-color:#cbd5e1 !important}.ad-slot-container{margin:2rem auto;text-align:center;position:relative;overflow:hidden;max-width:100%}.ad-slot-header{min-height:90px;margin:1.5rem auto 2.5rem;max-width:970px}.ad-slot-in-content{min-height:250px;margin:3rem auto;max-width:850px;background:rgba(4,10,26,0.4);border:1px dashed rgba(0,212,255,0.2);border-radius:12px;padding:12px 8px}.ad-slot-sidebar{min-height:250px;width:300px;margin:1.5rem auto}.ad-disclaimer-label{font-family:'Orbitron',monospace;font-size:0.62rem;font-weight:700;letter-spacing:1.5px;color:#576574;margin-bottom:6px;text-transform:uppercase}.ad-sticky-footer-container{position:fixed;bottom:0;left:0;right:0;background:rgba(3,8,22,0.95);border-top:1.5px solid rgba(0,212,255,0.4);backdrop-filter:blur(12px);z-index:9990;padding:6px 12px 10px;text-align:center;box-shadow:0 -10px 30px rgba(0,0,0,0.8)}.ad-sticky-header{display:flex;justify-content:space-between;align-items:center;max-width:760px;margin:0 auto 4px;font-family:'Orbitron',monospace;font-size:0.62rem;color:#8395a7;letter-spacing:1px}.btn-close-sticky-ad{background:rgba(255,71,87,0.2);border:1px solid #ff4757;color:#ff4757;border-radius:4px;cursor:pointer;font-size:0.7rem;padding:2px 6px;transition:all 0.2s}.btn-close-sticky-ad:hover{background:#ff4757;color:#ffffff}