@keyframes canvasFadeIn{0%{opacity:0}to{opacity:1}}@keyframes hand-swipe{0%{transform:translate(-10px);opacity:0}20%{opacity:1}80%{opacity:1}to{transform:translate(10px);opacity:0}}#infinite-grid-menu-canvas{cursor:grab;width:100%;height:100%;overflow:hidden;position:absolute;top:0;left:0;outline:none;background-color:#0d0d0d;animation:canvasFadeIn 1.5s ease-out forwards}#infinite-grid-menu-canvas:active{cursor:grabbing}.info-container{position:absolute;bottom:2rem;left:50%;transform:translate(-50%);width:90%;max-width:600px;z-index:10;pointer-events:none;opacity:1;transition:opacity .5s ease,transform .5s ease}.info-container.inactive{opacity:0;transform:translate(-50%) translateY(20px);transition-duration:.2s}.info-content{background:#0d0d0d80;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);padding:2rem 2.5rem;border-radius:16px;border:1px solid rgba(245,245,247,.1);color:#f5f5f7;text-align:center;position:relative;overflow:hidden}.info-content:before{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:250px;height:150px;background:radial-gradient(circle,rgba(133,72,239,.15) 0%,transparent 70%);filter:blur(25px);z-index:-1;opacity:.8}.face-title{font-family:Orbitron,sans-serif;font-weight:700;font-size:clamp(1.5rem,4vw,2.5rem);color:#f5f5f7;margin:0}.face-description{font-family:Inter,sans-serif;font-size:clamp(.875rem,2vw,1rem);color:#f5f5f7cc;margin:.75rem auto 1.5rem;max-width:45ch;line-height:1.5}.action-button{margin:0 auto;width:50px;height:50px;display:grid;place-items:center;background-color:#8548ef;border:none;border-radius:50%;cursor:pointer;pointer-events:auto;box-shadow:0 4px 20px #8548ef80;transition:transform .2s ease,box-shadow .2s ease}.action-button:hover{transform:scale(1.1);box-shadow:0 6px 25px #8548ef99}.action-button-icon{user-select:none;font-weight:700;font-size:24px;color:#0d0d0d;transition:transform .2s ease}.action-button:hover .action-button-icon{transform:rotate(45deg)}.hand-prompt{position:absolute;top:-60px;left:50%;transform:translate(-50%);color:#8548efe6;opacity:0;transition:opacity .3s ease;pointer-events:none;display:flex;align-items:center;gap:8px;font-size:14px;font-weight:500;background:#0d0d0dcc;padding:8px 16px;border-radius:20px;border:1px solid rgba(133,72,239,.3);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}.hand-prompt:before{content:"Arrastra para explorar";white-space:nowrap}.info-container.active .hand-prompt{opacity:1;animation:hand-swipe 3s ease-in-out infinite}.interaction-overlay{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:#000000b3;backdrop-filter:blur(2px);pointer-events:none;z-index:15;opacity:1;transition:opacity .6s ease-out}.interaction-overlay.hidden{opacity:0}.interaction-content{text-align:center;color:#fff;max-width:400px;padding:2rem;background:#8b5cf61a;border:2px solid rgba(139,92,246,.3);border-radius:20px;backdrop-filter:blur(10px);animation:float-in 1s ease-out}.drag-demo{position:relative;height:80px;margin-bottom:1.5rem;display:flex;align-items:center;justify-content:center;gap:15px}.cursor-icon{position:relative;color:#8b5cf6;animation:drag-motion 2s ease-in-out infinite;z-index:3;filter:drop-shadow(0 0 8px rgba(139,92,246,.4))}.drag-arrows{position:relative;color:#8b5cf6cc;animation:arrow-flow 2s ease-in-out infinite;z-index:2}.drag-trail{position:absolute;width:120px;height:3px;background:linear-gradient(90deg,transparent 0%,rgba(139,92,246,.2) 15%,rgba(139,92,246,.6) 35%,rgba(139,92,246,1) 50%,rgba(139,92,246,.6) 65%,rgba(139,92,246,.2) 85%,transparent 100%);border-radius:2px;animation:trail-flow 2s ease-in-out infinite;box-shadow:0 0 10px #8b5cf64d}.instruction-text h3{font-size:1.5rem;margin-bottom:.5rem;color:#fff;font-weight:600;text-align:center}.instruction-text p{font-size:1.1rem;margin-bottom:1rem;color:#ffffffe6}.action-hint{display:inline-flex;align-items:center;gap:.5rem;padding:.6rem 1.2rem;background:#8b5cf626;border:1px solid rgba(139,92,246,.4);border-radius:25px;font-size:.9rem;color:#8b5cf6;animation:pulse-glow 1.5s ease-in-out infinite;backdrop-filter:blur(5px)}.hint-icon{color:#8b5cf6;filter:drop-shadow(0 0 4px rgba(139,92,246,.3))}@keyframes float-in{0%{opacity:0;transform:translateY(20px) scale(.9)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes drag-motion{0%,to{transform:translate(-25px) scale(1)}50%{transform:translate(25px) scale(1.1)}}@keyframes arrow-flow{0%,to{transform:translate(-15px) scale(.9);opacity:.6}50%{transform:translate(15px) scale(1);opacity:1}}@keyframes trail-flow{0%,to{opacity:.4;transform:translate(-25px) scaleX(.7)}50%{opacity:1;transform:translate(25px) scaleX(1.3)}}@keyframes pulse-glow{0%,to{box-shadow:0 0 8px #8b5cf64d;transform:scale(1)}50%{box-shadow:0 0 25px #8b5cf6b3;transform:scale(1.05)}}