#demo-stage{position:relative;width:100%;height:100svh;min-height:560px;overflow:hidden;background:radial-gradient(circle at 50% 30%,#131a3a,#070a18 60%,#04060f);touch-action:none;user-select:none}#planet-canvas{position:absolute;inset:0;width:100%;height:100%;display:block}#loader{position:absolute;inset:0;z-index:30;display:flex;align-items:center;justify-content:center;background:#070a18;transition:opacity .6s ease}#loader.hidden{opacity:0;pointer-events:none}.loader-inner{text-align:center;color:#94a3b8;font-size:.95rem}.loader-ring{width:48px;height:48px;margin:0 auto 16px;border:3px solid rgba(79,124,255,.2);border-top-color:#4f7cff;border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}#intro-overlay{position:absolute;inset:0;z-index:25;display:flex;align-items:center;justify-content:center;padding:24px;background:radial-gradient(circle at 50% 40%,#0f16288c,#04060fd9);backdrop-filter:blur(4px);transition:opacity .5s ease}#intro-overlay.hidden{opacity:0;pointer-events:none}.intro-card{max-width:560px;text-align:center;background:#121628c7;border:1px solid rgba(79,124,255,.25);border-radius:20px;padding:40px 36px;box-shadow:0 30px 80px #00000080}.intro-badge{display:inline-block;font-size:.8rem;font-weight:600;color:#7da4ff;background:#4f7cff26;border:1px solid rgba(79,124,255,.3);padding:6px 14px;border-radius:999px;margin-bottom:18px}.intro-card h1{font-size:1.9rem;font-weight:800;color:#fff;margin-bottom:14px;line-height:1.15}.intro-lead{color:#a9b4cc;line-height:1.65;margin-bottom:24px;font-size:1.02rem}.intro-controls{display:flex;flex-direction:column;gap:10px;margin-bottom:28px}.ctrl{display:flex;align-items:center;gap:12px;justify-content:center;color:#cbd5e1;font-size:.9rem}.keys{display:inline-flex;gap:4px;min-width:132px;justify-content:flex-end}kbd{display:inline-block;background:#1f2540;border:1px solid #38406a;border-bottom-width:2px;border-radius:6px;padding:2px 8px;font-family:ui-monospace,monospace;font-size:.8rem;color:#e2e8f0}#start-btn{background:linear-gradient(135deg,#4f7cff,#7c3aed);color:#fff;border:none;border-radius:12px;padding:14px 30px;font-size:1.05rem;font-weight:700;cursor:pointer;transition:transform .15s ease,box-shadow .2s ease;box-shadow:0 10px 30px #4f7cff59}#start-btn:hover{transform:translateY(-2px);box-shadow:0 16px 40px #4f7cff80}.intro-skip{display:block;margin-top:16px;color:#64748b;font-size:.85rem;text-decoration:none}.intro-skip:hover{color:#94a3b8}#hud-progress{position:absolute;top:18px;left:50%;transform:translate(-50%);z-index:15;background:#0a0d1ab3;border:1px solid rgba(255,255,255,.1);border-radius:999px;padding:8px 18px;color:#cbd5e1;font-size:.85rem;opacity:0;transition:opacity .4s ease;pointer-events:none}#hud-progress.show{opacity:1}#hud-count{color:#7da4ff;font-weight:700}.hud-total{color:#64748b}#interact-prompt{position:absolute;bottom:28px;left:50%;transform:translate(-50%) translateY(12px);z-index:15;display:flex;align-items:center;gap:10px;background:#0a0d1ad9;border:1px solid rgba(79,124,255,.4);border-radius:12px;padding:10px 18px;color:#e2e8f0;font-size:.92rem;opacity:0;transition:opacity .25s ease,transform .25s ease;pointer-events:none}#interact-prompt.show{opacity:1;transform:translate(-50%) translateY(0)}#interact-prompt strong{color:#7da4ff}.prompt-key kbd{background:#4f7cff;border-color:#6d8eff;color:#fff}#touch-controls{position:absolute;bottom:20px;left:0;right:0;z-index:16;display:none;align-items:flex-end;justify-content:space-between;padding:0 22px;pointer-events:none}#touch-controls.show{display:flex}.dpad{display:flex;flex-direction:column;align-items:center;gap:6px;pointer-events:auto}.dpad-mid{display:flex;gap:44px}.tbtn{width:56px;height:56px;border-radius:14px;font-size:1.3rem;background:#141a2ecc;border:1px solid rgba(255,255,255,.18);color:#e2e8f0;cursor:pointer;-webkit-tap-highlight-color:transparent}.tbtn:active{background:#4f7cff80}.tbtn-talk{pointer-events:auto;align-self:flex-end;background:linear-gradient(135deg,#4f7cff,#7c3aed);color:#fff;border:none;border-radius:14px;padding:0 26px;height:56px;font-weight:700;font-size:1rem;opacity:.45;transition:opacity .2s}.tbtn-talk.active{opacity:1}#dialogue{position:absolute;inset:0;z-index:20;display:flex;align-items:center;justify-content:center;padding:20px;background:#04060f99;backdrop-filter:blur(3px);opacity:0;pointer-events:none;transition:opacity .3s ease}#dialogue.open{opacity:1;pointer-events:auto}.dlg-card{position:relative;width:100%;max-width:520px;max-height:88svh;overflow-y:auto;background:#12162a;border:1px solid #2a3050;border-radius:18px;padding:26px 26px 22px;box-shadow:0 30px 90px #0009;transform:translateY(16px);transition:transform .3s ease}#dialogue.open .dlg-card{transform:translateY(0)}#dlg-close{position:absolute;top:14px;right:14px;width:32px;height:32px;border-radius:8px;background:#ffffff0f;border:none;color:#94a3b8;cursor:pointer;font-size:1rem}#dlg-close:hover{background:#ffffff1f;color:#fff}.dlg-head{display:flex;align-items:center;gap:14px;margin-bottom:20px}.dlg-avatar{width:54px;height:54px;border-radius:14px;flex-shrink:0;display:flex;align-items:center;justify-content:center;font-size:28px;background:#ffffff0f}.dlg-dept{font-size:.78rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase}.dlg-name{color:#e2e8f0;font-size:1.05rem;font-weight:700;margin-top:2px}.dlg-section{margin-bottom:18px}.dlg-label{font-size:.72rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;margin-bottom:8px}.dlg-label-pain{color:#fca5a5}.dlg-label-fix{color:#7da4ff}.dlg-problema{color:#cbd5e1;line-height:1.65;font-size:.96rem;font-style:italic;border-left:3px solid rgba(252,165,165,.5);padding-left:14px}.dlg-objetivos{display:flex;flex-direction:column;gap:6px;margin-bottom:12px}.dlg-obj{display:flex;gap:8px;align-items:flex-start;color:#e2e8f0;font-size:.88rem;line-height:1.45}.dlg-obj:before{content:"✓";color:#34d399;font-weight:700;flex-shrink:0}.dlg-tools{display:flex;flex-direction:column;gap:8px}.dlg-tool{background:#ffffff0a;border-radius:8px;padding:9px 12px}.dlg-tool-n{font-size:.85rem;font-weight:600;color:#e2e8f0}.dlg-tool-u{font-size:.78rem;color:#64748b;margin-top:1px}.dlg-ahorro{background:#34d3991a;border:1px solid rgba(52,211,153,.25);border-radius:10px;padding:12px 14px;color:#6ee7b7;font-size:.88rem;font-weight:600;margin-bottom:18px}.dlg-actions{display:flex;flex-direction:column;gap:10px}#dlg-cta{display:block;text-align:center;background:linear-gradient(135deg,#4f7cff,#7c3aed);color:#fff;border-radius:10px;padding:13px;font-size:.95rem;font-weight:700;text-decoration:none}#dlg-continue{background:transparent;border:1px solid #2a3050;color:#94a3b8;border-radius:10px;padding:11px;font-size:.9rem;cursor:pointer}#dlg-continue:hover{border-color:#4f7cff;color:#cbd5e1}@media (max-width: 640px){.intro-card{padding:30px 22px}.intro-card h1{font-size:1.5rem}.keys{min-width:0}}