@import "https://fonts.googleapis.com/css2?family=Outfit:wght@400;500;600;700;900&family=Inter:wght@400;500;600;700&family=Fira+Code:wght@400;500&display=swap";:root{--bg-dark:224, 45%, 5%;--bg-card:222, 38%, 9%;--bg-port:223, 24%, 18%;--color-border:223, 27%, 18%;--color-border-hover:223, 35%, 30%;--color-input:200, 100%, 50%;--color-scrubber:45, 100%, 50%;--color-prompt:275, 90%, 65%;--color-output:145, 80%, 45%;--text-bright:0, 0%, 98%;--text-normal:220, 15%, 80%;--text-muted:220, 10%, 55%;--text-faint:220, 8%, 35%;--font-display:"Outfit", sans-serif;--font-sans:"Inter", sans-serif;--font-mono:"Fira Code", monospace;--radius-md:8px;--radius-lg:12px;--radius-xl:18px;--radius-full:9999px;font-family:var(--font-sans);color:hsl(var(--text-normal));background-color:hsl(var(--bg-dark));-webkit-font-smoothing:antialiased;width:100vw;height:100vh;margin:0;padding:0;overflow:hidden}body{-webkit-user-select:none;user-select:none;width:100%;height:100%;margin:0;padding:0;overflow:hidden}.glass{-webkit-backdrop-filter:blur(16px);background:#0f1422bf;border:1px solid #ffffff0d;box-shadow:0 8px 32px #0000005e}.glow-btn{background:linear-gradient(135deg, hsl(var(--color-prompt)) 0%, hsl(var(--color-input)) 100%);color:#fff;font-family:var(--font-display);letter-spacing:.02em;border-radius:var(--radius-md);cursor:pointer;border:none;padding:10px 22px;font-weight:600;transition:all .3s;box-shadow:0 4px 20px #8d57eb40}.glow-btn:hover{transform:translateY(-2px);box-shadow:0 6px 25px #8d57eb73}.glow-btn:active{transform:translateY(0)}.connection-wire{stroke:#ffffff1f;stroke-linecap:round;fill:none;transition:stroke .2s}.connection-wire:hover{stroke:#ffffff59;cursor:pointer}.connection-wire.active{stroke:hsl(var(--color-prompt));stroke-width:2.5px;filter:drop-shadow(0 0 6px hsl(var(--color-prompt)))}.connection-pulse{fill:none;stroke:url(#pulseGradient);stroke-linecap:round;stroke-dasharray:24 150;stroke-dashoffset:0;filter:drop-shadow(0 0 4px hsl(var(--color-input)));animation:.6s linear infinite pulseFlow}@keyframes pulseFlow{0%{stroke-dashoffset:174px}to{stroke-dashoffset:0}}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#fff3}.interactive-bg-canvas.svelte-1kcuauc{z-index:0;pointer-events:none;width:100vw;height:100vh;position:absolute;inset:0}.app-container.svelte-1n46o8q{background:radial-gradient(circle,#0e172a 0%,#030712 100%);justify-content:center;align-items:center;width:100vw;height:100vh;display:flex;position:relative;overflow:hidden}.grid-pattern.svelte-1n46o8q{pointer-events:none;z-index:1;background-image:linear-gradient(90deg,#00e5ff08 1px,#0000 1px),linear-gradient(#00e5ff08 1px,#0000 1px);background-size:30px 30px;position:absolute;inset:0;-webkit-mask-image:radial-gradient(circle,#000 35%,#0000 75%);mask-image:radial-gradient(circle,#000 35%,#0000 75%)}.ambient-glows.svelte-1n46o8q{pointer-events:none;z-index:0;position:absolute;inset:0;overflow:hidden}.glow-sphere.svelte-1n46o8q{filter:blur(120px);opacity:.12;mix-blend-mode:screen;border-radius:50%;position:absolute}.glow-sphere.pink.svelte-1n46o8q{background:#f36;width:350px;height:350px;animation:20s ease-in-out infinite alternate svelte-1n46o8q-float;top:-80px;left:-80px}.glow-sphere.cyan.svelte-1n46o8q{background:#00e5ff;width:450px;height:450px;animation:25s ease-in-out infinite alternate-reverse svelte-1n46o8q-float;bottom:-120px;right:-80px}@keyframes svelte-1n46o8q-float{0%{transform:translate(0)scale(1)}to{transform:translate(50px,30px)scale(1.08)}}.device-frame.svelte-1n46o8q{-webkit-backdrop-filter:blur(20px);z-index:10;background:#0f172aa6;border:1px solid #ffffff14;border-radius:36px;flex-direction:column;width:100%;max-width:440px;height:100%;max-height:800px;display:flex;position:relative;overflow:hidden;box-shadow:0 25px 50px -12px #00000080,0 0 50px #00e5ff0d}@media (width<=500px){.device-frame.svelte-1n46o8q{border:none;border-radius:0;max-width:100%;max-height:100%}}.game-header.svelte-1n46o8q{border-bottom:1px solid #ffffff0d;justify-content:space-between;align-items:center;padding:16px 20px 10px;display:flex}.logo-area.svelte-1n46o8q{align-items:center;gap:8px;display:flex}.logo-text.svelte-1n46o8q{font-family:var(--font-display);letter-spacing:.06em;color:#fff;text-shadow:0 0 8px #00e5ff33;margin:0;font-size:18px;font-weight:900}.logo-text.svelte-1n46o8q span:where(.svelte-1n46o8q){color:#00e5ff}.help-btn.svelte-1n46o8q{color:hsl(var(--text-muted));cursor:pointer;background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;padding:6px;transition:all .2s;display:flex}.help-btn.svelte-1n46o8q:hover,.help-btn.active.svelte-1n46o8q{color:#00e5ff;background:#00e5ff0f}.stats-dashboard.svelte-1n46o8q{background:#00000026;border-bottom:1px solid #ffffff08;grid-template-columns:repeat(3,1fr);gap:10px;padding:12px 20px;display:grid}.stat-card.svelte-1n46o8q{background:#ffffff03;border:1px solid #ffffff08;border-radius:10px;flex-direction:column;align-items:center;gap:2px;padding:6px 4px;display:flex}.stat-label.svelte-1n46o8q{text-transform:uppercase;letter-spacing:.05em;color:hsl(var(--text-muted));justify-content:center;align-items:center;font-size:9px;font-weight:700;display:flex}.stat-value.svelte-1n46o8q{font-family:var(--font-mono);color:#fff;font-size:14px;font-weight:700}.level-info.svelte-1n46o8q{background:#00e5ff03;border-bottom:1px solid #ffffff08;padding:10px 20px}.info-content.svelte-1n46o8q{align-items:flex-start;gap:8px;display:flex}.description-text.svelte-1n46o8q{color:hsl(var(--text-normal));margin:0;font-size:11px;line-height:1.35}.description-text.svelte-1n46o8q strong:where(.svelte-1n46o8q){color:#00e5ff}.canvas-container.svelte-1n46o8q{flex-grow:1;justify-content:center;align-items:center;padding:20px;display:flex;position:relative}.svg-canvas.svelte-1n46o8q{aspect-ratio:1;touch-action:none;background:#05081066;border:1px solid #ffffff0a;border-radius:20px;width:100%;overflow:visible;box-shadow:inset 0 0 20px #000000b3}.svg-canvas.animating.svelte-1n46o8q{cursor:default}.svg-canvas.animating.svelte-1n46o8q .vertex-group:where(.svelte-1n46o8q){pointer-events:none}.edge.svelte-1n46o8q{stroke-width:3.5px;stroke-linecap:round;transition:stroke .2s,filter .2s}.edge-intersecting.svelte-1n46o8q{stroke:#f36;filter:url(#glow-pink)}.edge-clean.svelte-1n46o8q{stroke:#00e5ff;filter:url(#glow-cyan)}.vertex-group.svelte-1n46o8q{cursor:grab;transform-box:fill-box;transform-origin:50%}.vertex-group.svelte-1n46o8q:active{cursor:grabbing}.vertex-glow.svelte-1n46o8q{fill:#00e5ff0f;stroke:#0000;transition:r .2s,fill .2s}.vertex-group.svelte-1n46o8q:hover .vertex-glow:where(.svelte-1n46o8q){r:22px;fill:#00e5ff1f}.vertex-point.svelte-1n46o8q{fill:#060912;stroke:#00e5ff;stroke-width:2.5px;transition:stroke-width .2s,stroke .2s,r .2s}.vertex-group.svelte-1n46o8q:hover .vertex-point:where(.svelte-1n46o8q){stroke-width:3.5px;r:9.5px;stroke:#fff;filter:drop-shadow(0 0 4px #00e5ff)}.vertex-group.dragging.svelte-1n46o8q .vertex-point:where(.svelte-1n46o8q){stroke:#f36;stroke-width:4px;r:10px;filter:drop-shadow(0 0 6px #f36)}.vertex-group.dragging.svelte-1n46o8q .vertex-glow:where(.svelte-1n46o8q){fill:#ff33661f;r:24px}.level-select-container.svelte-1n46o8q{background:#00000014;border-top:1px solid #ffffff08;align-items:center;gap:10px;padding:12px 20px;display:flex}.level-select.svelte-1n46o8q{border-radius:var(--radius-md);color:#fff;cursor:pointer;font-size:11px;font-family:var(--font-sans);background:#0f1422d9;border:1px solid #ffffff0f;outline:none;flex-grow:1;padding:8px 12px;font-weight:600;transition:border-color .2s}.level-select.svelte-1n46o8q:focus{border-color:#00e5ff}.reset-btn.svelte-1n46o8q{border-radius:var(--radius-md);width:34px;height:34px;color:hsl(var(--text-muted));cursor:pointer;background:#ffffff05;border:1px solid #ffffff0f;justify-content:center;align-items:center;transition:all .2s;display:flex}.reset-btn.svelte-1n46o8q:hover{color:#fff;background:#ffffff14;border-color:#ffffff1f}.help-panel.svelte-1n46o8q{z-index:50;background:#080c16f2;border:1px solid #00e5ff26;border-radius:20px;flex-direction:column;padding:20px;animation:.25s cubic-bezier(.34,1.56,.64,1) svelte-1n46o8q-scaleUp;display:flex;position:absolute;inset:60px 15px 15px}.help-header.svelte-1n46o8q{justify-content:space-between;align-items:center;margin-bottom:16px;display:flex}.help-title.svelte-1n46o8q{font-family:var(--font-display);color:#fff;align-items:center;gap:6px;font-size:15px;font-weight:700;display:flex}.close-help-btn.svelte-1n46o8q{color:hsl(var(--text-muted));cursor:pointer;background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;padding:4px;transition:all .2s;display:flex}.close-help-btn.svelte-1n46o8q:hover{color:#fff;background:#ffffff0d}.help-body.svelte-1n46o8q{flex-direction:column;gap:12px;display:flex;overflow-y:auto}.instruction-item.svelte-1n46o8q{align-items:flex-start;gap:12px;display:flex}.step-badge.svelte-1n46o8q{color:#00e5ff;width:20px;height:20px;font-family:var(--font-mono);background:#00e5ff14;border:1px solid #00e5ff33;border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;font-size:10px;font-weight:700;display:flex}.instruction-item.svelte-1n46o8q p:where(.svelte-1n46o8q){color:hsl(var(--text-normal));margin:0;font-size:12px;line-height:1.45}.text-pink.svelte-1n46o8q{color:#f36;font-weight:600}.text-cyan.svelte-1n46o8q{color:#00e5ff;font-weight:600}.win-modal-backdrop.svelte-1n46o8q{-webkit-backdrop-filter:blur(10px);z-index:100;background:#030712d9;justify-content:center;align-items:center;padding:20px;animation:.25s ease-out svelte-1n46o8q-fadeIn;display:flex;position:absolute;inset:0}.win-modal.svelte-1n46o8q{text-align:center;background:#0f172ad9;border:1px solid #00e5ff33;border-radius:28px;flex-direction:column;align-items:center;gap:14px;width:100%;max-width:340px;padding:30px 20px;animation:.3s cubic-bezier(.34,1.56,.64,1) svelte-1n46o8q-scaleUp;display:flex;box-shadow:0 20px 40px #00000080,0 0 60px #00e5ff1a}.win-icon-wrapper.svelte-1n46o8q{background:#00e5ff14;border:1px solid #00e5ff40;border-radius:50%;justify-content:center;align-items:center;width:72px;height:72px;animation:2s ease-in-out infinite svelte-1n46o8q-pulse-glow;display:flex}@keyframes svelte-1n46o8q-pulse-glow{0%,to{transform:scale(1);box-shadow:0 0 10px #00e5ff1a}50%{transform:scale(1.04);box-shadow:0 0 25px #00e5ff4d}}.win-title.svelte-1n46o8q{font-family:var(--font-display);color:#fff;letter-spacing:.06em;text-shadow:0 0 12px #00e5ff33;margin:0;font-size:20px;font-weight:900}.win-subtitle.svelte-1n46o8q{color:hsl(var(--text-muted));margin:-6px 0 0;font-size:12px}.win-stats-grid.svelte-1n46o8q{grid-template-columns:1fr 1fr;gap:12px;width:100%;margin:6px 0;display:grid}.win-stat-item.svelte-1n46o8q{background:#ffffff05;border:1px solid #ffffff0a;border-radius:12px;flex-direction:column;gap:2px;padding:10px;display:flex}.win-stat-label.svelte-1n46o8q{color:hsl(var(--text-muted));text-transform:uppercase;letter-spacing:.05em;font-size:9px;font-weight:700}.win-stat-val.svelte-1n46o8q{font-family:var(--font-mono);color:#fff;font-size:16px;font-weight:700}.win-actions.svelte-1n46o8q{gap:10px;width:100%;margin-top:6px;display:flex}.modal-btn.svelte-1n46o8q{font-family:var(--font-display);cursor:pointer;border-radius:10px;flex:1;justify-content:center;align-items:center;padding:10px 16px;font-size:12px;font-weight:700;transition:all .2s;display:flex}.modal-btn.primary.svelte-1n46o8q{color:#030712;background:linear-gradient(135deg,#00e5ff 0%,#08f 100%);border:none;box-shadow:0 4px 12px #00e5ff40}.modal-btn.primary.svelte-1n46o8q:hover{transform:translateY(-1.5px);box-shadow:0 6px 16px #00e5ff66}.modal-btn.secondary.svelte-1n46o8q{color:#fff;background:#ffffff05;border:1px solid #ffffff0f}.modal-btn.secondary.svelte-1n46o8q:hover{background:#ffffff0f;border-color:#ffffff1f}.completion-badge.svelte-1n46o8q{color:#10b981;background:#10b98114;border:1px solid #10b98133;border-radius:10px;justify-content:center;align-items:center;width:100%;padding:8px 16px;font-size:12px;font-weight:700;display:flex;box-shadow:0 0 12px #10b9811a}@keyframes svelte-1n46o8q-fadeIn{0%{opacity:0}to{opacity:1}}@keyframes svelte-1n46o8q-scaleUp{0%{opacity:0;transform:scale(.92)}to{opacity:1;transform:scale(1)}}.help-solution-footer.svelte-1n46o8q{text-align:center;border-top:1px solid #ffffff0d;flex-direction:column;align-items:center;gap:10px;margin-top:auto;padding-top:16px;display:flex}.solution-text.svelte-1n46o8q{color:hsl(var(--text-muted));margin:0;font-size:11px;line-height:1.4}.solve-btn.svelte-1n46o8q{color:#fff;width:100%;font-family:var(--font-display);cursor:pointer;background:linear-gradient(135deg,#00e5ff33 0%,#08f3 100%);border:1px solid #00e5ff4d;border-radius:10px;padding:10px;font-size:12px;font-weight:700;transition:all .2s;box-shadow:0 0 15px #00e5ff0d}.solve-btn.svelte-1n46o8q:hover{background:linear-gradient(135deg,#00e5ff59 0%,#0088ff59 100%);border-color:#00e5ff80;transform:translateY(-1px);box-shadow:0 0 20px #00e5ff26}.solve-btn.svelte-1n46o8q:active{transform:translateY(0)}.game-footer.svelte-1n46o8q{background:#0000001f;border-top:1px solid #ffffff05;justify-content:center;align-items:center;padding:10px 20px 14px;display:flex}.badge-link.svelte-1n46o8q{text-decoration:none;display:block}.melting-bot-badge.svelte-1n46o8q{background:#0f172aa6;border:1px solid #00e5ff;border-radius:9999px;align-items:center;gap:8px;padding:6px 16px;transition:all .25s cubic-bezier(.4,0,.2,1);display:flex;box-shadow:0 0 10px #00e5ff0d}.melting-bot-badge.svelte-1n46o8q:hover{background:#0f172ad9;border-color:#fff;transform:translateY(-1px);box-shadow:0 0 15px #00e5ff40}.melting-bot-badge.svelte-1n46o8q span:where(.svelte-1n46o8q){font-family:var(--font-display);color:#fff;letter-spacing:.03em;font-size:11px;font-weight:700}.bot-icon.svelte-1n46o8q{filter:drop-shadow(0 0 2px #00e5ff33);display:block}.tutorial-target-group.svelte-1n46o8q{pointer-events:none}.tutorial-target-outer.svelte-1n46o8q{fill:#00e5ff0a;stroke:#00e5ff;stroke-width:1.8px;stroke-dasharray:4 4;transform-origin:300px 120px;animation:12s linear infinite svelte-1n46o8q-rotateTarget}.tutorial-target-core.svelte-1n46o8q{fill:none;stroke:#00e5ff;stroke-width:1.8px;opacity:.6;animation:2s ease-in-out infinite svelte-1n46o8q-pulseCore}.tutorial-target-label.svelte-1n46o8q{fill:#00e5ff;font-family:var(--font-display);letter-spacing:.08em;filter:drop-shadow(0 0 4px #00e5ff66);font-size:10px;font-weight:900}.tutorial-guide-line.svelte-1n46o8q{stroke:#00e5ff40;stroke-width:2.2px;stroke-dasharray:6 6;animation:.8s linear infinite svelte-1n46o8q-dashOffset}.tutorial-pulse.svelte-1n46o8q .vertex-point:where(.svelte-1n46o8q){animation:1.4s ease-in-out infinite svelte-1n46o8q-pulseNode;stroke:#f36!important}.tutorial-pulse.svelte-1n46o8q .vertex-glow:where(.svelte-1n46o8q){animation:1.4s ease-in-out infinite svelte-1n46o8q-pulseGlow;fill:#ff33661f!important}@keyframes svelte-1n46o8q-rotateTarget{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes svelte-1n46o8q-pulseCore{0%,to{opacity:.5;transform:scale(1)}50%{opacity:.8;transform:scale(1.2)}}@keyframes svelte-1n46o8q-dashOffset{0%{stroke-dashoffset:12px}to{stroke-dashoffset:0}}@keyframes svelte-1n46o8q-pulseNode{0%,to{stroke-width:2.5px;r:8px;filter:drop-shadow(0 0 2px #f36)}50%{stroke-width:4px;r:10px;filter:drop-shadow(0 0 8px #f36)}}@keyframes svelte-1n46o8q-pulseGlow{0%,to{r:18px;fill:#ff33660d}50%{r:25px;fill:#f363}}.celebration-modal.svelte-1n46o8q{background:#0a0f1ef2!important;border-color:#00e5ff59!important;box-shadow:0 0 40px #00e5ff26,0 20px 50px #0009!important}.celebration-title.svelte-1n46o8q{color:#fff!important;text-shadow:0 0 15px #00e5ff66!important}.celebration-btn.svelte-1n46o8q{animation:2s ease-in-out infinite svelte-1n46o8q-pulseCelebrationBtn}@keyframes svelte-1n46o8q-pulseCelebrationBtn{0%,to{transform:scale(1);box-shadow:0 4px 12px #00e5ff40}50%{transform:scale(1.02);box-shadow:0 6px 20px #00e5ff80}}.neon-line-trick.svelte-1n46o8q{justify-content:center;align-items:center;width:120px;height:120px;margin:5px 0;display:flex;position:relative}.neon-line.svelte-1n46o8q{stroke-width:4px;stroke-linecap:round}.neon-line.pink.svelte-1n46o8q{stroke:#f36;filter:drop-shadow(0 0 6px #f36)}.neon-line.cyan.svelte-1n46o8q{stroke:#00e5ff;filter:drop-shadow(0 0 6px #00e5ff)}.neon-node.svelte-1n46o8q{fill:#060912;stroke-width:2.5px}.neon-node.pink.svelte-1n46o8q{stroke:#f36;filter:drop-shadow(0 0 4px #f36)}.neon-node.cyan.svelte-1n46o8q{stroke:#00e5ff;filter:drop-shadow(0 0 4px #00e5ff)}.tangled-lines.svelte-1n46o8q{transform-origin:80px 80px;animation:4s cubic-bezier(.4,0,.2,1) infinite svelte-1n46o8q-fadeOutTangled}.untangled-lines.svelte-1n46o8q{transform-origin:80px 80px;animation:4s cubic-bezier(.4,0,.2,1) infinite svelte-1n46o8q-fadeInUntangled}.burst-circle.svelte-1n46o8q{fill:none;stroke:#00e5ff;stroke-width:2.5px;transform-origin:80px 80px;animation:4s cubic-bezier(.1,.8,.3,1) infinite svelte-1n46o8q-circleBurst}@keyframes svelte-1n46o8q-fadeOutTangled{0%,35%{opacity:1;transform:scale(1)}45%,90%{opacity:0;transform:scale(.8)}95%,to{opacity:1;transform:scale(1)}}@keyframes svelte-1n46o8q-fadeInUntangled{0%,35%{opacity:0;transform:scale(1.2)}45%,90%{opacity:1;transform:scale(1)}95%,to{opacity:0;transform:scale(1.2)}}@keyframes svelte-1n46o8q-circleBurst{0%,38%{r:4px;opacity:0;stroke-width:4px}40%{opacity:1;stroke-width:3.5px}55%,90%{r:65px;opacity:0;stroke-width:.5px}95%,to{opacity:0}}