:root{--color-bg: #04060c;--color-bg-elevated: #090d17;--color-bg-elevated-2: #0d1322;--color-bg-elevated-3: #131b30;--color-panel: rgba(13, 19, 34, .72);--color-panel-solid: #0d1322;--color-border: rgba(88, 120, 200, .18);--color-border-strong: rgba(88, 160, 255, .4);--color-text: #d7e3f8;--color-text-dim: #8ba3c7;--color-text-faint: #5b6e8e;--color-accent: #00e5ff;--color-accent-2: #7c4dff;--color-success: #34d399;--color-warn: #fbbf24;--color-danger: #f87171;--color-pink: #f472b6;--bg-0: var(--color-bg);--bg-1: var(--color-bg-elevated);--bg-2: var(--color-bg-elevated-2);--bg-3: var(--color-bg-elevated-3);--panel: var(--color-panel);--panel-solid: var(--color-panel-solid);--border: var(--color-border);--border-strong: var(--color-border-strong);--text: var(--color-text);--text-dim: var(--color-text-dim);--text-faint: var(--color-text-faint);--accent: var(--color-accent);--accent-2: var(--color-accent-2);--success: var(--color-success);--warn: var(--color-warn);--danger: var(--color-danger);--pink: var(--color-pink);--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 20px;--space-6: 24px;--space-8: 32px;--space-10: 40px;--space-12: 48px;--space-16: 64px;--radius-sm: 4px;--radius-md: 8px;--radius-lg: 12px;--radius-xl: 16px;--radius-full: 999px;--radius: var(--radius-lg);--font-sans: "Segoe UI", system-ui, -apple-system, sans-serif;--font-mono: "JetBrains Mono", "Cascadia Code", Consolas, "Courier New", monospace;--text-xs: 10px;--text-sm: 11px;--text-base: 12px;--text-md: 13px;--text-lg: 14px;--text-xl: 16px;--text-2xl: 18px;--text-3xl: 22px;--text-4xl: 28px;--text-5xl: 36px;--font-normal: 400;--font-medium: 500;--font-semibold: 600;--font-bold: 700;--font-extrabold: 800;--leading-tight: 1.25;--leading-normal: 1.5;--leading-relaxed: 1.65;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .3);--shadow-md: 0 4px 12px rgba(0, 0, 0, .4);--shadow-lg: 0 12px 40px rgba(0, 0, 0, .5);--shadow-glow: 0 0 18px rgba(0, 229, 255, .25);--shadow-glow-strong: 0 0 32px rgba(0, 229, 255, .35);--transition-fast: .12s ease;--transition-normal: .18s ease;--transition-slow: .3s ease;--z-dropdown: 100;--z-sticky: 200;--z-fixed: 300;--z-modal-backdrop: 400;--z-modal: 500;--z-popover: 600;--z-tooltip: 700;--z-toast: 800;--glow-accent: var(--shadow-glow);--focus-ring: 0 0 0 3px var(--color-bg), 0 0 0 5px var(--color-accent)}*{box-sizing:border-box}html,body,#root{height:100%}:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px;border-radius:var(--radius-sm)}body{margin:0;font-family:var(--font-sans);color:var(--text);background:radial-gradient(1200px 600px at 80% -10%,rgba(124,77,255,.14),transparent 60%),radial-gradient(900px 500px at 10% 110%,rgba(0,229,255,.1),transparent 55%),var(--bg-0);overflow-x:hidden;-webkit-font-smoothing:antialiased}::selection{background:#00e5ff40}::-webkit-scrollbar{width:9px;height:9px}::-webkit-scrollbar-track{background:var(--bg-1)}::-webkit-scrollbar-thumb{background:#233152;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#2f4370}.app-shell{display:flex;height:100vh;overflow:hidden}.side-rail{width:72px;flex-shrink:0;background:var(--bg-1);border-right:1px solid var(--border);display:flex;flex-direction:column;align-items:center;gap:6px;padding:14px 0 12px;z-index:20}.rail-logo{margin-bottom:10px;color:var(--text-faint);opacity:.9}.rail-btn{width:46px;height:46px;border-radius:12px;border:1px solid transparent;background:transparent;color:var(--text-dim);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background var(--transition-fast),border-color var(--transition-fast),color var(--transition-fast);position:relative}.rail-btn:hover{color:var(--text);background:var(--bg-2);border-color:var(--border)}.rail-btn.active{color:var(--accent);background:#00e5ff14;border-color:#00e5ff38}.rail-btn-exit:hover{color:var(--danger);border-color:#f871714d;background:#f8717114}.rail-user{width:32px;height:32px;border-radius:50%;background:var(--bg-3);border:1px solid var(--border);color:var(--text-dim);font-size:11px;font-weight:700;display:flex;align-items:center;justify-content:center;margin-top:4px}.login-shell{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:24px;background:radial-gradient(800px 400px at 80% -10%,rgba(124,77,255,.14),transparent 60%),radial-gradient(700px 400px at 10% 110%,rgba(0,229,255,.1),transparent 55%),var(--bg-0)}.login-card{width:100%;max-width:420px;background:var(--panel-solid);border:1px solid var(--border);border-radius:16px;padding:28px;box-shadow:var(--shadow-lg)}.login-brand{display:flex;gap:12px;align-items:center;color:var(--text)}.login-brand .brand{font-size:18px;font-weight:800;letter-spacing:.08em}.login-brand .cy{color:var(--accent)}.login-brand .sub{font-size:10px;color:var(--text-faint);letter-spacing:.3em}.rail-btn .rail-tip{position:absolute;left:62px;top:50%;transform:translateY(-50%);background:var(--panel-solid);border:1px solid var(--border);padding:5px 10px;border-radius:8px;font-size:12px;white-space:nowrap;opacity:0;pointer-events:none;transition:opacity .15s;color:var(--text);z-index:50}.rail-btn:hover .rail-tip{opacity:1}.main-area{flex:1;display:flex;flex-direction:column;min-width:0}.top-bar{display:flex;align-items:center;gap:18px;padding:10px 22px;border-bottom:1px solid var(--border);background:#070a1299;backdrop-filter:blur(12px);z-index:15}.brand{font-size:17px;font-weight:800;letter-spacing:.08em;color:var(--text)}.brand .cy{color:var(--accent)}.brand .sub{font-size:10px;color:var(--text-faint);letter-spacing:.3em;display:block}.top-right{margin-left:auto;display:flex;align-items:center;gap:10px}.xp-chip{display:flex;align-items:center;gap:10px;background:var(--panel);border:1px solid var(--border);padding:6px 14px;border-radius:999px;font-size:13px}.xp-chip b{color:var(--accent)}.mini-bar{width:120px;height:6px;border-radius:3px;background:var(--bg-3);overflow:hidden}.mini-bar>div{height:100%;background:linear-gradient(90deg,var(--accent),var(--accent-2));border-radius:3px;transition:width .5s ease}.icon-btn{background:var(--panel);border:1px solid var(--border);color:var(--text-dim);border-radius:10px;padding:8px 12px;cursor:pointer;font-size:15px;transition:all .15s}.icon-btn:hover{color:var(--accent);border-color:var(--border-strong)}.content{flex:1;overflow-y:auto;padding:22px 26px 60px}.screen-panel{display:block}.screen-panel[hidden]{display:none}.glass{background:var(--panel);border:1px solid var(--border);border-radius:var(--radius);backdrop-filter:blur(10px)}.card{background:#0d1322b8;border:1px solid var(--border);border-radius:var(--radius);padding:var(--space-4);transition:border-color var(--transition-fast)}.card:hover{border-color:var(--border-strong)}.card-flat{background:var(--bg-2)}.card-interactive:hover{border-color:var(--border-strong);background:#0d1322d6}h1,h2,h3{margin:0 0 var(--space-3);letter-spacing:.02em;font-weight:var(--font-bold)}h1{font-size:var(--text-4xl)}h2{font-size:var(--text-2xl)}h3{font-size:var(--text-xl)}.muted{color:var(--text-dim)}.faint{color:var(--text-faint)}.small{font-size:12px}.grid{display:grid;gap:16px}.grid-2{grid-template-columns:1fr 1fr}.grid-3{grid-template-columns:repeat(3,1fr)}.grid-4{grid-template-columns:repeat(4,1fr)}@media (max-width: 1200px){.grid-4{grid-template-columns:repeat(2,1fr)}.grid-3{grid-template-columns:1fr 1fr}}@media (max-width: 800px){.grid-2,.grid-3,.grid-4{grid-template-columns:1fr}}.btn{display:inline-flex;align-items:center;gap:var(--space-2);padding:9px 18px;border-radius:var(--radius-md);border:1px solid var(--border);background:var(--bg-2);color:var(--text);font-size:var(--text-lg);font-weight:var(--font-semibold);cursor:pointer;transition:background var(--transition-fast),border-color var(--transition-fast),color var(--transition-fast);font-family:inherit}.btn:hover{border-color:var(--border-strong);background:var(--bg-3)}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-primary{background:linear-gradient(135deg,var(--accent),var(--accent-2));color:#04121a;border:none}.btn-primary:hover{box-shadow:var(--shadow-glow);transform:translateY(-1px)}.unlock-purchase-cta,.unlock-purchase-cta:visited,.unlock-purchase-cta:hover,.unlock-purchase-cta:focus,.unlock-purchase-cta:active{text-decoration:none}.btn-danger{background:#f871711f;border-color:#f8717159}.btn-ghost{background:transparent;border-color:var(--border);color:var(--text-dim)}.btn-ghost:hover{color:var(--text);border-color:var(--border-strong)}.btn-sm{padding:5px 10px;font-size:var(--text-base);border-radius:var(--radius-sm)}.landing-footer{display:flex;justify-content:center;gap:10px;padding:8px 20px 36px;color:var(--text-faint);font-size:12px}.landing-footer a,.legal-page a{color:var(--accent)}.landing-footer a:hover,.legal-page a:hover{color:var(--text)}.legal-page{min-height:100vh;background:var(--bg);color:var(--text)}.legal-shell{width:min(820px,calc(100% - 32px));margin:0 auto;padding:52px 0 64px}.legal-header{margin-bottom:32px}.legal-kicker{color:var(--accent);font-size:12px;font-weight:700;letter-spacing:.1em;text-transform:uppercase}.legal-header h1{margin:8px 0}.legal-updated{color:var(--text-faint);font-size:12px}.legal-content{display:grid;gap:24px}.legal-section{padding-bottom:24px;border-bottom:1px solid var(--border)}.legal-section h2{margin:0 0 10px;font-size:18px}.legal-section p,.legal-section li{color:var(--text-dim);line-height:1.7}.legal-section p{margin:0}.legal-section p+p{margin-top:12px}.legal-section ul{margin:10px 0 0;padding-left:20px}.legal-footer{margin-top:32px;color:var(--text-faint);font-size:13px}.tag{display:inline-block;padding:2px 9px;border-radius:999px;font-size:11px;border:1px solid var(--border);color:var(--text-dim);background:#0b101e99}.tag-diff-1{color:#34d399;border-color:#34d39966}.tag-diff-2{color:#22d3ee;border-color:#22d3ee66}.tag-diff-3{color:#fbbf24;border-color:#fbbf2466}.tag-diff-4{color:#fb923c;border-color:#fb923c66}.tag-diff-5{color:#f87171;border-color:#f8717173}.pbar{height:6px;border-radius:3px;background:var(--bg-3);overflow:hidden}.pbar>div{height:100%;background:linear-gradient(90deg,var(--accent),var(--accent-2));border-radius:3px;transition:width .6s ease}.pbar-subtle>div{background:var(--accent)}.pbar.gold>div{background:linear-gradient(90deg,#fbbf24,#f87171)}.term{font-family:var(--font-mono);font-size:13px;line-height:1.55;background:#04070f;border:1px solid var(--border);border-radius:10px;padding:14px;color:#b9e8ff;overflow-x:auto}.term .t-cmd{color:var(--accent)}.term .t-ok{color:var(--success)}.term .t-err{color:var(--danger)}.term .t-dim{color:var(--text-faint)}pre.code{font-family:var(--font-mono);font-size:12.5px;background:#04070f;border:1px solid var(--border);border-radius:8px;padding:12px;overflow-x:auto;color:#9fd6ff;white-space:pre-wrap}.data-table{width:100%;border-collapse:collapse;font-size:12.5px}.data-table th{text-align:left;font-family:var(--font-mono);font-weight:600;color:var(--accent);background:var(--bg-3);padding:7px 10px;border-bottom:1px solid var(--border-strong);position:sticky;top:0}.data-table td{padding:6px 10px;border-bottom:1px solid var(--border);font-family:var(--font-mono);color:var(--text)}.data-table tr:hover td{background:#00e5ff0d}.data-table .null{color:var(--text-faint);font-style:italic}.map-canvas{position:relative;border-radius:18px;overflow:hidden;min-height:460px;background:radial-gradient(900px 400px at 20% 0%,rgba(0,229,255,.07),transparent 60%),radial-gradient(700px 500px at 90% 100%,rgba(124,77,255,.1),transparent 55%),var(--bg-1);border:1px solid var(--border)}.map-node{position:absolute;transform:translate(-50%,-50%);display:flex;flex-direction:column;align-items:center;gap:4px;cursor:pointer;outline:none}.map-node:focus-visible .orb,.map-node.focused .orb{box-shadow:0 0 0 3px var(--bg-1),0 0 24px var(--glow-color, rgba(0,229,255,.7));z-index:10}.map-node .orb{width:44px;height:44px;border-radius:50%;border:2px solid var(--border-strong);display:flex;align-items:center;justify-content:center;font-size:20px;background:var(--bg-2);transition:all .18s ease}.map-node:hover .orb{transform:scale(1.15);box-shadow:0 0 24px var(--glow-color, rgba(0,229,255,.5))}.map-node.locked{opacity:.45;cursor:not-allowed;filter:grayscale(.7)}.map-node.completed .orb{box-shadow:0 0 16px var(--glow-color, rgba(52,211,153,.5))}.map-node .name{font-size:12px;color:var(--text-dim);white-space:nowrap;text-shadow:0 0 8px #000}.map-node .idx{font-size:10px;color:var(--text-faint);font-family:var(--font-mono)}.map-lines{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;z-index:1}.map-lines line{stroke:#5878c852;stroke-width:.45;stroke-linecap:round;vector-effect:non-scaling-stroke}.map-node{z-index:2}.sql-editor-wrap{border:1px solid var(--border);border-radius:12px;overflow:hidden;background:#04070f}.editor-head{display:flex;align-items:center;gap:10px;padding:8px 12px;border-bottom:1px solid var(--border);background:var(--bg-3)}.editor-dots{display:flex;gap:5px}.editor-dots span{width:10px;height:10px;border-radius:50%;background:var(--border)}.editor-dots span:nth-child(1){background:#f87171}.editor-dots span:nth-child(2){background:#fbbf24}.editor-dots span:nth-child(3){background:#34d399}.editor-title{font-size:12px;color:var(--text-dim);font-family:var(--font-mono)}.sql-editor{display:flex;width:100%;min-height:170px;font-family:var(--font-mono);font-size:13.5px;line-height:1.5}.sql-editor .gutter{padding:12px 10px 12px 12px;text-align:right;color:var(--text-faint);background:#050810;user-select:none;min-width:34px;font-size:12px}.sql-editor textarea{flex:1;border:none;outline:none;resize:vertical;background:transparent;color:#c9f2ff;padding:12px;font-family:var(--font-mono);font-size:13.5px;line-height:1.5;min-height:170px;caret-color:var(--accent)}.sql-editor textarea:focus{background:#00e5ff05}.result-panel{border:1px solid var(--border);border-radius:12px;overflow:hidden}.result-head{display:flex;align-items:center;gap:12px;padding:8px 14px;border-bottom:1px solid var(--border);background:var(--bg-3);font-size:12px;color:var(--text-dim)}.result-meta{display:flex;gap:14px;margin-left:auto}.jarvis-dock{position:fixed;right:0;top:0;bottom:0;width:400px;max-width:92vw;background:var(--bg-1);border-left:1px solid var(--border-strong);z-index:40;display:flex;flex-direction:column;transform:translate(100%);transition:transform .28s ease}.jarvis-dock.open{transform:translate(0)}.jarvis-body{flex:1;overflow-y:auto;padding:16px;display:flex;flex-direction:column;gap:12px}.jarvis-msg{max-width:88%;padding:10px 13px;border-radius:12px;font-size:13.5px;line-height:1.5}.jarvis-msg.bot{background:var(--bg-3);border:1px solid var(--border);align-self:flex-start}.jarvis-msg.user{background:linear-gradient(135deg,#00e5ff24,#7c4dff24);border:1px solid var(--border-strong);align-self:flex-end}.jarvis-input{display:flex;gap:8px;padding:12px;border-top:1px solid var(--border)}.jarvis-input input{flex:1;background:var(--bg-2);border:1px solid var(--border);color:var(--text);border-radius:10px;padding:10px 12px;outline:none;font-size:13.5px}.jarvis-input input:focus{border-color:var(--border-strong)}.hint-ladder{display:flex;gap:6px;flex-wrap:wrap}.hint-step{padding:6px 12px;border-radius:999px;border:1px solid var(--border);background:var(--bg-2);color:var(--text-dim);font-size:12px;cursor:pointer}.hint-step.on{color:var(--accent);border-color:var(--border-strong);box-shadow:var(--glow-accent)}.toast-stack{position:fixed;top:74px;right:20px;display:flex;flex-direction:column;gap:10px;z-index:60}.toast{min-width:260px;max-width:360px;padding:12px 16px;border-radius:12px;background:var(--panel-solid);border:1px solid var(--border-strong);box-shadow:0 12px 40px #00000080;animation:toast-in .3s ease}.toast h4{margin:0 0 4px;font-size:14px}.toast p{margin:0;font-size:12.5px;color:var(--text-dim)}.toast.xp h4{color:var(--accent)}.toast.success h4{color:var(--success)}.toast.error h4{color:var(--danger)}.toast.achievement h4{color:var(--warn)}.toast.levelup h4{color:var(--pink)}@keyframes toast-in{0%{opacity:0;transform:translate(40px)}to{opacity:1;transform:none}}.levelup-overlay{position:fixed;inset:0;z-index:80;display:flex;align-items:center;justify-content:center;background:#04060cd1;backdrop-filter:blur(6px);animation:fade-in .4s ease}.levelup-card{text-align:center;padding:40px 60px;border-radius:20px;border:1px solid var(--border-strong);background:linear-gradient(160deg,#131b30f2,#0b101efa);animation:pop .5s cubic-bezier(.2,1.4,.4,1);box-shadow:0 0 60px #7c4dff59}.levelup-card .big-icon{font-size:60px;filter:drop-shadow(0 0 20px rgba(0,229,255,.6))}.levelup-card h2{font-size:30px;color:var(--accent);margin:12px 0 4px}.levelup-card .lvl{font-size:15px;color:var(--text-dim)}@keyframes pop{0%{transform:scale(.6);opacity:0}to{transform:scale(1);opacity:1}}@keyframes fade-in{0%{opacity:0}to{opacity:1}}.stat-row{display:flex;align-items:center;gap:12px;margin-bottom:10px}.stat-row .label{width:150px;font-size:13px;color:var(--text-dim)}.stat-row .pbar{flex:1}.stat-row .val{width:42px;text-align:right;font-family:var(--font-mono);font-size:12px;color:var(--accent)}.ach{text-align:center;padding:16px 10px}.ach .icon{font-size:30px}.ach.locked{opacity:.35;filter:grayscale(1)}.ach .name{font-size:13px;font-weight:600;margin-top:8px}.ach .desc{font-size:11.5px;color:var(--text-dim);margin-top:3px}.ach-card{background:#0d1322b8;border:1px solid var(--border);border-radius:var(--radius);padding:16px;transition:border-color var(--transition-fast)}.ach-card.locked{opacity:.55;filter:saturate(.2)}.ach-card.unlocked:hover{border-color:var(--border-strong)}.ach-icon-wrap{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:8px;background:#00e5ff14;border:1px solid rgba(0,229,255,.14)}.ach-card.locked .ach-icon-wrap{background:var(--bg-2);border-color:var(--border)}.ach-check{display:inline-flex;align-items:center;justify-content:center;width:22px;height:22px;border-radius:50%;background:var(--success);color:#04121a}.ach-compact{text-align:center;padding:10px 8px;display:flex;flex-direction:column;align-items:center;gap:6px}.mission-row{display:flex;align-items:center;gap:12px;padding:12px 14px;border:1px solid var(--border);border-radius:10px;background:var(--bg-2);cursor:pointer;transition:border-color var(--transition-fast),background var(--transition-fast)}.mission-row:hover{border-color:var(--border-strong);background:var(--bg-3)}.mission-row.done{opacity:.62}.mission-row .m-icon{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:7px;background:#00e5ff14;border:1px solid rgba(0,229,255,.12);color:var(--accent);flex-shrink:0}.mission-row.done .m-icon{background:#34d3991f;border-color:#34d3992e;color:var(--success)}.mission-row .m-title{font-weight:600;font-size:14px}.mission-row .m-sub{font-size:12px;color:var(--text-dim)}.mission-row .m-xp{margin-left:auto;color:var(--accent);font-family:var(--font-mono);font-size:12px}.cyber-line{height:1px;background:linear-gradient(90deg,transparent,var(--accent),transparent);margin:14px 0;opacity:.5}.section-title{display:flex;align-items:center;gap:8px;margin:28px 0 14px;font-size:12px;letter-spacing:.14em;color:var(--text-dim);text-transform:uppercase;font-weight:var(--font-semibold)}.section-title svg{color:var(--accent);opacity:.9}.focus-mode *{animation:none!important;transition:none!important}.focus-mode .toast{animation:none}.badge-dot{width:8px;height:8px;border-radius:50%;display:inline-block}.dot-ok{background:var(--success);box-shadow:0 0 8px var(--success)}.dot-warn{background:var(--warn);box-shadow:0 0 8px var(--warn)}.empty{text-align:center;color:var(--text-faint);padding:30px;font-size:13px}.kbd{font-family:var(--font-mono);background:var(--bg-3);border:1px solid var(--border);border-radius:5px;padding:2px 6px;font-size:11px;color:var(--text-dim)}.divider-v{width:1px;background:var(--border);align-self:stretch}.story-card{border-left:3px solid var(--accent);padding:14px 16px;background:linear-gradient(90deg,rgba(0,229,255,.06),transparent);border-radius:10px}.boss-card{background:linear-gradient(160deg,#f8717114,#0b101ee6);border-color:#f8717159}.spinner{width:34px;height:34px;border:3px solid var(--bg-3);border-top-color:var(--accent);border-radius:50%;animation:spin .9s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.field label{display:block;font-size:12px;color:var(--text-dim);margin:12px 0 5px}.field input,.field select,.field textarea{width:100%;background:var(--bg-2);border:1px solid var(--border);color:var(--text);border-radius:9px;padding:9px 12px;font-size:13.5px;outline:none;font-family:inherit}.field input:focus,.field select:focus,.field textarea:focus{border-color:var(--border-strong)}.scenario-opt{padding:12px 14px;border:1px solid var(--border);border-radius:10px;cursor:pointer;transition:all .15s;font-size:14px}.scenario-opt:hover{border-color:var(--border-strong)}.scenario-opt.sel{border-color:var(--accent);background:#00e5ff14;box-shadow:var(--glow-accent)}.scenario-opt.wrong{border-color:var(--danger);background:#f8717114}.scenario-opt.correct{border-color:var(--success);background:#34d39914}.design-tbl{border:1px solid var(--border);border-radius:10px;overflow:hidden;margin-bottom:12px}.design-tbl .t-head{display:flex;align-items:center;gap:8px;padding:8px 12px;background:var(--bg-3);border-bottom:1px solid var(--border)}.design-tbl .t-head input{background:transparent;border:none;color:var(--accent);font-weight:700;font-family:var(--font-mono);outline:none;font-size:14px}.design-tbl .t-row{display:flex;align-items:center;gap:8px;padding:6px 12px;border-bottom:1px solid var(--border);font-size:13px}.design-tbl .t-row input[type=text]{background:transparent;border:none;color:var(--text);outline:none;font-family:var(--font-mono);font-size:12.5px}.visualizer-stages{display:flex;flex-direction:column;gap:6px}.v-stage{display:flex;align-items:center;gap:10px;padding:8px 12px;border-radius:8px;background:var(--bg-2);border:1px solid var(--border);cursor:pointer}.v-stage.on{border-color:var(--accent);box-shadow:var(--glow-accent)}.v-stage .v-key{font-family:var(--font-mono);font-size:11px;color:var(--accent);min-width:70px}.v-stage .v-desc{font-size:12px;color:var(--text-dim);flex:1}.lesson-view{max-width:820px}.lesson-view pre{white-space:pre-wrap}.flex{display:flex}.gap{gap:12px}.col{flex-direction:column}.between{justify-content:space-between}.wrap{flex-wrap:wrap}.center{align-items:center}.grow{flex:1}.mt{margin-top:14px}.mb{margin-bottom:14px}.dash-head{display:flex;justify-content:space-between;gap:var(--space-4);align-items:center;flex-wrap:wrap;margin-bottom:var(--space-4)}.dash-stats{display:flex;gap:12px;flex-wrap:wrap}.stat-tile{min-width:140px;padding:12px 16px;border:1px solid var(--border);border-radius:var(--radius);background:var(--bg-2)}.stat-tile.center{text-align:center;display:flex;flex-direction:column;align-items:center}.stat-label{font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:var(--text-faint);margin-bottom:4px}.stat-value{font-weight:800;font-size:16px;display:flex;gap:6px;align-items:center}.world-card{background:#0d1322b8;border:1px solid var(--border);border-radius:var(--radius);padding:16px;transition:border-color var(--transition-fast)}.world-card:hover{border-color:var(--border-strong)}.world-card.locked{opacity:.62}.world-card-icon{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:8px;border:1px solid}.world-icon-sm{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:8px;background:#00e5ff14;border:1px solid rgba(0,229,255,.14)}.hp-bar{font-family:var(--font-mono);letter-spacing:1px}.inline-check{display:inline-flex;gap:4px;align-items:center;color:var(--success);font-size:11px}.term-success{color:var(--success)!important;border-color:#34d39938!important}.term-muted{color:var(--text-faint)!important}.term-error{color:var(--danger)!important}.chip{display:inline-flex;align-items:center;gap:6px;padding:5px 10px;border-radius:999px;border:1px solid var(--border);background:var(--bg-2);color:var(--text-dim);font-size:12px;cursor:pointer;transition:border-color var(--transition-fast),background var(--transition-fast)}.chip:hover{border-color:var(--border-strong);color:var(--text)}.chip-current{border-color:#00e5ff4d;color:var(--accent);background:#00e5ff14}.chip-done{border-color:#34d39938;color:var(--success);background:#34d39914}.scenario-card.done{opacity:.72}.scenario-opt.sel{border-color:var(--accent);background:#00e5ff14}.levelup-card{border:1px solid var(--border-strong);background:linear-gradient(160deg,#131b30f2,#0b101efa);box-shadow:var(--shadow-lg)}.design-table{border:1px solid var(--border);border-radius:10px;padding:10px;background:var(--bg-2)}.design-col-row{display:flex;gap:6px;align-items:center}.design-input,.design-select{background:var(--bg-3);border:1px solid var(--border);color:var(--text);border-radius:8px;padding:6px 8px;font-size:13px;outline:none}.chk{font-size:11px;color:var(--text-dim);display:inline-flex;gap:4px;align-items:center}.map-node .orb{background:var(--bg-2);border:1px solid var(--border-strong);transition:border-color var(--transition-fast),background var(--transition-fast)}.map-node:hover .orb{border-color:var(--accent);transform:scale(1.06)}.map-node.completed .orb{border-color:#34d39980;background:#34d39914}@media (max-width: 760px){.side-rail{width:58px}.rail-btn{width:40px;height:40px}.content{padding:16px 14px 48px}.dash-head{flex-direction:column;align-items:stretch}.dash-stats{display:grid;grid-template-columns:repeat(3,1fr)}.stat-tile{min-width:0}.top-bar{padding:8px 12px;gap:10px}.brand{font-size:15px}.xp-chip{padding:5px 10px;gap:8px}.mini-bar{display:none}}@media (max-width: 480px){.grid-3,.grid-2{grid-template-columns:1fr!important}.dash-stats{grid-template-columns:1fr}}.landing{max-width:1100px;margin:0 auto;padding:24px 20px 60px}.landing-hero{display:grid;grid-template-columns:1.1fr .9fr;gap:24px;align-items:center;padding:32px 0 24px}.landing-badge{display:inline-flex;gap:8px;align-items:center;padding:6px 10px;border-radius:999px;border:1px solid var(--border);background:var(--bg-2);color:var(--text-dim);font-size:11px;letter-spacing:.08em;text-transform:uppercase}.landing-title{font-size:36px;line-height:1.1;margin:14px 0 10px;letter-spacing:-.02em}.landing-sub{color:var(--text-dim);line-height:1.6;max-width:520px}.landing-ctas{display:flex;gap:12px;flex-wrap:wrap;margin-top:18px}.landing-hero-art{border:1px solid var(--border);border-radius:16px;overflow:hidden;background:var(--bg-1)}.hero-terminal{padding:14px}.landing-section{margin-top:36px}.landing-steps{display:flex;gap:10px;align-items:center;flex-wrap:wrap;margin-top:16px}.landing-steps .step{display:flex;gap:10px;align-items:center;padding:10px 12px;border:1px solid var(--border);border-radius:12px;background:var(--bg-2);min-width:120px}.landing-steps .step-arrow{color:var(--text-faint);font-size:18px}@media (max-width: 860px){.landing-hero{grid-template-columns:1fr}.landing-steps .step-arrow{display:none}}