#infinite-grid-menu-canvas{cursor:grab;width:100%;height:100%;overflow:hidden;position:relative;outline:none;touch-action:none;border-radius:var(--radius-lg)}#infinite-grid-menu-canvas:active{cursor:grabbing}.face-title{user-select:none;pointer-events:none;position:absolute;left:50%;top:clamp(.75rem,4svh,2.5rem);transform:translate(-50%);margin:0;max-width:min(90%,24ch);text-align:center;font-family:var(--font-display);font-weight:700;font-size:var(--step-2);letter-spacing:-.02em;color:var(--text);text-shadow:0 2px 18px color-mix(in srgb,var(--bg) 70%,transparent);z-index:5}.face-title.active{opacity:1;transition:opacity .5s var(--ease)}.face-title.inactive{opacity:0;transition:opacity .1s ease}.face-description{user-select:none;pointer-events:none;position:absolute;left:50%;bottom:clamp(5.5rem,16svh,8rem);transform:translate(-50%);margin:0;max-width:min(88%,44ch);text-align:center;font-size:var(--step--1);color:var(--text-dim);text-shadow:0 1px 12px color-mix(in srgb,var(--bg) 70%,transparent);z-index:5}.face-description.active{opacity:1;transition:opacity .5s var(--ease)}.face-description.inactive{opacity:0;transition:opacity .1s ease}.action-button{position:absolute;left:50%;z-index:10;width:56px;height:56px;display:grid;place-items:center;background:linear-gradient(155deg,#ffffff52,#ffffff14);backdrop-filter:blur(14px) saturate(160%);-webkit-backdrop-filter:blur(14px) saturate(160%);border:1px solid rgba(255,255,255,.38);border-radius:50%;cursor:pointer;box-shadow:0 10px 26px -12px #0000008c,inset 0 1px #ffffff73,inset 0 -6px 10px -6px #0000002e;transition:transform .25s var(--ease),background .25s var(--ease)}.action-button:hover{background:linear-gradient(155deg,#ffffff73,#ffffff29)}.action-button-icon{user-select:none;position:relative;margin:0;color:#fff;text-shadow:0 1px 6px rgba(0,0,0,.35);font-size:22px}.action-button.active{bottom:clamp(1.25rem,5svh,2.5rem);transform:translate(-50%) scale(1);opacity:1;pointer-events:auto;transition:.5s var(--ease)}.action-button.active:hover{transform:translate(-50%) scale(1.06)}.action-button.inactive{bottom:-80px;transform:translate(-50%) scale(0);opacity:0;pointer-events:none;transition:.1s ease}.sphere-hint{position:absolute;inset:0;z-index:6;display:flex;align-items:center;justify-content:center;gap:clamp(.5rem,2vw,1rem);pointer-events:none;color:var(--text);opacity:.85;filter:drop-shadow(0 2px 10px color-mix(in srgb,var(--bg) 70%,transparent));transition:opacity .3s ease}.sphere-hint.is-fading{opacity:0}.sphere-hint__pointer{width:clamp(28px,6vw,36px);height:clamp(28px,6vw,36px);animation:sphereHintSlide 2.6s ease-in-out infinite}.sphere-hint__chevron{width:12px;height:18px;opacity:.5}.sphere-hint__chevron--left{animation:sphereHintChevronLeft 2.6s ease-in-out infinite}.sphere-hint__chevron--right{animation:sphereHintChevronRight 2.6s ease-in-out infinite}@keyframes sphereHintSlide{0%{transform:translate(-16px) rotate(-8deg)}25%{transform:translate(-6px,-6px) rotate(-3deg)}50%{transform:translate(16px) rotate(8deg)}75%{transform:translate(6px,-6px) rotate(3deg)}to{transform:translate(-16px) rotate(-8deg)}}@keyframes sphereHintChevronLeft{0%,to{opacity:.85;transform:translate(0)}50%{opacity:.25;transform:translate(6px)}}@keyframes sphereHintChevronRight{0%,to{opacity:.25;transform:translate(-6px)}50%{opacity:.85;transform:translate(0)}}@media(prefers-reduced-motion:reduce){.sphere-hint__pointer,.sphere-hint__chevron--left,.sphere-hint__chevron--right{animation:none}}.sphere-morph{position:absolute;inset:0;margin:auto;z-index:3;width:auto;height:auto;max-width:min(80vw,716px);max-height:min(60vh,calc(100% - 14rem));overflow:hidden;cursor:pointer;touch-action:none;-webkit-user-select:none;user-select:none;pointer-events:none;clip-path:inset(40% round 50%);opacity:0;transform:scale(.9)}.sphere-morph.is-active{pointer-events:auto}@media(max-width:640px){.sphere-morph{max-width:70vw;max-height:calc(100% - 11rem)}}.sphere-morph__tile,.sphere-morph__full{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;-webkit-user-drag:none}.sphere-morph__full{opacity:0;transition:opacity .4s var(--ease)}.sphere-morph__full.is-loaded{opacity:1}.sphere-lightbox{position:fixed;inset:0;z-index:1000;display:grid;place-items:center;padding:var(--space-m);background:color-mix(in srgb,var(--bg) 92%,transparent);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);animation:sphereLightboxFadeIn .25s var(--ease)}.sphere-lightbox__img{max-width:92vw;max-height:88vh;width:auto;height:auto;object-fit:contain;border-radius:var(--radius-lg);box-shadow:var(--shadow);animation:sphereLightboxScaleIn .25s var(--ease)}@keyframes sphereLightboxFadeIn{0%{opacity:0}to{opacity:1}}@keyframes sphereLightboxScaleIn{0%{opacity:0;transform:scale(.94)}to{opacity:1;transform:scale(1)}}@media(prefers-reduced-motion:reduce){.sphere-lightbox,.sphere-lightbox__img{animation:none}}.sphere-lightbox__close{position:absolute;top:var(--space-m);right:var(--space-m);width:44px;height:44px;display:grid;place-items:center;background:linear-gradient(155deg,#ffffff52,#ffffff14);backdrop-filter:blur(14px) saturate(160%);-webkit-backdrop-filter:blur(14px) saturate(160%);border:1px solid rgba(255,255,255,.38);border-radius:50%;color:#fff;cursor:pointer;box-shadow:0 10px 26px -12px #0000008c,inset 0 1px #ffffff73,inset 0 -6px 10px -6px #0000002e;transition:transform .25s var(--ease),background .25s var(--ease)}.sphere-lightbox__close:hover{background:linear-gradient(155deg,#ffffff73,#ffffff29);transform:scale(1.06)}.gallery-fallback{height:100%;overflow-y:auto;display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,200px),1fr));gap:var(--space-2xs);padding:var(--space-s)}.gallery-fallback__item{position:relative;border-radius:var(--radius);overflow:hidden}.gallery-fallback__item img{width:100%;height:100%;aspect-ratio:1;object-fit:cover}.gallery-fallback__item span{position:absolute;inset:auto 0 0;padding:var(--space-2xs) var(--space-xs);font-size:var(--step--1);color:#fff;background:linear-gradient(transparent,#000000a6)}