.sphere-grid{position:relative;width:100%;aspect-ratio:1;touch-action:none;cursor:grab}.sphere-grid:active{cursor:grabbing}.sphere-grid__tile{position:absolute;left:50%;top:50%;width:var(--sphere-tile, 88px);height:var(--sphere-tile, 88px);margin-left:calc(var(--sphere-tile, 88px) / -2);margin-top:calc(var(--sphere-tile, 88px) / -2);padding:0;border:1px solid var(--border-strong);border-radius:50%;overflow:hidden;background:var(--surface-raised);box-shadow:var(--shadow-md);cursor:pointer;transition:border-color .2s ease;will-change:transform,opacity}.sphere-grid__tile:hover,.sphere-grid__tile:focus-visible{border-color:var(--accent)}.sphere-grid__tile img{display:block;width:100%;height:100%;object-fit:cover;pointer-events:none;-webkit-user-select:none;user-select:none}@media(prefers-reduced-motion:reduce){.sphere-grid__tile{transition:none}}