*{box-sizing:border-box}:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}html,body,#root{background:#050810;height:100%;margin:0;font-family:JetBrains Mono,Fira Code,ui-monospace,monospace;overflow:hidden}.hud-root{color:#e5e7eb;background:radial-gradient(circle at 50% 0,#22d3ee1f,#0000 60%),#050810;flex-direction:column;height:100vh;display:flex}.hud-top{border-bottom:1px solid #22d3ee40;justify-content:space-between;align-items:center;gap:16px;padding:12px 20px;display:flex}.hud-title{letter-spacing:.06em;color:#67e8f9;text-shadow:0 0 12px #67e8f980;align-items:baseline;gap:12px;font-size:14px;font-weight:700;display:flex}.hud-subtitle{letter-spacing:0;color:#64748b;text-shadow:none;font-size:11px;font-weight:400}.hud-actions{gap:8px;display:flex}.hud-btn{letter-spacing:.04em;color:#a5f3fc;cursor:pointer;background:#22d3ee14;border:1px solid #22d3ee59;border-radius:5px;padding:6px 12px;font-family:inherit;font-size:11px;transition:background .15s,border-color .15s}.hud-btn:hover{background:#22d3ee2e;border-color:#22d3eeb3}.hud-stage{cursor:crosshair;flex:1;min-height:0;position:relative}.hud-stage--drag:after{content:"";pointer-events:none;border:2px dashed #22d3ee99;border-radius:10px;position:absolute;inset:12px}.hud-scene{width:100%;height:100%;display:block;position:absolute;inset:0}.hud-video-hidden{opacity:0;pointer-events:none;width:1px;height:1px;position:absolute;top:0;left:0}.hud-panel{pointer-events:none;background:#050810e0;border:1px solid #22d3ee33;border-radius:7px;flex-direction:column;gap:5px;min-width:200px;max-width:320px;padding:9px 12px;font-size:11px;display:flex;position:absolute;top:14px}.hud-panel--left{left:14px}.hud-panel--right{right:14px}.hud-panel-title{letter-spacing:.12em;text-transform:uppercase;color:#475569;font-size:9px}.hud-row{color:#cbd5e1;align-items:center;gap:7px;line-height:1.5;display:flex}.hud-row-main strong{color:#67e8f9;font-weight:600}.hud-row--muted{color:#64748b}.hud-row--warn{color:#fbbf24;max-width:280px}.hud-dot{border-radius:50%;flex-shrink:0;width:8px;height:8px}.hud-dot--none{background:#22d3ee;box-shadow:0 0 6px #22d3ee}.hud-dot--pinch{background:#ff5c7a;box-shadow:0 0 6px #ff5c7a}.hud-dot--fist{background:#fbbf24;box-shadow:0 0 6px #fbbf24}.hud-dot--open{background:#a3e635;box-shadow:0 0 6px #a3e635}.hud-drop{color:#67e8f9;pointer-events:none;background:#0508108c;place-items:center;font-size:14px;display:grid;position:absolute;inset:0}.hud-help{color:#64748b;border-top:1px solid #22d3ee26;flex-wrap:wrap;gap:18px;padding:9px 20px;font-size:11px;display:flex}.hud-help b{color:#94a3b8;font-weight:600}.hud-help--muted{color:#475569;margin-left:auto}.hud-dot--point{background:#fff;box-shadow:0 0 6px #fff}.hud-dot--pinchMiddle{background:#c084fc;box-shadow:0 0 6px #c084fc}.hud-dot--pinchRing{background:#f472b6;box-shadow:0 0 6px #f472b6}.hud-dot--thumbUp{background:#4ade80;box-shadow:0 0 6px #4ade80}.hud-dot--thumbDown{background:#f87171;box-shadow:0 0 6px #f87171}.hud-row--accent{color:#67e8f9}.hud-btn--on{color:#86efac;background:#4ade8029;border-color:#4ade80b3}.hud-hints{pointer-events:none;flex-direction:column;gap:4px;animation:.18s ease-out hud-aparecer;display:flex;position:absolute;transform:translate(28px,18px)}.hud-hint{letter-spacing:.02em;color:#a5f3fc;white-space:nowrap;background:#050810c7;border:1px solid #22d3ee47;border-radius:4px;width:fit-content;padding:3px 8px;font-size:10px}@keyframes hud-aparecer{0%{opacity:0;transform:translate(24px,18px)}to{opacity:1;transform:translate(28px,18px)}}.hud-onboarding{color:#e0f2fe;background:#050810d9;border:1px solid #22d3ee66;border-radius:9px;align-items:center;gap:14px;padding:10px 16px;font-size:12px;display:flex;position:absolute;bottom:26px;left:50%;transform:translate(-50%);box-shadow:0 0 30px #22d3ee26}.hud-onboarding-pasos{gap:5px;display:flex}.hud-paso{background:#94a3b859;border-radius:50%;width:7px;height:7px}.hud-paso--hecho{background:#4ade80}.hud-paso--activo{background:#22d3ee;box-shadow:0 0 8px #22d3ee}.hud-onboarding-texto{max-width:420px}.hud-modal{background:#050810a6;place-items:center;display:grid;position:absolute;inset:0}.hud-modal-card{background:#050810f2;border:1px solid #22d3ee66;border-radius:9px;flex-direction:column;align-items:flex-start;gap:10px;max-width:460px;padding:16px 18px;display:flex}.hud-modal-list{flex-wrap:wrap;gap:6px;display:flex}.hud-modal-nota{color:#64748b;margin:0;font-size:11px;line-height:1.6}