:root{--primary:#8E5DFF;--primary-dark:#6B3BCC;--accent:#FC525B;--background:#010113;--surface-1:#03021D;--text-foreground:#ffffff;--text-muted:#a1a1aa;--font-unbounded:"Unbounded",sans-serif;--font-montserrat:"Montserrat",sans-serif;--font-nunito:"Nunito Sans",sans-serif}#infinite-grid-menu-canvas{cursor:grab;width:100%;height:100%;overflow:hidden;position:relative;outline:none}#infinite-grid-menu-canvas:active{cursor:grabbing}.action-button{position:absolute;left:50%;z-index:10;width:60px;height:60px;display:grid;place-items:center;background:var(--primary);border:5px solid var(--primary-dark);border-radius:50%;cursor:pointer;transition:all .3s ease}.action-button:hover:not(.inactive){background:var(--primary-dark);box-shadow:0 0 20px rgba(142,93,255,.5)}.face-title{position:absolute;font-family:var(--font-unbounded);font-weight:600;font-size:4rem;left:1.6em;top:50%;transform:translate(20%,-50%);margin:0}.action-button-icon,.face-title{user-select:none;color:var(--text-foreground)}.action-button-icon{position:relative;top:2px;font-size:26px;font-family:var(--font-montserrat)}.face-title.active{opacity:1;transform:translate(20%,-50%);pointer-events:auto;transition:.5s ease}.face-title.inactive{pointer-events:none;opacity:0;transition:.1s ease}.face-description{user-select:none;position:absolute;font-family:var(--font-nunito);font-weight:400;font-size:1.5rem;color:var(--text-muted);max-width:28ch;top:50%;left:80%;transform:translate(-45%,-50%);margin:0;text-align:left}.face-description.active{color:var(--text-foreground);opacity:1;transform:translate(-48%,-50%);pointer-events:auto;transition:.5s ease}.face-description.inactive{pointer-events:none;transform:translate(-42%,-50%);opacity:0;transition:.1s ease}.action-button.active{bottom:3.8em;transform:translateX(-50%) scale(1);opacity:1;pointer-events:auto;transition:.5s ease}.action-button.inactive{bottom:-80px;transform:translateX(-50%) scale(0);opacity:0;pointer-events:none;transition:.1s ease}@media (max-width:768px){.face-description,.face-title{display:block;left:50%;max-width:min(90vw,22rem);text-align:center}.face-title{top:calc(50% - clamp(5rem, 20vh, 10rem));font-size:clamp(1rem,5vw,2.2rem)}.face-title,.face-title.active{transform:translate(-50%,-50%)}.face-title.inactive{transform:translate(-50%,-70%)}.face-description{top:calc(50% + clamp(6rem, 22vh, 12rem));font-size:clamp(1rem,5vw,1.25rem);line-height:1.4}.face-description,.face-description.active{transform:translate(-50%,-50%)}.face-description.inactive{transform:translate(-50%,-30%)}.action-button{width:50px;height:50px;border-width:4px}.action-button.active{bottom:2.5em}.action-button-icon{font-size:20px}}@media (max-width:480px){.face-description,.face-title{max-width:min(88vw,18rem)}.face-title{top:calc(50% - clamp(4rem, 18vh, 9rem));font-size:clamp(.875rem,4.5vw,1.5rem)}.face-description{top:calc(50% + clamp(5rem, 20vh, 10rem));font-size:clamp(.95rem,4.5vw,1.1rem);line-height:1.3}.action-button{width:45px;height:45px;border-width:3px}.action-button.active{bottom:2rem}.action-button-icon{font-size:18px}}