#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:#f5f5f1;text-shadow:0 2px 18px rgba(0,0,0,.7);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:#c9c9c3;text-shadow:0 1px 12px rgba(0,0,0,.7);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:var(--accent);border:1px solid var(--accent);border-radius:50%;cursor:pointer;transition:background .25s var(--ease);-webkit-tap-highlight-color:transparent}.action-button:hover{background:var(--accent-2);border-color:var(--accent-2)}.action-button:focus-visible{outline:2px solid #fff;outline-offset:3px;box-shadow:0 0 0 8px #000000a6}.action-button-icon{user-select:none;position:relative;margin:0;color:var(--accent-contrast);width:22px;height: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.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:#f5f5f1;opacity:.85;filter:drop-shadow(0 2px 10px rgba(0,0,0,.7));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(60svh,calc(100% - 14rem));overflow:hidden;cursor:pointer;touch-action:none;-webkit-user-select:none;user-select:none;pointer-events:none;clip-path:inset(40% 40% 40% 40% round 50%);opacity:0}.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__tile{filter:blur(10px);transform:scale(1.04)}.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;grid-template:minmax(0,1fr) / minmax(0,1fr);place-items:center;padding:var(--space-m);background:color-mix(in srgb,var(--bg) 98%,transparent);animation:sphereLightboxFadeIn .25s var(--ease)}.sphere-lightbox__img{max-width:100%;max-height:100%;width:auto;height:auto;object-fit:contain;border-radius:var(--radius-lg);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:var(--accent);border:1px solid var(--accent);border-radius:50%;color:var(--accent-contrast);cursor:pointer;transition:background .25s var(--ease);-webkit-tap-highlight-color:transparent}.sphere-lightbox__close:hover{background:var(--accent-2);border-color:var(--accent-2)}.sphere-lightbox__close:focus-visible{outline:2px solid #fff;outline-offset:3px;box-shadow:0 0 0 8px #000000a6}.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)}