#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{z-index:10;width:60px;height:60px;display:grid;place-items:center;background:#5227ff;border-radius:50%;cursor:pointer;border:5px solid #000}.face-title{-webkit-user-select:none;-moz-user-select:none;user-select:none;position:absolute;font-weight:900;font-size:clamp(1.5rem,5vw,4rem);left:50%;top:calc(50% - min(40vmin,300px) - 4rem);transform:translateX(-50%);text-align:center;width:90%;max-width:800px;margin:0;z-index:100}@media(min-width:768px){.face-title{top:2rem}}.face-title.active{opacity:1;transform:translateX(-50%) translateY(0);pointer-events:auto;transition:.5s ease}.face-title.inactive{pointer-events:none;opacity:0;transform:translateX(-50%) translateY(-20px);transition:.1s ease}.face-description{-webkit-user-select:none;-moz-user-select:none;user-select:none;position:absolute;font-size:clamp(.875rem,2.5vw,1.5rem);left:50%;bottom:calc(50% - min(40vmin,300px) - 4rem);transform:translateX(-50%);text-align:center;display:flex;gap:clamp(.5rem,2vw,1rem);align-items:center;justify-content:center;z-index:100;margin:0}@media(min-width:768px){.face-description{bottom:2rem}}.face-description .category,.face-description .year{opacity:.8}.face-description .category:after{content:"•";margin-left:clamp(.5rem,2vw,1rem)}.face-description.active{opacity:1;transform:translateX(-50%) translateY(0);pointer-events:auto;transition:.5s ease}.face-description.inactive{pointer-events:none;opacity:0;transform:translateX(-50%) translateY(20px);transition:.1s ease}.action-button{position:absolute;left:50%}.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}.audio-indicator{position:absolute;top:2rem;right:2rem;width:50px;height:50px;display:flex;align-items:center;justify-content:center;background:rgba(102,126,234,.2);border:2px solid rgba(102,126,234,.5);border-radius:50%;backdrop-filter:blur(10px);z-index:100;-webkit-user-select:none;-moz-user-select:none;user-select:none}.audio-indicator.active{opacity:1;transform:scale(1);transition:.3s ease}.audio-indicator.inactive{opacity:0;transform:scale(0);transition:.1s ease}.audio-indicator.playing{animation:pulse 2s ease-in-out infinite;background:rgba(102,126,234,.4);border-color:rgba(102,126,234,.8)}.audio-icon{font-size:1.5rem;color:#667eea;animation:float 3s ease-in-out infinite}.audio-indicator.playing .audio-icon{animation:float 3s ease-in-out infinite,spin 8s linear infinite}@keyframes pulse{0%,to{box-shadow:0 0 0 0 rgba(102,126,234,.7)}50%{box-shadow:0 0 0 15px rgba(102,126,234,0)}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-5px)}}.portwave-page{width:100%;height:100vh;position:relative;overflow:hidden;background:#000}.page-header{position:absolute;top:2rem;left:2rem;z-index:100;pointer-events:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}.page-header .logo{font-size:3rem;font-weight:900;margin:0;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;-webkit-text-fill-color:rgba(0,0,0,0);background-clip:text;letter-spacing:.1em}.page-header .subtitle{font-size:.9rem;margin:.5rem 0 0 .2rem;opacity:.7;text-transform:uppercase;letter-spacing:.2em}.menu-container{width:100%;height:100vh}.error-screen,.loading-screen{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100vh;gap:1rem}.error-screen h1,.loading-screen h1{font-size:2rem;margin:0}.error-screen p,.loading-screen p{opacity:.7;margin:0}.loading-spinner{width:50px;height:50px;border:4px solid hsla(0,0%,100%,.1);border-top-color:#667eea;border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(1turn)}}@media(max-width:768px){.page-header{top:1rem;left:1rem}.page-header .logo{font-size:2rem}.page-header .subtitle{font-size:.7rem}}