#infinite-grid-menu-canvas{cursor:grab;outline:none;width:100%;height:100%;position:relative;overflow:hidden}#infinite-grid-menu-canvas:active{cursor:grabbing}.action-button{z-index:10;cursor:pointer;background:#5227ff;border:5px solid #000;border-radius:50%;place-items:center;width:60px;height:60px;display:grid;position:absolute;left:50%}.face-title{user-select:none;text-align:center;z-index:100;width:90%;max-width:800px;margin:0;font-size:clamp(1.5rem,5vw,4rem);font-weight:900;position:absolute;top:calc(50% - min(40vmin,300px) - 4rem);left:50%;transform:translate(-50%)}@media (min-width:768px){.face-title{top:2rem}}.face-title.active{opacity:1;pointer-events:auto;transition:all .5s;transform:translate(-50%)translateY(0)}.face-title.inactive{pointer-events:none;opacity:0;transition:all .1s;transform:translate(-50%)translateY(-20px)}.face-description{user-select:none;text-align:center;z-index:100;justify-content:center;align-items:center;gap:clamp(.5rem,2vw,1rem);margin:0;font-size:clamp(.875rem,2.5vw,1.5rem);display:flex;position:absolute;top:calc(50% - min(40vmin,300px) - 4rem);left:50%;transform:translate(-50%)}@media (min-width:768px){.face-description{top:calc(50% - min(40vmin,300px) - 4rem)}}.face-description .category,.face-description .year{opacity:.8}.face-description .category:after{content:"•";margin-left:clamp(.5rem,2vw,1rem)}.face-description.active{opacity:1;pointer-events:auto;transition:all .5s;transform:translate(-50%)translateY(0)}.face-description.inactive{pointer-events:none;opacity:0;transition:all .1s;transform:translate(-50%)translateY(20px)}.action-button{position:absolute;left:50%}.action-button.active{opacity:1;pointer-events:auto;transition:all .5s;bottom:3.8em;transform:translate(-50%)scale(1)}.action-button.inactive{opacity:0;pointer-events:none;transition:all .1s;bottom:-80px;transform:translate(-50%)scale(0)}.audio-indicator{backdrop-filter:blur(10px);z-index:100;user-select:none;background:#667eea33;border:2px solid #667eea80;border-radius:50%;justify-content:center;align-items:center;width:50px;height:50px;display:flex;position:absolute;top:2rem;right:2rem}.audio-indicator.active{opacity:1;transition:all .3s;transform:scale(1)}.audio-indicator.inactive{opacity:0;transition:all .1s;transform:scale(0)}.audio-indicator.playing{background:#667eea66;border-color:#667eeacc;animation:2s ease-in-out infinite pulse}.audio-icon{color:#667eea;font-size:1.5rem;animation:3s ease-in-out infinite float}.audio-indicator.playing .audio-icon{animation:3s ease-in-out infinite float,8s linear infinite spin}@keyframes pulse{0%,to{box-shadow:0 0 #667eeab3}50%{box-shadow:0 0 0 15px #667eea00}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-5px)}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.album-link-btn{color:var(--text-secondary,#fff9);z-index:100;background:0 0;border:none;padding:0;font-size:16px;font-weight:400;text-decoration:none;transition:all .2s;position:absolute;bottom:calc(50% - min(40vmin,300px) - 2rem);left:50%;transform:translate(-50%)}@media (min-width:768px){.album-link-btn{bottom:calc(50% - min(40vmin,300px) - 2rem)}}.album-link-btn:hover{color:var(--text-primary,#ffffffe6);text-decoration:underline}.album-link-btn.active{opacity:1;pointer-events:auto;transition:all .5s;transform:translate(-50%)translateY(0)}.album-link-btn.inactive{pointer-events:none;opacity:0;transition:all .1s;transform:translate(-50%)translateY(20px)}